11 天前 / dreamapple
深入理解JS对象隐式类型转换的过程在平时的开发工作中，我们有时会遇到需要将一个对象转换成基本类型的情况。很多情况下这个过程都是自动完成的，我们不需要手动处理。但是每当遇到这种情况的时候，你是否有思考过其背后的逻辑是怎样的？这篇文章会跟大家一起探讨一下这个问题。 在开始这篇文章之前，大家可以尝试思考一下下面问题的答案，看看自己对这部分知识的掌握程度怎么样。 let a = {[Symbol.toPrimitive] (hint) {if (hint === 'number') {console.log(' >>> a hint number');return 10;}if (hint === 'string') {console.log(' >>> a hint ...
27 天前 / mzlogin
挺久以前就有网友给我的 GitHub Pages 博客模板提 Issue，说希望能增加 CDN 用于加速静态资源的加载，由于懒，一直没有动。 最近偶尔要打开自己博客看下 Wiki 的时候，要等挺久，比较痛苦，碰巧昨天晚上看到这样一篇帖子：GitHub 图床的正确用法，通过 jsDelivr CDN 全球加速，感觉很适合我的需求场景，于是决定趁这几天休假将这个改造一下。 先看效果以下改造前后的加载情况都是在 Edge 浏览器禁用缓存后录制的，录制时间段很接近，从本地访问两个 GitHub Pages 服务的原始响应速度应该类似。
73 天前 / 噶牛爱尚
首发于 web 前端学习圈写文章书到用时方恨少，一大波 JS 开发工具函数来了爱前端不爱恋爱微信公众号：web 前端学习圈，关注回复：2020，送全套教程 115 人赞同了该文章前言在我们日常开发的时候，可能会遇到各种各样的需求，但是自己一时半会儿可能找不到合适的办法去解决。书到用时方恨少，下面的这些 JavaScript 的工具函数可能就会派上大用场了，我们可以进行复用，提高我们的工作效率。 我把下面的方法都大致分了个类放在了我的 GitHub 上。大家可以 clone 下来直接使用，也可以在需要用到时在里面去查找，善用 ctrl+F。
79 天前 / 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;}此时...
85 天前 / 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 大家用得其实挺多的...
99 天前 / pingan8787
在前端开发世界中，JavaScript 和 HTML 之间往往通过 事件 来实现交互。其中多数为内置事件，本文主要介绍 JS 自定义事件概念和实现方式，并结合案例详细分析自定义事件的原理、功能、应用及注意事项。 一、什么是自定义事件在日常开发中，我们习惯监听页面许多事件，诸如：点击事件（ click ）、鼠标移动事件（ mousemove ）、元素失去焦点事件（ blur ）等等。 事件本质是一种通信方式，是一种消息，只有在多对象多模块时，才有可能需要使用事件进行通信。在多模块化开发时，可以使用自定义事件进行模块间通信。
122 天前 / Fundebug
首发于前端随想录写文章从 JS 引擎到 JS 运行时（下）doodlewind 花名雪碧 | github.com/doodlewind85 人赞同了该文章在上篇文章中，我们已经为 JS 引擎扩展出了个最简单的 Event Loop。但像这样直接基于各操作系统不尽相同的 API 自己实现运行时，无疑是件苦差。有没有什么更好的玩法呢？是时候让 libuv 粉墨登场啦。 我们知道，libuv 是 Node.js 开发过程中衍生的异步 IO 库，能让 Event Loop 高性能地运行在不同平台上。可以说，今天的 Node.js 就相当于由 V8 和 libuv 拼接成的运行时。
142 天前 / itclanCoder
虽互不曾谋面,但希望能和你成为笔尖下的朋友 以读书,技术,生活为主,偶尔撒点鸡汤 不作,不敷衍,意在真诚吐露,用心分享 点击左上方,可关注本刊 (点击绿色图标,可收听音频) 撰文| 川川 VX-ID:suibichuanji 点击文末左下方阅读原文,可看视频内容 前言 撰文:川川 平日的编码中,你能列出你常用的异步编码怎么理解同步与异步 如果仅仅停留在文字上的理解,个人觉得有口无心,每当屡屡面试时,这都是一个常问的话题,牵扯到的是事件的执行顺序,任务队列,在js当中对于异步处理任务,是一个非常重要知识. · 正 · 文 · 来 · 啦 ...
162 天前 / 云水木石
本文将介绍如何从源码构建出 TensorFlow JS 库(tfjs)。对于大多数微信小程序开发者而言，并不需要经历这一步，要做的仅仅是把编译好的 tfjs 库加入微信小程序工程中。但我还是希望说说如何从源码编译出 tfjs 库，为什么呢？主要出于两个原因： 完整的 tfjs 库大约有 900K，看起来是一个很小的体积，但我们要知道，微信小程序包有 2M 的大小限制。微信小程序添加一点图片，加上深度学习模型文件，很容易超过 2M 的大小。所以 tfjs 库能减则减，可能在项目开发中需要对 tfjs 库进行裁剪。
170 天前 / vivo互联网技术
JavaScript 中的数组有很多特性：存放不同类型元素、数组长度可变等等，这与数据结构中定义的数组结构或者C++、Java等语言中的数组不太一样，那么JS数组的这些特性底层是如何实现的呢，我们打开V8引擎的源码，从中寻找到了答案。V8中对数组做了一层封装，使其有两种实现方式：快数组和慢数组，快数组底层是连续内存，通过索引直接定位，慢数组底层是哈希表，通过计算哈希值来定位。两种实现方式各有特点，有各自的使用情况，也会相互转换。 一、背景 使用 JS 的数组时，发现 JS 的数组可以存放不同类型的元素、并且数组长度是可变的。
199 天前 / 江米小枣tonylua
原文：https://itnext.io/how-javascript-works-in-browser-and-node-ab7d0d09ac2f 在 JavaScript 王国的土地上，无数开发者在前端或后端领域热情耕耘着。JS 易于理解，也是前端开发中不可或缺的部分。但不同于其他编程语言，这玩意是单线程的，也就是说代码要依次执行。因此一旦有代码占用时间过长，就会阻塞其他需要执行的代码 -- 所以以下画面在 Google Chrome 中时不时会出现。 1. 浏览器中的情况假设你在浏览器中打开一个页面，其使用了一个单独的 JS 执行线程。
206 天前 / xF0rk
以上文章由来自OPPO子午互联网安全实验室【Zery】有赏投稿，也欢迎广大朋友继续投稿，详情可点击OSRC重金征集文稿！！！了解~~ 温馨提示：建议广大作者朋友们用markdown格式投稿，特别是包含大量代码的文章 前言 Hybrid混合开发模式正在被越来越多的APP所使用，这种模式中一个绕不开的话题就是Js如何与Java进行交互，而早在Android 4.2之前的版本中，由webview提供Js与java交互的addjavascriptInterface接口就出现了严重的安全漏洞，虽然此后Android限制了只有添加@JavascriptInterface的方法才可以被js调用...
207 天前 / 前端小君
布林带上下轨的计算计算KDJ指标最近在用js做股票和币圈的一些走势分析，这就不免要去计算K线中的一些技术指标，如移动均线MA、布林带轨线、MACD等等等，这些指标运算公式看上去不复杂，实际动手写起来还是要费一点脑子的，我们把K线数据集表示为一个数组，那么计算K线指标就是对这个数组进行一系列操作，问题的核心就在对数组的操作上。 很多时候，我们会使用for循环去解决所有的数组问题，这没毛病，也是绝对保险的一条路，但是在解决股票参数计算这种问题上，for循环并不是那么好用，对于需要反复迭代运算的指标（譬如KDJ）...
215 天前 / Nealyang
前言 The last time, I have learned 【THE LAST TIME】一直是我想写的一个系列，旨在厚积薄发，重温前端。 也是给自己的查缺补漏和技术分享。 欢迎大家多多评论指点吐槽。 系列文章均首发于公众号【全栈前端精选】，笔者文章集合详见GitHub 地址：Nealyang/personalBlog。目录和发文顺序皆为暂定 首先我想说，【THE LAST TIME】系列的的内容，向来都是包括但不限于标题的范围。 再回来说原型，老生常谈的问题了。
217 天前 / u134271
出牌的思路如下：检查费用，费用够的情况才能打出牌，检查场上还能否放置更多的伙伴，满了也不能打出牌，手牌中删除要出的牌，扣除对应费用，场上添加对应的伙伴，出牌的逻辑才完成。 先完成客户端操作，拖拽卡牌并且放在自己的桌面上代表出牌，处理卡牌拖拽，为卡牌dom加上ref：ref="cardDom"，接着在mounted中加入获取dom引用代码： mounted() {this.cardDom = this.$refs['cardDom'];},然后传入是否可拖拽的选项canDrag: Boolean同时加入是否在桌面选项isOut: Boolean，在Card.vue的mouseDown事件中...