26 天前 / 我是小三
目录：一、为什么要对 JS 代码进行保护？二、js 代码保护前世今生三、js 虚拟保护方案与技术原理四、总结一、为什么要对 JS 代码进行保护？1.1、H5 应用场景由于 H5 的跨平台优势，大大提高了用户体验，无需下载，只需要点开就可以观看，不需要下载后占据内存，简化流程。在传播的效率上也得到了很大的提升，可以通过微信平台的朋友圈、微信群、公众号等渠道得到了最大化的曝光，收获爆火的热度和话题度。但是在一定程度上，H5 要实现以上各种应用功能，其实是 JavaScript 赋予了它更强大的能力。
29 天前 / 江米小枣tonylua
在几天前开源的华为 HarmonyOS （鸿蒙）中，提供了一种“微信小程序”式的跨平台开发框架，通过 Toolkit 将应用代码编译打包成 JS Bundle，解析并生成原生 UI 组件。 按照入门文档，很容易就能跑通 demo，唯一需要注意的是弹出网页登录时用 chrome 浏览器可能无法成功： JS 应用框架部分的代码主要在 ace_lite_jsfwk 仓库 中，其模块组成如下图所示： 其中为了实现声明式 API 开发中的单向数据绑定机制，在 ace_lite_jsfwk 代码仓库的 packages/runtime-core/src 目录中实现了一个 ViewModel 类来完成数据劫持。
40 天前 / Ryan众乐
今天鸿蒙终于发布了，开发者们也终于“沸腾”了。 源码托管在国内知名开源平台码云上，https://gitee.com/openharmony 我也第一时间下载了源码，研究了一个晚上，顺带写了一个 hello world 程序，还顺手给鸿蒙文档提了 2 个 PR。 当然我最感兴趣的就是鸿蒙的 JS 框架 ace_lite_jsfwk，从名字中可以看出来这是一个非常轻量级的框架，官方介绍说是“轻量级 JS 核心开发框架”。 当我看完源码后发现它确实轻。其核心代码只有 5 个 js 文件，大概也就 300-400 行代码吧。
101 天前 / lmjben
最近参加了公司内部技术分享，分享同学提到了 Js 原型链的问题，并从 V8 的视角展开发散，刷新了我之前对原型链的认识，听完后决定重学一下原型链，巩固一下基础。 理解原型链深入原型链总结与思考理解原型链 Js 中的原型链是一个比较有意思的话题，它采用了一套巧妙的方法，解决了 Js 中的继承问题。 按我的理解，原型链可以拆分成： 原型（prototype）链（__proto__）原型（prototype）原型（prototype）是一个普通的对象，它为构造函数的实例共享了属性和方法。在所有的实例中，引用到的原型都是同一个对象。
151 天前 / dreamapple
深入理解JS对象隐式类型转换的过程在平时的开发工作中，我们有时会遇到需要将一个对象转换成基本类型的情况。很多情况下这个过程都是自动完成的，我们不需要手动处理。但是每当遇到这种情况的时候，你是否有思考过其背后的逻辑是怎样的？这篇文章会跟大家一起探讨一下这个问题。 在开始这篇文章之前，大家可以尝试思考一下下面问题的答案，看看自己对这部分知识的掌握程度怎么样。 let a = {[Symbol.toPrimitive] (hint) {if (hint === 'number') {console.log(' >>> a hint number');return 10;}if (hint === 'string') {console.log(' >>> a hint ...
167 天前 / mzlogin
挺久以前就有网友给我的 GitHub Pages 博客模板提 Issue，说希望能增加 CDN 用于加速静态资源的加载，由于懒，一直没有动。 最近偶尔要打开自己博客看下 Wiki 的时候，要等挺久，比较痛苦，碰巧昨天晚上看到这样一篇帖子：GitHub 图床的正确用法，通过 jsDelivr CDN 全球加速，感觉很适合我的需求场景，于是决定趁这几天休假将这个改造一下。 先看效果以下改造前后的加载情况都是在 Edge 浏览器禁用缓存后录制的，录制时间段很接近，从本地访问两个 GitHub Pages 服务的原始响应速度应该类似。
213 天前 / 噶牛爱尚
首发于 web 前端学习圈写文章书到用时方恨少，一大波 JS 开发工具函数来了爱前端不爱恋爱微信公众号：web 前端学习圈，关注回复：2020，送全套教程 115 人赞同了该文章前言在我们日常开发的时候，可能会遇到各种各样的需求，但是自己一时半会儿可能找不到合适的办法去解决。书到用时方恨少，下面的这些 JavaScript 的工具函数可能就会派上大用场了，我们可以进行复用，提高我们的工作效率。 我把下面的方法都大致分了个类放在了我的 GitHub 上。大家可以 clone 下来直接使用，也可以在需要用到时在里面去查找，善用 ctrl+F。
219 天前 / 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;}此时...
225 天前 / 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 大家用得其实挺多的...
239 天前 / pingan8787
在前端开发世界中，JavaScript 和 HTML 之间往往通过 事件 来实现交互。其中多数为内置事件，本文主要介绍 JS 自定义事件概念和实现方式，并结合案例详细分析自定义事件的原理、功能、应用及注意事项。 一、什么是自定义事件在日常开发中，我们习惯监听页面许多事件，诸如：点击事件（ click ）、鼠标移动事件（ mousemove ）、元素失去焦点事件（ blur ）等等。 事件本质是一种通信方式，是一种消息，只有在多对象多模块时，才有可能需要使用事件进行通信。在多模块化开发时，可以使用自定义事件进行模块间通信。
262 天前 / Fundebug
首发于前端随想录写文章从 JS 引擎到 JS 运行时（下）doodlewind 花名雪碧 | github.com/doodlewind85 人赞同了该文章在上篇文章中，我们已经为 JS 引擎扩展出了个最简单的 Event Loop。但像这样直接基于各操作系统不尽相同的 API 自己实现运行时，无疑是件苦差。有没有什么更好的玩法呢？是时候让 libuv 粉墨登场啦。 我们知道，libuv 是 Node.js 开发过程中衍生的异步 IO 库，能让 Event Loop 高性能地运行在不同平台上。可以说，今天的 Node.js 就相当于由 V8 和 libuv 拼接成的运行时。
282 天前 / itclanCoder
虽互不曾谋面,但希望能和你成为笔尖下的朋友 以读书,技术,生活为主,偶尔撒点鸡汤 不作,不敷衍,意在真诚吐露,用心分享 点击左上方,可关注本刊 (点击绿色图标,可收听音频) 撰文| 川川 VX-ID:suibichuanji 点击文末左下方阅读原文,可看视频内容 前言 撰文:川川 平日的编码中,你能列出你常用的异步编码怎么理解同步与异步 如果仅仅停留在文字上的理解,个人觉得有口无心,每当屡屡面试时,这都是一个常问的话题,牵扯到的是事件的执行顺序,任务队列,在js当中对于异步处理任务,是一个非常重要知识. · 正 · 文 · 来 · 啦 ...
302 天前 / 云水木石
本文将介绍如何从源码构建出 TensorFlow JS 库(tfjs)。对于大多数微信小程序开发者而言，并不需要经历这一步，要做的仅仅是把编译好的 tfjs 库加入微信小程序工程中。但我还是希望说说如何从源码编译出 tfjs 库，为什么呢？主要出于两个原因： 完整的 tfjs 库大约有 900K，看起来是一个很小的体积，但我们要知道，微信小程序包有 2M 的大小限制。微信小程序添加一点图片，加上深度学习模型文件，很容易超过 2M 的大小。所以 tfjs 库能减则减，可能在项目开发中需要对 tfjs 库进行裁剪。
310 天前 / vivo互联网技术
JavaScript 中的数组有很多特性：存放不同类型元素、数组长度可变等等，这与数据结构中定义的数组结构或者C++、Java等语言中的数组不太一样，那么JS数组的这些特性底层是如何实现的呢，我们打开V8引擎的源码，从中寻找到了答案。V8中对数组做了一层封装，使其有两种实现方式：快数组和慢数组，快数组底层是连续内存，通过索引直接定位，慢数组底层是哈希表，通过计算哈希值来定位。两种实现方式各有特点，有各自的使用情况，也会相互转换。 一、背景 使用 JS 的数组时，发现 JS 的数组可以存放不同类型的元素、并且数组长度是可变的。