2020年10月_大名张无忌

原创 Vue 组件间通信的几种方式

.sync解决了什么问题？Vue中，父组件如果想传递数据或方法给子组件，可以用props。如果子组件想修改父组件的值怎么办呢？在没有.sync的时候，使用eventbus的on和emit进行监听和修改：React中如何解决？（1）子组件通过props调用父组件的函数，从而修改父组件的data；（2）需要共享的数据用Redux来管理，使用Redux提供的方法来修改。...

2020-10-23 20:55:15 338

computed是计算属性。根据依赖的数据动态展示计算结果。特点：（1）在Vue中声明该属性以函数形式，但是调用的时候可以当成普通属性直接使用，无需加()；（2）计算的结果是有缓存的，如果依赖的属性值没有变化，该计算属性就不会重新计算（Vue内部做了特殊处理）watch是侦听。可以监控属性的改变。当监听的数据发生变化时可以执行回调函数。特点：（1）从无到有算新生，不算变化，不在watch的默认监听范围内，可以用immediate值设置为true来把第一次的出生过程放进监听范围内；（2）..

2020-10-22 20:36:31 81

原创 Vue修改data以实现数据响应式

Vue为了实现在数据变化时对页面重新渲染。所以在初始化时对传进来来的数据对象进行监听。怎么保证你的变化我Vue能监听到？监听的操作就是：对数据对象的每一个数据，内部内部声明一个变量，存储这个传进来的初始值，然后开始了代理模式。后续对这个数据的读取和修改，实际都是对这个内部变量的getter和setter。由此所有的修改都会经过setter，那么只需要setter的时候触发监听函数，渲染页面即可。当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所

2020-10-21 23:29:04 1047

原创 vue-loader助我愉快在运行时版里写html内容

Vue完整版（vue.js）与运行时（vue.runtime.common.js）：完整版：同时包含编译器和运行时的版本运行时：用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。编译器：用来将模板字符串编译成为 JavaScript 渲染函数的代码完整版可以直接在客户端...

2020-10-20 20:49:19 339

原创 Webpack 打怪升级

2020/10/10 Webpack已经发布版本5了如何开始学习：官网-指南=起步：https://v4.webpack.docschina.org/guides/getting-started/命令写在终端中：初始化package.json文件npm init -y // 结果： { "name": "demo1", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "tes

2020-10-18 13:53:17 146

原创浅析MVC

MVC 三个对象分别做什么，给出伪代码示例1、基本概念MVC（Model–view–controller）模式是软件工程中的是一种架构设计模式，把软件系统分为三个基本部分：模型（Model）、视图（View）和控制器（Controller）。概念是来源于后端的框架构建思想，是一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。模型（Model） - 用于封装与应用程序的业务逻辑相关的数据以.

2020-10-17 17:16:52 290

原创前端面试十连问

什么是闭包？闭包的用途是什么？闭包的缺点是什么？闭包就是在函数中调用其外面的变量值。如下，f2中使用了变量a的值就叫做闭包。f1(){let a=1;f2(){console.log(a)}return f2}f1.f2()用途：将变量封装起来，避免外界修改。缺点：因为只要f2存在，a就会一直使用，不会被垃圾回收机制回收，会留下来占内存。如果声明很多的闭包可能会造成内存泄漏。call、apply、bind 的用法分别是什么？假设要调用对象x的fn函数，argu为其他参数fn.

2020-10-11 21:01:21 326

原创 HTTP 状态码

100~199 请求正被处理200-299 请求成功处理300 -399 请求需要附加操作，常见的例子如重定向400-499 客户端出错导致请求无法被处理500-599 服务器处理出错客户端：是指与服务器相对应，为客户提供本地服务的程序。一般安装在普通的用户机上，需要与服务端互相配合运行。互联网发展以后，较常用的客户端包括了如万维网使用的网页浏览器，收寄电子邮件时的电子邮件客户端，以及即时通信的客户端软件等。常见：100 Continue请求者应当继续提出请求。服务器返回此代码表示已

2020-10-11 12:34:59 102

原创 #再读DOM# （1）DOM 事件模型

- 概念事件：事件是用户或者浏览器自己执行的某种动作，是文档或者浏览器发生的一些交互瞬间事件流：当一个事件被触发时，一个event对象将被创建并顺序的传递给事件监听者们。事件传递的顺序称为事件流。事件处理程序：响应事件的函数。如click是事件名称，加上"on"开头，事件处理程序是onclick事件在子元素和父元素之间的传播分为3个阶段：（1）捕获阶段：事件从window对象自上而下向目标节点传播的阶段；（2）目标阶段：真正的目标节点正在处理事件的阶段；（3）冒泡阶段：事件从目标节点自下而上向win

2020-10-04 21:03:19 252

原创 #再读JS# （6）jQuery设计思想

jQuery的基本设计思想和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。- 选择网页元素// CSS选择器　　$(document) //选择整个文档对象　　$('#myId') //选择ID为myId的网页元素　　$('div.myClass') // 选择class为myClass的div元素　　$('input[name=first]') // 选择name属性等于first的input元素 // 特定表达式　$('a:first') //选择网页中第一个a元

2020-10-04 18:19:40 87

qq_40029828的博客