16 天前 / 噶牛爱尚
首发于 web 前端学习圈写文章书到用时方恨少，一大波 JS 开发工具函数来了爱前端不爱恋爱微信公众号：web 前端学习圈，关注回复：2020，送全套教程 115 人赞同了该文章前言在我们日常开发的时候，可能会遇到各种各样的需求，但是自己一时半会儿可能找不到合适的办法去解决。书到用时方恨少，下面的这些 JavaScript 的工具函数可能就会派上大用场了，我们可以进行复用，提高我们的工作效率。 我把下面的方法都大致分了个类放在了我的 GitHub 上。大家可以 clone 下来直接使用，也可以在需要用到时在里面去查找，善用 ctrl+F。
23 天前 / Dunizb
2020 年第 15 期 本文介绍三个非常棒棒的 CSS 技巧，完全可以在你的项目中代替 JavaScript，一起来看看这些技巧吧。:active 伪类与 CSS 数据上报超实用超高频使用的：empty 伪类用好：only-child 伪类 :active 伪类与 CSS 数据上报 如果想要知道两个按钮的点击率，CSS 开发者可以自己动手，无需劳烦 JavaScript 开发者去埋点：.button-1:active::after { content: url(./pixel.gifaction=click&id=button1); display: none;}.button-2:active::after { content: url(./pixel.gifaction=click&id=button2); display: none;}此时...
28 天前 / PerfMa
控制台登录注册文章》JVM 源码分析之 jstat 工具原理完全解读》JVM 源码分析之 jstat 工具原理完全解读你假笨 javajvm1 周前 概述 jstat 是 hotspot 自带的工具，和 java 一样也位于 JAVA_HOME/bin 下面，我们通过该工具可以实时了解当前进程的 gc，compiler，class，memory 等相关的情况，具体我们可以通过 jstat -options 来看我们到底支持哪些类型的数据，譬如 JDK8 下的结果是： -class-compiler-gc-gccapacity-gccause-gcmetacapacity-gcnew-gcnewcapacity-gcold-gcoldcapacity-gcutil-printcompilation 复制 jstat 的输出 jstat 大家用得其实挺多的...
43 天前 / pingan8787
在前端开发世界中，JavaScript 和 HTML 之间往往通过 事件 来实现交互。其中多数为内置事件，本文主要介绍 JS 自定义事件概念和实现方式，并结合案例详细分析自定义事件的原理、功能、应用及注意事项。 一、什么是自定义事件在日常开发中，我们习惯监听页面许多事件，诸如：点击事件（ click ）、鼠标移动事件（ mousemove ）、元素失去焦点事件（ blur ）等等。 事件本质是一种通信方式，是一种消息，只有在多对象多模块时，才有可能需要使用事件进行通信。在多模块化开发时，可以使用自定义事件进行模块间通信。
66 天前 / Fundebug
首发于前端随想录写文章从 JS 引擎到 JS 运行时（下）doodlewind 花名雪碧 | github.com/doodlewind85 人赞同了该文章在上篇文章中，我们已经为 JS 引擎扩展出了个最简单的 Event Loop。但像这样直接基于各操作系统不尽相同的 API 自己实现运行时，无疑是件苦差。有没有什么更好的玩法呢？是时候让 libuv 粉墨登场啦。 我们知道，libuv 是 Node.js 开发过程中衍生的异步 IO 库，能让 Event Loop 高性能地运行在不同平台上。可以说，今天的 Node.js 就相当于由 V8 和 libuv 拼接成的运行时。
85 天前 / itclanCoder
虽互不曾谋面,但希望能和你成为笔尖下的朋友 以读书,技术,生活为主,偶尔撒点鸡汤 不作,不敷衍,意在真诚吐露,用心分享 点击左上方,可关注本刊 (点击绿色图标,可收听音频) 撰文| 川川 VX-ID:suibichuanji 点击文末左下方阅读原文,可看视频内容 前言 撰文:川川 平日的编码中,你能列出你常用的异步编码怎么理解同步与异步 如果仅仅停留在文字上的理解,个人觉得有口无心,每当屡屡面试时,这都是一个常问的话题,牵扯到的是事件的执行顺序,任务队列,在js当中对于异步处理任务,是一个非常重要知识. · 正 · 文 · 来 · 啦 ...
106 天前 / 云水木石
本文将介绍如何从源码构建出 TensorFlow JS 库(tfjs)。对于大多数微信小程序开发者而言，并不需要经历这一步，要做的仅仅是把编译好的 tfjs 库加入微信小程序工程中。但我还是希望说说如何从源码编译出 tfjs 库，为什么呢？主要出于两个原因： 完整的 tfjs 库大约有 900K，看起来是一个很小的体积，但我们要知道，微信小程序包有 2M 的大小限制。微信小程序添加一点图片，加上深度学习模型文件，很容易超过 2M 的大小。所以 tfjs 库能减则减，可能在项目开发中需要对 tfjs 库进行裁剪。
114 天前 / vivo互联网技术
JavaScript 中的数组有很多特性：存放不同类型元素、数组长度可变等等，这与数据结构中定义的数组结构或者C++、Java等语言中的数组不太一样，那么JS数组的这些特性底层是如何实现的呢，我们打开V8引擎的源码，从中寻找到了答案。V8中对数组做了一层封装，使其有两种实现方式：快数组和慢数组，快数组底层是连续内存，通过索引直接定位，慢数组底层是哈希表，通过计算哈希值来定位。两种实现方式各有特点，有各自的使用情况，也会相互转换。 一、背景 使用 JS 的数组时，发现 JS 的数组可以存放不同类型的元素、并且数组长度是可变的。
143 天前 / 江米小枣tonylua
原文：https://itnext.io/how-javascript-works-in-browser-and-node-ab7d0d09ac2f 在 JavaScript 王国的土地上，无数开发者在前端或后端领域热情耕耘着。JS 易于理解，也是前端开发中不可或缺的部分。但不同于其他编程语言，这玩意是单线程的，也就是说代码要依次执行。因此一旦有代码占用时间过长，就会阻塞其他需要执行的代码 -- 所以以下画面在 Google Chrome 中时不时会出现。 1. 浏览器中的情况假设你在浏览器中打开一个页面，其使用了一个单独的 JS 执行线程。
150 天前 / xF0rk
以上文章由来自OPPO子午互联网安全实验室【Zery】有赏投稿，也欢迎广大朋友继续投稿，详情可点击OSRC重金征集文稿！！！了解~~ 温馨提示：建议广大作者朋友们用markdown格式投稿，特别是包含大量代码的文章 前言 Hybrid混合开发模式正在被越来越多的APP所使用，这种模式中一个绕不开的话题就是Js如何与Java进行交互，而早在Android 4.2之前的版本中，由webview提供Js与java交互的addjavascriptInterface接口就出现了严重的安全漏洞，虽然此后Android限制了只有添加@JavascriptInterface的方法才可以被js调用...
150 天前 / 前端小君
布林带上下轨的计算计算KDJ指标最近在用js做股票和币圈的一些走势分析，这就不免要去计算K线中的一些技术指标，如移动均线MA、布林带轨线、MACD等等等，这些指标运算公式看上去不复杂，实际动手写起来还是要费一点脑子的，我们把K线数据集表示为一个数组，那么计算K线指标就是对这个数组进行一系列操作，问题的核心就在对数组的操作上。 很多时候，我们会使用for循环去解决所有的数组问题，这没毛病，也是绝对保险的一条路，但是在解决股票参数计算这种问题上，for循环并不是那么好用，对于需要反复迭代运算的指标（譬如KDJ）...
158 天前 / Nealyang
前言 The last time, I have learned 【THE LAST TIME】一直是我想写的一个系列，旨在厚积薄发，重温前端。 也是给自己的查缺补漏和技术分享。 欢迎大家多多评论指点吐槽。 系列文章均首发于公众号【全栈前端精选】，笔者文章集合详见GitHub 地址：Nealyang/personalBlog。目录和发文顺序皆为暂定 首先我想说，【THE LAST TIME】系列的的内容，向来都是包括但不限于标题的范围。 再回来说原型，老生常谈的问题了。
161 天前 / u134271
出牌的思路如下：检查费用，费用够的情况才能打出牌，检查场上还能否放置更多的伙伴，满了也不能打出牌，手牌中删除要出的牌，扣除对应费用，场上添加对应的伙伴，出牌的逻辑才完成。 先完成客户端操作，拖拽卡牌并且放在自己的桌面上代表出牌，处理卡牌拖拽，为卡牌dom加上ref：ref="cardDom"，接着在mounted中加入获取dom引用代码： mounted() {this.cardDom = this.$refs['cardDom'];},然后传入是否可拖拽的选项canDrag: Boolean同时加入是否在桌面选项isOut: Boolean，在Card.vue的mouseDown事件中...
165 天前 / 小兀666
下面罗列的js语言中那些让人抓狂混淆的概念，你遇到过几个？ 建议收藏此文，每当要面试的时候提前拿出来温习温习巩固巩固，多次下来，这些概念相信会永远印在你的脑海中~~ 每一小节都会有一道对应的练习题供参考，如果你做出的答案和题目的答案一样，那么这一小节的内容相信你已经掌握了 1、Array.prototype.slice和Array.prototype.splice1.1、练习题const months = ['Jan', 'March', 'April', 'June'];const res1 = months.splice(1, 0, 'Feb');const res2 = months.splice(4, 1, 'May');const res3 = months.splice(3)console.log(months, res1, res...
166 天前 / u134271
在之前的代码handler.js中，有个existUserGameRoomMap变量，这个变量保存了每个用户的userId对应的roomNumber，所以，只要在connect的函数中加上一段判断： if (existUserGameRoomMap[userId]) { // 如果存在已经加入的对局，则直接进入之前的对战let roomNumber = existUserGameRoomMap[userId];let identity = memoryData[roomNumber]["one"].userId === userId "one" : "two";memoryData[roomNumber][identity].socket = socket;memoryData[roomNumber][identity].socket.emit("RECONNECT", {roomNumber: roomNumber,memberId: identity});sendCards(...