前端
文章平均质量分 94
Jtag特工
代码和人工智能老兵
展开
-
省脑子的Javascript数据结构与算法教程(1) - 熟练操作数组
随着经济形势的变化,很多同学主动和被动的换工作。而对于技术同学来说,目前刷题的形势确实是比以前要卷一些。题目变多变难了,所以之前上学时学的东西可能不够用了,需要重新学习。但是,当你真正开始做题的时候,就会发现几个问题。我个人做题的感觉是,很多题目其实并不难,只是需要一定的耐烦的能力。一些题目的步骤和细节比较多,拆解出来之后每一步都很简单,但是组合在一起有些同学反馈就有点吃不消,容易顾此失彼。这时候,首先要有一个整体视角,先把问题拆解成小问题,然后再一个一个攻克,就会大大节省脑力,提升效率。...原创 2022-07-05 00:42:55 · 303 阅读 · 0 评论 -
欢迎来到WebGPU的世界
欢迎来到WebGPU的世界WebGPU是一门神奇的技术,在浏览器支持率0%,标准还没有定稿的情况下,就已经被Three.js和Babylon.js等主流3D和游戏框架支持了。而且被Tensorflow.js用来加速手机端的深度学习,比起WebGL能带来20~30倍的显著提升。在主流框架中WebGPU的例子在Three.js中使用WebGPU使用Three.js的封装,我们可以直接生成WebGPU的调用。我们照猫画虎引入WebGPU相关的库: import * as THREE from原创 2022-04-11 17:25:18 · 5385 阅读 · 2 评论 -
WebAssembly汇编语言程序设计初步
Web Assembly汇编语言程序设计初步随着前端页面变得越来越复杂,javascript的性能问题一再被诟病。而Javascript设计时就不是为了性能优化设计的,这使得浏览器上可以运行的本地语言一再受到青睐。从兼容性上看Web Assembly,从canIUse数据看,已经达到了94.7%的高覆盖率。这个值跟Javascipt的await支持程序差不多。基本上2017年以后的浏览器都支持,距现在已经5年了。主流的Chrome, Chrome for Android, Android Browser原创 2022-02-28 23:10:50 · 952 阅读 · 0 评论 -
ES6以上版本代码要不要转码成ES5?
ES6以上版本代码要不要转码成ES5?为了兼容老的浏览器,尤其是IE系列,使用ES6以上规范的前端代码往往使用Babel等转码工具转码成ES5的代码。距离发布ES6的2015年已经过去了6年了,现在浏览器对于ES6的兼容性如何呢?我们来看下CanIUse的数据:可以看到,有98.14%的浏览器支持ES6. 没有超过99%的原因是因为2015年发布的Opera Mini还有1.08%的使用率。针对手机端,2016年以后发布的Safari on iOS和Chrome等全部都支持ES6.Safari原创 2021-12-27 22:58:43 · 845 阅读 · 0 评论 -
JavaScript的字节码 - v8 Ignition指令
JavaScript的字节码 - v8 Ignition指令前面的文章我们介绍了在js的AST层次的各种操作手段。AST操练熟练了之后,就差一步就可以执行了,那就是转换成中间代码,或者是解释型的字节码,或者是为编译器准备的IR.我们以v8为例,首先看下v8的运行架构:这个图中有三个不熟悉的专有名词,ignition, crankshaft和Turbofan。其中,Ignition是v8的解释器,crankshaft是老一代的编译器,turbofan是较新一代的编译器。所以我们所说的字节码就对应于i原创 2021-12-08 22:51:35 · 2176 阅读 · 0 评论 -
操作JavaScript的AST
操作JavaScript的AST前面我们学习了eslint和stylelint的规则的写法,当大家实际去写的时候,一定会遇到很多细节的问题,比如解析的代码是有错误的,或者是属性值不足以分析出问题来之类的。我们还需要更多的工具来帮助我们简化规则开发的流程。比如说容错度更高的解析器,或者获取更丰富属性的工具。我们知道,Eslint主要是基于AST层次进行操作的。我们知道,eslint支持更换解析器,那么,它就需要一套标准。eslint使用的这套标准叫做estree规范。estree规范的指导委员会的三名成原创 2021-12-03 18:48:14 · 1587 阅读 · 0 评论 -
自己动手编写stylelint规则
自己动手编写stylelint规则之前我们介绍了如何编写eslint规则,现在我们开始挑战更偏前端的新领域 - stylelint.从运行测试用例入手按照惯例,我们还是从测试用例入手。测试用例是将css代码和规则快速运行起来的最有效手段。首先我们把stylelint的代码拉下来:git clone https://github.com/stylelint/stylelint好,我们下面找个例子看看stylelint的测试用例是什么样的。我们以对于颜色的检查的规则为例,这个规则是检查颜色的16进原创 2021-12-01 22:06:17 · 902 阅读 · 0 评论 -
通过动画快速学习css
通过动画快速学习css随着业务对前端的需求越来越多,作为前端三大法宝之一的css也越变越复杂。给初学的同学们带来了一定的压力。css具体到每一个属性也都没有多复杂,主要问题在于知识点比较多。好不容易把主要知识点学完了,一看网上的题,或者是一看大师们写的css的书,又被淹没到新的海洋中。其实人类的大脑不善于记忆零散的知识点,但是如果有一条逻辑线能够将这些知识串联起来,就能大大方便大脑的记忆和搜索。这个线索要有逻辑,最好还有趣。刚好,css的动画就是这样一条有趣的线索,可以在动画的变化中理解css属性。原创 2021-09-14 21:07:57 · 208 阅读 · 0 评论