随笔分类 - javascript
摘要：前端包管理器层出不穷，pnpm算是一个后起之秀。它和npm有什么不同，为什么有了npm还要造一个pnpm？ npm的问题 npm是最早的包管理器，安装nodejs自带npm，v3版本之前，npm安全依赖的目录结构是这样的： node_modules └─ foo ├─ index.js ├─ pac
阅读全文
摘要：开发环境的搭建，是新人入职后的第一道槛，有时一个小小的问题就能阻塞半天。如果能提供一个工具在短时间内搞定开发环境，势必提高新人对团队的印象分！docker就是这样一个工具。 镜像&容器 docker有个重要的概念叫镜像，官方概念比较拗口，这么解释比较容易理解：docker仓库有很多镜像，包括node
阅读全文
摘要：少废话，show my code
阅读全文
摘要：Promise接收一个函数为参数，传入了两个内部的方法resolve和reject，然后用then注册回调函数，手动调用resolve或reject就可以依次执行then的回调，并且给回调函数传值。如果then返回的也是Promise，同样的，手动调用resolve或reject后，才会继续往下执行。
阅读全文
摘要：JS为什么是单线程脚本语言？什么是Event loops？
阅读全文
摘要：参考阮一峰的《字符串匹配的KMP算法》，用JS实现一版，备忘~ // 主串 let mainString = "BBC ABCDAB ABCDABCDABDEDC"; // 模式串 let patternString = "ABCDABD"; /** * 算出《部分匹配表》Partial Match
阅读全文
摘要：尝试了各种Mac版本的安卓模拟器，包括Android Studio、Genymotion以及国内的网易MuMu、夜神、蓝叠、腾讯手游助手，做的最好的是Android Studio，最难上手的也是Android Studio。 Android Studio有两种架构类型的镜像可选，分别是x86和arm
阅读全文
摘要：一、模拟器调试 1、启动Xcode 2、选择菜单Xcode - Open Developer Tool - Simulator 3、启动Simulator后，选择Simulator菜单Hardware - Device - iOS12.x - 再选择需要的手机/iPad型号 4、安装App，直接拖放
阅读全文
摘要：一 最近要做一个新官网，需求评审完之后，考虑到官网都是纯静态页面，功能简单，操起vue cli3几秒内创建好了项目脚手架，开发前，我打开了首页模板文件，看到下面这行字，有了一些思考…… （ps：四个 是项目名，略去了） 二 JS最初是用来给界面添加交互的，近几年，前端火的原因则主要是因为JS，新技术
阅读全文
摘要：JavaScript中的基本数据类Number是双精度浮点数，它可以表示的最大安全范围是正负9007199254740991，也就是2的53次方减一，在浏览器控制台分别输入Number.MAX_SAFE_INTEGER和Number.MIN_SAFE_INTEGER可查看对应的最大/小值 将这个最大
阅读全文
摘要：如果你是一个初学者，这篇文章可以拓展你对正则表达式用法的理解，不过建议你先阅读一些正则表达式入门文章，比如经典的《正则表达式30分钟入门教程》。如果你对正则表达式有一定的认识，那么这篇文章可以让你了解JavaScript中的新功能。 随着ES2018的更新，JavaScript正则表达式和其他基于P
阅读全文
摘要：前端测试现状 经常听到后端同学说“单元测试”，前端写过测试用例的有多少？答案是：并不多，为什么呢？两个主要原因 1、前端属于GUI软件，浏览器众多，兼容问题让人头大，用户量有一定规模的浏览器包括： IE8、IE9、IE10、IE11、chrome、FireFox、360浏览器、搜狗浏览器、QQ浏览器
阅读全文
摘要：chrome是一个不错的浏览器，web开发者工作中一般都会使用chrome做为默认浏览器，它有很多扩展，给浏览器补充了各种功能，增强了用户体验。chrome具体能干什么？怎么做出来的呢？
阅读全文
摘要：JS表示集合的对象主要有Array、Set、Object、Map，在以前，遍历它们需要使用2种不同的方法，而现在，JS提出了Iterator机制，可以给不同的数据结构提供统一的遍历方法，就是for…of。换句话说，只有部署了Iterator的数据才能用for…of遍历。
阅读全文
摘要：接触AngularJS已经两年多了，时常问自己一些问题，如果是我实现它，会在哪些方面选择跟它相同的道路，哪些方面不同。为此，记录了一些思考，给自己回顾，也供他人参考。 初步大致有以下几个方面： 数据双向绑定 视图模型的继承关系 模块和依赖注入的设计 待定 数据的双向绑定 Angular实现了双向绑定
阅读全文
摘要：Angular是一个成熟和强大的JavaScript框架。它也是一个比较庞大的框架，在熟练掌握之前，需要领会它提出的很多新概念。很多Web开发人员涌向Angular，有不少人面临同样的障碍。Digest到底是怎么做的？定义一个指令（directive）有哪些不同的方法？Service和provide
阅读全文
摘要：还在用npm set registry切换npm源？累不累？花3分钟学会用nrm一键切换，省出来的时间多写几个BUG多好
阅读全文
摘要：看ES6，瞄到“严格模式”，问了下自己什么是“严格模式”？答案好像不是很明朗，遂总结如下： 严格模式声明：“use strict”; 1、禁止变量未声明就赋值 2、限制动态绑定（属性和方法归属哪个对象在编译阶段就要确定） 1）禁止使用with 2）创建eval作用域，eval内声明的变量外部访问不到
阅读全文
摘要：跨域问题的直接原因是浏览器存在同源策略，浏览器同源指的是：两个页面的协议、端口和主机相同，则两个页面具有相同的源。IE下满足协议、主机相同，就认为是同源。 想象一下，如果没有同源策略，谁都可以修改你站点上的内容，读取你的cookie，后果难以想象 前端跨域的几种方式 修改document.domai
阅读全文
摘要：天猫将商品加入购物车会有一个抛物线动画，告诉用户操作成功以及购物车的位置，业务中需要用到类似的效果，记录一下实现过程备忘，先上demo 一开始没有想到用抛物线函数去做，也已经忘记还有这么个函数了，想着抛物线本质上就是向右和向上方向各有一个速度（就上面的demo而言），向右的速度匀速，向上的速度递减，
阅读全文
浙公网安备 33010602011771号