Simple_499的博客

JavaScript深入浅出this、call、apply、bind

Simple_499 — Sun, 12 Dec 2021 19:35:21 +0800

前言在方法原型链中有3个能改变方法调用中的this，分别是apply、call、bind，三个都是Function原型链中的方法，可以在我们定义的方法中调用，下面就开始详细的介绍目录方法内的this是什么 call、apply方法的原理 bind方法的原理总结方法内的this是什么我们在调用方法是通常在方法体内使用到this这个关键字，主要分以下5种情况自然调用this都指向window（浏览器环境下） // 声明方法后，自然调用 function a() { console.lo

Vue、uniapp（cli 创建）项目的常用配置 eslint 、 prettier 、 stylelint 、 lint-staged 、 husky 代码格式校验

Simple_499 — Wed, 03 Mar 2021 16:37:54 +0800

常用配置项目的代码格式化，方便统一代码规范 1、安装依赖复制到跟目录下执行命令 npm i eslint babel-eslint eslint-plugin-vue husky lint-staged prettier @vue/eslint-config-prettier eslint-plugin-prettier stylelint stylelint-config-prettier stylelint-config-standard stylelint-order -D 2、在根目录下创建以下

Vue数据响应式、模板解析的实现原理（实现一个简易的Vue）

Simple_499 — Sun, 08 Nov 2020 11:05:41 +0800

实现步骤（实现我们自己的Vue—MyVue） MyVue（主入口的构造函数） Observer（用于实现数据响应化） Compile（解析模板、创建 Watcher、保存更新函数） Watcher（执行更新函数、被 Dep 收集） Dep（管理 Watcher、一旦数据更新就通知相应的watcher更新视图）一、MyVue的构造函数 new MyVue({ el: '#app', data: { name: 'hello world!',

前端开发vscode的常用插件

Simple_499 — Thu, 05 Nov 2020 17:30:34 +0800

vscode常用的开发插件推荐，是本人开发的常用插件汇总 1、Auto Close Tag —— 闭合标签 2、Better Comments —— 代码注释高亮 3、Bracket Pair Colorizer 2 ——为代码中的括号添上一抹亮色 4、change-case —— 快速修改当前选定内容或当前单词的命名的插件 5、Code Spell Checker —— 代码拼写检查 7、CSS Navigation —— 规范提交代码 tag（有助于养成提交规

Vue 总结：组件间的通讯方式（父子传参、兄弟传参、任意两个组件间传参、多个组件嵌套传参）

Simple_499 — Fri, 16 Oct 2020 18:03:50 +0800

Vue 总结：组件间的通讯方式，并实现一个类似element UI的Form表单的实战（包含几种通讯方式） Vue的通讯的方式: 1. props、emit(最常用的父子相互通讯方式) 父组件传入属性，子组件通过props接收，就可以在内部this.XXX的方式使用子组件$emit(事件名，传递的参数)向外弹出一个自定义事件, 在父组件中的属性监听事件，同时也能获取子组件传出来的参数 // 父组件