随笔分类 - JavaScript
摘要：我们在初始化一个构造函数实例时，需要用 new 操作符去初始化实例，那么我们在 new 一个构造函数的时候 new 到底为我们做了什么呢？ function Person(name) { this.name = name; } Person.prototype.sayHi = function ()
阅读全文
摘要：用 for..in 循环 用 for in 循环对象，如果进入循环返回 false 没进入循环就返回 true function isEmpty(obj) { for (const key in obj) { // 判断自身的属性 if (obj.hasOwnProperty(key)) { ret
阅读全文
摘要：今天在逛社区中看到如下一题: var a = ?; if(a == 1 && a == 2 && a == 3){ console.log('hello') } 问是否能打印出 hello？ 先来分析一下： if 判断中 a == 1 && a == 2 && a == 3 注意这里使用的是 ==
阅读全文
摘要：ES6 也称为 ECMAScript2015，是 2015 年出版的 javaScript 国际新标准， 标准的制定者计划，以后每年发布一次标准，使用年份作为版本号， ES6 是在 2015 年发布的，所以又称为 ECMAScript2015，2016 年发布的标准即为 ES7。 基础语法增强 le
阅读全文
摘要：最近研究了一下 Vue 的响应式原理，如上图，在初始化 Vue 对象时会对 data 对象做循环遍历，用 ES6 中的 Object.defineProperty 为每个属性添加 getter/seeter，在模板使用某属性时就会触发 getter，在为 data 中属性赋值时会触发 setter
阅读全文
摘要：call(),apply() call() 方法调用一个函数, 其具有一个指定的 this 值和分别地提供的参数(参数的列表)。 call 和 apply 只是接收参数上的不同 用法(MDN) fun.call(thisArg, arg1, arg2, ...) thisArg 在 fun 函数运行
阅读全文
摘要：webpack 是一个用 nodejs 写的前端打包工具，从官网上的图片可以看出，可以将不同类型和总错复杂的依赖关系的文件打包成简单的浏览器可以认识的文件。:::_ 核心概念 webpack 有入口、输出、loader、插件等几个重要的概念 入口（entry） webpack 打包的起点，用来分析依
阅读全文
摘要：在前端开发中，或多或少都会接触各种 CLI 工具，比如 vue-cli、react-create-app、angular-cli 等，在开发阶段帮助我们初始化项目、初始化配置、创建文件等，是不是感觉很高端、很强大？不要羡慕，我们自己也能写一个。 目标 我们要完成一下几个小目标 在命令行中输入自定义的
阅读全文
摘要：昨天晚上 Vue 正式发布了 3.0 版本，其中做大的更新要数 Composition API 了，虽说昨天才发布正式版，但是我在项目中用了也有一段时间了，这里说一些感受。 概述 Vue3.0 的 Composition API 主要灵感来源于 React Hooks，目的是通过一组低侵入式的、函数
阅读全文
摘要：NPM 设置淘宝镜像 1.查询当前配置的镜像 npm get registry # https://registry.npmjs.org/ ``` 设置成淘宝镜像 ```bash npm config set registry https://registry.npm.taobao.org/ 2.换
阅读全文
摘要：在 JavaScript 中内存是自动管理的，这也让一些 JavaScript 开发者误以为可以不关心内存管理，这是一个很大的误解，本篇是根据网上资料文章整理如有侵犯请联系删除。 在开始之前我们先来理解两个重要的概念：代际假说（The Generational Hypothesis）和 可达性（Re
阅读全文
摘要：项目中在前端做 Excel 导入时出现一个问题，日期的列没有设置文本格式时输入的日期会自动转换成 2020/2/2 这种斜线格式:::。 在前端 js 解析完后读取的日期变成了 5 位的数字日期戳，如下。 43863; // 对应的时 "2020-2-1" 这样直接保存到后台会导致报错，所以我们还是
阅读全文
摘要：工作中要开发一个树形菜单翻了翻官网发现 Vue 有递归组件的功能，下面记录下用递归组件实现一个树组件。 递归组件 Vue 中组件是可以在模板中调用自身的，不过它必须通过 name 属性来调用： <template> <div> <tree-component /> </div> </template
阅读全文
浙公网安备 33010602011771号