08 2019 档案

vue和react之间的区别
摘要：1、Vue和React之间的区别 相同点： Vue和其他框架一样，都有组件开发和虚拟dom 都支持props进行父子组件之间的数据通信 都支持数据驱动视图，不直接操作真实dom 都支持服务器端的 渲染 都支持native方案，React的react native_，Vue的WEEX 不同点 Vue最 阅读全文
posted @ 2019-08-23 11:30 晴之万里，温暖向西 阅读(1734) 评论(0) 推荐(0)
函数的防抖和节流
摘要：防抖和节流的目的都是为了减少不必要的计算，不浪费资源，只在适合的时候再进行触发计算。 一、函数节流 函数节流定义： 一个函数执行一次后，只有大于设定的执行周期后才会执行第二次 有个需要频繁触发函数，处于优化性能角度，在规定时间内，只让函数触发的第一次生效，后面不生效 函数节流的原理： 用时间戳来判断 阅读全文
posted @ 2019-08-23 11:06 晴之万里，温暖向西 阅读(208) 评论(0) 推荐(0)
Vuex--状态管理模式
摘要：1、Vuex是什么 官方文档的定义：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 2、Vuex 的作用 集中式管理vue多个组件共享的状态和从后台获取的数据 3、Vuex核心-store库 阅读全文
posted @ 2019-08-22 18:26 晴之万里，温暖向西 阅读(440) 评论(0) 推荐(0)
vue中组件之间的通信
摘要：一、vue中组件通信的种类 二、实现通信的方式 三、具体怎么实现 3.1、props 可以通过一般的属性实现父向子组件的通信 可以通过函数属性实现子向父组件的通信 缺点：隔代组件和兄弟组件之间的通信比较麻烦 3.2、vue自定义的事件 vue内置实现，可以代替函数类型的props 绑定监听：<MyC 阅读全文
posted @ 2019-08-22 18:05 晴之万里，温暖向西 阅读(147) 评论(0) 推荐(0)
Webstorm的一些常用快捷键
摘要：ctrl+alt+L 格式化代码Ctrl+B 快速打开光标处的类或方法 ctrl+/ 单行注释ctrl+shift+/块注释 ctrl+shift+ up/down 行移动,上下移动句子 代码标签输入完成后，按Tab，生成代码。 Ctrl+X 删除行Ctrl+D 复制行 Ctrl+F 仅在本页查找C 阅读全文
posted @ 2019-08-20 19:29 晴之万里，温暖向西 阅读(239) 评论(0) 推荐(0)
JS中浏览器的数据存储机制
摘要：一、JS中的三种数据存储方式 cookie、sessionStorage、localStorage 二、cookie 1、cookie的定义： cookie是存储在浏览器上的一小段数据，用来记录某些当页面关闭或者刷新后仍然需要记录的信息。在控制台用document.cookie可以查看当前正在浏览网 阅读全文
posted @ 2019-08-19 00:18 晴之万里，温暖向西 阅读(3568) 评论(0) 推荐(1)
深拷贝&浅拷贝
摘要：一、什么是深拷贝&浅拷贝？ 浅复制： 对String类型，浅复制是对值的复制 对Object来讲，浅复制是对对象地址（引用）的复制，并没有开辟新的栈，复制的结果是原来的对象 和新的对象 指向 同一个地址 ，此时修改 一个属性的值，另一个对象的属性也会发生变化 深复制 可以理解为将原来对象的每个属性的 阅读全文
posted @ 2019-08-17 16:11 晴之万里，温暖向西 阅读(299) 评论(0) 推荐(0)
原生js实现ajax封装
摘要：一、什么是ajax？ 定义：Ajax(Asynchronous Java and XML的缩写)是一种异步请求数据的web开发技术，在不需要重新刷新页面的情况下，Ajax 通过异步请求加载后台数据，并在网页上呈现出来。 作用：提高用户体验，减少网络数据的传输量 二、ajax常见运用场景 表单验证是否 阅读全文
posted @ 2019-08-17 11:36 晴之万里，温暖向西 阅读(20914) 评论(0) 推荐(7)
Js实现继承的几种方式
摘要：一、原型链实现继承 原型链实现继承的思想：利用原型让一个引用类型继承另一个引用类型的属性和方法。 原型链的基本概念： 当一个原型对象等于另一个类型的实例，此时的原型对象将包含一个指向另一个指向另一个原型的指针。同时，另一个原型中也包含着一个指向另一个构造函数的指针。如果另一个原型是另一个类型的实例， 阅读全文
posted @ 2019-08-16 21:21 晴之万里，温暖向西 阅读(9000) 评论(1) 推荐(0)
ES6-promise实现异步请求
摘要：一、Promise是什么 简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 ES6规定，Promise对象是一个构造函数，用来生成Promise实例。Promise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve和reject,这两个参数都是函数。 阅读全文
posted @ 2019-08-16 15:28 晴之万里，温暖向西 阅读(9787) 评论(1) 推荐(1)
CSS重排和重绘
摘要：一、什么是重绘Repaint和重排 （回流 reflow） 二、引起重绘Repaint和重排（回流reflow ）的属性 2.1 引起重绘Repaint的属性 2.2 引起重排（回流reflow）的场景和属性 6.设置style属性 三、如何减少重绘（Repaint）和重排（reflow） 参考文章 阅读全文
posted @ 2019-08-16 00:37 晴之万里，温暖向西 阅读(3442) 评论(0) 推荐(0)
正则表达式字符&使用
摘要：正则详细解说：https://juejin.im/post/5965943ff265da6c30653879 一、正则表达式中的字符含意 二、正则表达式直接量字符 三、正则表达式的字符类 四、正则表达式的复制字符 五、正则表达式的使用 5.1 正则表达式的创建 5.2 RegExp对象方法 test 阅读全文
posted @ 2019-08-15 16:37 晴之万里，温暖向西 阅读(5664) 评论(0) 推荐(0)
块状元素和行内元素及其区别
摘要：一、常见的块状元素 二、常见的行内元素 三、块状元素、行内元素、行内块状元素的区别 块状元素特征：display :inline 能够识别宽高 margin和padding的上下左右均对其有效 可以自动换行 多个块状元素标签写在一起，默认排列方式为从上至下 行内元素特征：display:block; 阅读全文
posted @ 2019-08-15 15:01 晴之万里，温暖向西 阅读(1034) 评论(0) 推荐(0)
如何实现图片懒加载
摘要：一、什么是懒加载 将图片src先赋值为一张默认图片，当用户滚动滚动条到可视区域图片的时候，再去加载后续真正的图片 如果用户只对第一张图片感兴趣，那剩余的图片请求就可以节省了 二、为什么要引入懒加载 懒加载（LazyLoad）是前端优化的一种有效方式，极大的提升用户体验。图片一直是页面加载的流浪大户， 阅读全文
posted @ 2019-08-15 00:31 晴之万里，温暖向西 阅读(5014) 评论(0) 推荐(0)
关于跨域
摘要：一、什么是跨域 跨域就是一个域名请求另外一个域名的资源 二、为什么要引入跨域 原因：浏览器为了维护秩序，实施了同源策略，只有"协议+域名+端口"三者相同的才属于同一域名，只要有一个不同就属于跨域 。浏览器这种规则限制了一个域名与另外一个域名的资源交互。因此当一个域名请求另外一个域名的资源的时候，需要 阅读全文
posted @ 2019-08-14 15:28 晴之万里，温暖向西 阅读(210) 评论(0) 推荐(0)
CSS三列布局
摘要：方法1:左右div设置浮动，脱离标准流，中间那块元素就会上去。 （注意：html代码中中间部分的div必须放到左右div的后面） 方法2:左右绝对定位的两块div元素,脱离标准流，中间那块元素就会上去 （注意：中间部分的div必须放到左右div的后面） 方法3:设置flex:1;可以自适应剩余空间 阅读全文
posted @ 2019-08-12 13:10 晴之万里，温暖向西 阅读(551) 评论(0) 推荐(0)
div上中下布局中间自适应
摘要：需求1： 头尾固定高度，中间自适应 1.上部（header）Div高度固定100px，宽度100%； 2.下部（footer）Div高度固定100px，宽度100%； 3.中部（middle）DIV高度根据屏幕高度，自适应充满（是根据内容自动填满），宽度100%； 4.用纯DIV+CSS实现，不采用 阅读全文
posted @ 2019-08-12 09:11 晴之万里，温暖向西 阅读(3057) 评论(0) 推荐(0)
CSS垂直居中的方法
摘要：方法1：display:flex+align-items 只需要给父元素设置属性 1 <style> 2 .parent{ 3 position: absolute; 4 width: 100px; 5 height: 100px; 6 border: 1px solid red; 7 8 disp 阅读全文
posted @ 2019-08-11 21:27 晴之万里，温暖向西 阅读(132) 评论(0) 推荐(0)
vue-cli搭建vue项目环境
摘要：该篇文章是继https://www.cnblogs.com/qing-5/p/11321585.html来写 1、打开终端，输入指令"npm install --global vue-cli",来安装vue -cli脚手架。 该方法可能会出错，如下所示。 原因：执行命令是没有获得管理员权限 解决方法 阅读全文
posted @ 2019-08-08 16:29 晴之万里，温暖向西 阅读(612) 评论(0) 推荐(0)
vue去哪儿网项目环境配置
摘要：一、首先安装node.js 根据自己的（windows或mac）系统进行安装node，在开发环境中一般安装LTS版本。安装成功后，在终端输入"node -v"和"npm -v"，若出现相应的版本号，说明安装成功 二、代码管理仓库（travel的线上仓库） 1、如果已经有码云账号，在码云上创建一个仓库 阅读全文
posted @ 2019-08-08 16:26 晴之万里，温暖向西 阅读(296) 评论(0) 推荐(0)
vue生命周期
摘要：一、vue生命周期的8个阶段 beforeCreate： 在new一个vue实例后，只有一些默认的生命周期钩子和默认事件，其他的东西都还没创建。在beforeCreate生命周期执行的时候，data和methods中的数据都还没有初始化。不能在这个阶段使用data中的数据和methods中的方法cr 阅读全文
posted @ 2019-08-05 19:37 晴之万里，温暖向西 阅读(179) 评论(0) 推荐(0)