qq_35427185的博客

原创 EWS6-新特性

let 与 const let 声明的变量只在 let 命令所在的代码块内有效。 const声明一个只读的常量，一旦声明，常量的值就不能改变解构赋值let [a, b, c] = [1, 2, 3]; let {a, b, …rest} = {a: 10, b: 20, c:30, d: 40};Symble使用 Symbol 定义常量，这样就可以保证这一组常量的值都不相等 Symbol.for() 类似单例模式Map 与 SetReflect 与 Proxy字符串..

原创 vue生命周期

原创 vue组件间的通信方式

方法一、props/$emit适用于：props父组件向子组件传值，$emit适用于子组件向父组件传值方法二、emit/emit/emit/on通过一个空的Vue实例作为中央事件总线（事件中心），用它来触发事件和监听事件,巧妙而轻量地实现了任何组件间的通信，包括父子、兄弟、跨级方法三、vuex1.Vuex实现了一个单向数据流，在全局拥有一个State存放数据，当组件要更改State中的数据时，必须通过Mutation进行，Mutation同时提供了订阅者模式供外部插件调用获取State数据的更新。

转载 vue双向绑定原理及代码实现

参考：https://www.cnblogs.com/ceceliahappycoding/p/10604209.html

原创 javaScript数据类型

原始类型和对象类型1.原始类型number    JavaScript中的所有数字均采用浮点数值表示。浮点数小数使用存在丢精度问题string   在JavaScript程序中的字符串直接量，是由单引号或双引号包括起来的字符序列。在ECMAScript3中，字符串直接量必须写在一行中，而在ECMAScript5中，字符串直接量可以拆分成数行，但每行必须以反斜线结束，反斜线和行结束符都不算是字符串直接量的内容。 &nb

原创 js形参与实参

var foo = {n:1};(function(foo){ //形参foo同实参foo一样指向同一片内存空间，这个空间里的n的值为1var foo; //优先级低于形参，无效。console.log(foo.n); //输出1foo.n = 3; //形参与实参foo指向的内存空间里的n的值被改为3foo = {n:2}; //形参foo指向了新的内存空间，里面n的值为2.console.lo

原创 react入门

项目引入react。搭了两天web react框架，浅谈对react的认识：1.jsxjsx是react与vue最大的差别：官网描述：JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。优点：JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。它是类型安全的，在编译过程中就能发现错误。使用 JSX 编写模板更加简单快速个人理解react使用jsx即js里面写template，是为了组件化开发，传统组件化开发即一个页面或多个页面组成一个组件。使用j.

原创 前端路由和后端api的区别

1. 前端路由和后端api的区别：只要在浏览器地址栏输入URL再回车，是一定会去后端服务器请求一次的。而如果是在页面里通过点击按钮等操作，利用router库的api来进行的URL更新是不会去后端服务器请求的。2.路由 hash模式和history模式.Hash模式hash模式利用的是浏览器不会对#号后面的路径对服务端发起路由请求。也即在浏览器里输入如下这两个地址：http://localhost/#/user/1和http://localhost/其实到服务端都是去请求http://localho

原创 css学习(1)

css选择器选择器例子例子描述.class.intro选择 class="intro" 的所有元素。.class1.class2.name1.name2选择 class 属性中同时有 name1 和 name2 的所有元素。.class1 .class2.name1 .name2选择作为类名 name1 元素后代的所有类名 name2 元素。#id#firstname选择 id="firstname" 的元素。**选择所有元素。element

原创 vue表单校验

     vue表单校验常用方法：vue修饰符，使用第三方插件表单校验组件，本文以以elementui为例，相比官网新增了一些进阶用法：关联元素校验，异步结果校验，动态数组校验。不建议手写监听校验1.vue表单输入修饰符前后去除空格 <el-input type="text" v-model.trim="search" />只允许输入数字<el-input v-model.number=

原创 前端组件化(可拖拽进度条组件)

    项目更迭创建前端ui组件库的一些归纳总结。1.组件化开发解决的问题： 复用代码降低代码耦合性，保证相同功能表现一致性，使代码阅读清晰，减少重复工作降低开发成本。2.组件化开发原则：可配置：明确输入配置和输出结果，输入配置包括数据，样式，配置代码，事件回调，css等，输出结果应该是响应式的标准性：遵守约定俗成的或系统统一的标准，能被不同开发人员简单使用。复用性：使可作用于不同工作场景，尽量不拘泥于特定业务场景耦合性：降低代码的依赖，减少代码的

原创 vue源码--变化侦测

vue源码–变化侦测1.什么是渲染  将dom数据输出到页面展示的过程叫做渲染。2.变化侦测  vue渲染实现：vue将页面模板数据(即data对象的数据)，通过“变化侦测”输出到dom，然后渲染页面。  什么是变化侦测？意指：监听到模板数据状态改变并将新状态输出到dom。具体流程为模板数据状态改变时，将状态刷新到虚拟dom(即vue组件data)，然后将虚拟dom中的差异化数据刷新到dom。  为什么引入虚拟dom

转载 js call()函数解析

js call()函数解析参考 https://www.runoob.com/w3cnote/js-call-apply-bind.html

原创 vue代码查重（任意格式文件）

vue代码查重（任意格式文件）1.“代码查重” 能提升代码质量，防止重复开发市面上前端查重软件并不多大致有以下三种：jsinspectjsinspect、jscpd**，PMD-CPD，其中jsinspectjsinspect，PMD-CPD多用于.js 文件代码查重，jscpd** 支持150多种格式的文档代码查重，以下重点介绍jscpd**查重工具2.jscpd使用查重分类：基于代码行的基于标识符（token）的基于度量（metrics）的基于抽象语法树（Abstract Synta