08 2019 档案
摘要：数据对象合并 数据对象在内部会进行浅合并 (一层属性深度)，在和组件的数据发生冲突时以组件数据优先 钩子函数合并 同名钩子函数将混合为一个数组，因此都将被调用。另外，混入对象的钩子将在组件自身钩子之前调用。 methods, components 和 directives合并 methods, co
阅读全文
摘要：组件传值、通信父组件 => 子组件： 属性props 引用refs 子组件chidren 子组件 => 父组件 自定义事件 兄弟组件：通过共同祖辈组件 通过共同的祖辈组件搭桥，$parent或$root。 祖先和后代之间provide/inject：能够实现祖先给后代传值 任意两个组件之间：事件总线
阅读全文
摘要：Object.defineProperty是对对象中的属性进行数据描述的 使用语法： 使用示例： 当设置了configurable后再使用delete就不会生效了 当设置了enumerable后使用for in 遍历对象时就不能得到进行设置的对象了 打印data.title 设置了 writable
阅读全文
摘要：在上图中点击诊断后下方的图标会一次进行数据请求，根据请求回来的数据显示正常异常，在请求数据完成期间再次点击诊断不触发事件
阅读全文
摘要：安装babel 配置babel babel是用过插件或者预设来编译代码的 新建.babelrc文件 文件中输入一下内容 安装预设 将preset添加到配置文件中 es7中的对象展开符需要一个单独的插件来实现 添加到配置文件中 转换 babel 原文件名 -o 目标文件名 示例： 转换前的代码： 转换
阅读全文
摘要：HTTP 协议规定， 请求从客户端发出， 最后服务器端响应该请求并返回。 换句话说， 肯定是先从客户端开始建立通信的， 服务器端在没有接收到请求之前不会发送响应。 请求报文是由请求方法、 请求 URI、 协议版本、 可选的请求首部字段和内容实体构成的。 响应报文基本上由协议版本、 状态码（表示请求成
阅读全文
摘要：TCP/IP 协议族按层次分别分为以下 4 层： 应用层、 传输层、 网络层和数据链路层 把 TCP/IP 层次化是有好处的。 比如， 如果互联网只由一个协议统筹， 某个地方需要改变设计时， 就必须把所有部分整体替换掉。 而分层之后只需把变动的层替换掉即可。 把各层之间的接口部分规划好之后， 每个层
阅读全文
摘要：策略模式的定义是： 定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。 很多公司的年终奖是根据员工的工资基数和年底绩效情况来发放的。例如，绩效为 S 的人年终奖有 4 倍工资，绩效为 A 的人年终奖有 3 倍工资，而绩效为 B 的人年终奖是 2 倍工资。假设财务部要求我们提供一段代码，
阅读全文
摘要：单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点 ，例如当页面中的元素只创建一次时，重复创建时还是使用之前创建的元素时 单例模式的核心函数，使用回调函数的形式，在函数内部调用要执行的函数，如果result存在就直接返回，如果不存在就执行创建result的回调函数 以上函数的使用方法
阅读全文
摘要：相信很多前端同学都有一个困扰，就是没有后端数据的情况下感觉很多想法都不能动手去实现，这里介绍一个模拟后端数据的工具，可以一定程度上解决我们的困扰。 很多人或多或少的都听说过mockjs，都知道是一个模拟后端接口的工具，但是去看官网的时候上边各种安装，各种模块化，对于初学者很不友好，结果就这么放弃了。
阅读全文
摘要：最近公司在做大屏设备上的页面，其中动画的部分居多，开始的时候是用的jquery做的动画，在做完后无意中发现jquery动画存在一个问题，就是浏览器在切换标签页后，过段时间切换回来页面中的动画会出现连续执行，知道运动切换出去的时长后才能恢复正常动画。出现这种情况后还特意看了下css3实现动画的页面，没
阅读全文
摘要：appCodeName javaScript 1.0 介绍：与浏览器相关的内部代码名 appMinorVersion IE4及其后续的版本 介绍：辅版本号（通常应用于浏览器的补丁或服务包） appName javaScript 1.0 介绍：浏览器的正式名称 appVersion javaScrip
阅读全文
摘要：将配置数据从代码中分离出来 代码中有些数据有修改的可能，如果放在函数中的话后期修改的时候会带来一些不必要的风险 需要将配置数据从代码中抽取出来，如果配置数据多的话可以放入一个对象中，然后修改抽取出来的数据就可以了 也可以把抽取出来的配置数据单独放在一个文件里边
阅读全文
摘要：避免空比较 If(item !== null){ item.sort(); Item.forEach(function(item){ //执行代码 } } } 以上判断中item期待的是数组类型的，但是如果item是数值或者字符串的话也会进入if执行条件，只进行和null的比较并不是真正安全的 检测
阅读全文
摘要：封装 1、 封装数据 a) 只能依赖变量的作用域来实现封装特性，es6中可以通过symbol创建私有属性 2、 封装实现 封装不仅仅是隐藏数据，还包括隐藏实现细节，设计细节以及对象类型，例如slice我们只拿来使用就可以了而不用关心内部是怎么实现的。只通过暴露API来通信 3、 封装类型 封装类型是
阅读全文
摘要：多态 多态的实际含义是：同一操作作用于不同的对象上面，可以产生不同的解释和不同的执行结果。换句话说，给不同的对象发送同一个消息的时候，这些对象会根据这个消息分别给出不同的反馈 以上代码的缺点就是每添加一种动物都必须改动makesound函数，修改代码的风险比较大，而多态的思想是将不变的事物和可能改变
阅读全文
摘要：编程语言按照数据类型大体可以分为两类，一类是静态类型语言，另一类是动态类型语言。 静态类型语言在编译时便已确定变量的类型，而动态类型语言的变量类型要到程序运行的时 候，待变量被赋予某个值之后，才会具有某种类型。 静态类型语言的优点首先是在编译时就能发现类型不匹配的错误，编辑器可以帮助我们提前 避免程
阅读全文
摘要：事件处理 当事件触发时，事件对象（event对象）会作为回调参数传入事件处理程序中，event对象包含所有和事件相关的信息 尽管上边的代码看起来非常简单且没有什么问题，但实际上是不好的写法，因为这种做法有其局限性 一、 规则 a) 隔离应用逻辑 1、上段实例代码第一个问题是事件处理程序中包含了应用逻
阅读全文
摘要：避免使用全局变量 一、全局变量带来的问题 a) 命名冲突 i. 当全局变量和全局函数越来越多时，发生命名冲突的概率也随之增高 ii. 如果函数中使用了外部文件的全局变量，这种依赖关系是很难追踪到的 iii. 脚本中存在多个全局变量的时候，不同位置的函数中调用这个全局变量的值也不相同 iv. 全局变量
阅读全文