- 博客(13)
- 收藏
- 关注
RSS订阅原创 Vue的学习总结自测（五）——详解Vue组件间通信方式、Vuex
继上文：Vue的学习总结自测（四）本文目录Vue 组件间通信方式？VuexVue组件间通信：父子组件通信隔代组件通信兄弟通信（1）props / $emit 适用 父子组件通信<!-- 父组件 --><template><div> <h1>父组件</h1> <child message="子组件"&...
2019-09-20 11:03:43
390
原创 Vue的学习总结自测（四）——v-model的原理，组件data为什么是一个函数，keep-alive,父组件监听子组件的生命周期
继上一篇：Vue的学习总结自测（三）——computed 和 watch 的区别、vue不能检测到数组、对象的变动本文目录：父组件监听子组件的生命周期keep-alive组件中 data 为什么是一个函数？v-model 的原理...
2019-09-20 09:09:04
540
原创 Vue的学习总结自测（三）—— vue生命周期、Vue 的父组件和子组件生命周期钩子函数执行顺序、生命周期内调用异步请求
目录：对Vue生命周期的理解Vue 的父组件和子组件生命周期钩子函数执行顺序生命周期内调用异步请求（1） 生命周期是什么？Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲染、更新 -> 渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。（2）各个生命周期的作用用表格描述：beforeCreat...
2019-09-19 22:04:33
2006
原创 Vue的学习总结自测（二）——computed 和 watch 的区别、vue不能检测到数组、对象的变动
继上一篇 Vue的学习总结自测（一）5、computed 和 watch 的区别和运用的场景？computed:是计算属性，依赖其它属性值，类似于过滤器,对绑定到view的数据进行处理,并且 computed 的值有缓存，只有它依赖的属性值发生改变，下一次获取 computed 的值时才会重新计算 computed 的值；深入理解 Vue Computed 计算属性watch更多...
2019-09-18 16:40:11
563
原创 什么是闭包，闭包是怎么产生的，闭包的应用在什么地方
目录什么是闭包闭包是怎么产生的闭包的使用场景使用闭包的注意点一、什么是闭包简单来说： 闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。创建闭包最常见方式，就是在一个函数内部创建另一个函数。一个简单...
2019-09-18 15:39:54
6877
翻译 Vue的学习总结自测（一）
1、对 SPA 单页面的理解，它的优缺点分别是什么？SPA,就是我们常常说的单页面应用仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现 HTML 内容的变换，UI 与用户的交互，避免页面的重新加载。优点：用户体验好、快，内容的改变不需要重新加载整个页...
2019-09-18 15:36:15
205
原创 揭露get请求的4kb，区分get与post请求的缓存机制
get请求真的只能传递4KB吗？为什么？误区：我们经常说get请求参数的大小存在限制，而post请求的参数大小是无限制的实际上：误区：我们经常说get请求参数的大小存在限制，而post请求的参数大小是无限制的HTTP 协议 未规定 GET 和POST的长度限制GET的最大长度显示是因为 浏览器和 web服务器限制了 URI的长度不同的浏览器和WEB服务器，限制的最大长度不一样要...
2019-09-18 11:59:27
782
原创 JS防抖和节流，区别以及实现
防抖与节流在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。函数防抖指的是：触发高频事件n秒内函数只会执行一次，如果n秒内这个高频事件再次被触发，则会重新计算事件实现思路：每次触发事件...
2019-09-18 11:47:57
488
转载 详解this几种不同的使用场景
转载来自：https://blog.csdn.net/cjgeng88/article/details/79846670目录this 是什么this 的四种绑定规则绑定规则的优先级绑定例外扩展：箭头函数this 是什么理解this之前， 先纠正一个观点，this 既不指向函数自身，也不指函数的词法作用域。如果仅通过this的英文解释，太容易产生误导了。它实际是在函数被调用时才...
2019-09-17 10:40:08
788
原创 详细讲解new一个对象的过程，含详细constructor, __proto__, prototype 关系图
new对象：function Person(name, age) { this.name = name; this.age = age;}var person = new Person(“anla”, 23);new一个对象的四个过程：1、创建一个空对象var obj = new Object();2、让Person中的this指向obj，并执行Person的函数体va...
2019-09-17 09:57:20
1086
原创 理清__proto__、prototype、constructor的关系
参考文章： 原文链接：https://blog.csdn.net/cc18868876837/article/details/81211729文章目录1. 前言2. _ _ proto _ _ 属性3. prototype属性4. constructor属性5. 总结1. 前言作为一名前端工程师，必须搞懂JS中的prototype、__proto__与constructor属性，相...
2019-09-17 09:51:08
176
原创 从零开始学习webpack（二）
继上一篇内容：从零开始学习webpack（一）本篇内容：（一）输出多个编译文件（二）安装使用dev-server一、输出多个编译文件模板：多入口entry: { 名字：'入口文件地址', ...},output:{ path:xxx, //输出的路径 filename: '...[name]...'}实际应用：const pathlib =...
2019-09-16 18:01:13
108
原创 从零开始学习webpack（一）
首先我们先了解下常用的node的工具类：工具：1.编译类——babel、 grunt/gulpes6->es52.打包——browserify一堆文件 -> 单个文件3.开发辅助——browser-sync多端同步4.测试类——单元测试：模板、函数集成测试：压力测试：性能、负载能力、隐藏bugwebpack + 插件 （基于node.js）打包、编译、测试、...
2019-09-16 10:48:56
730
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人