- 博客(19)
- 收藏
- 关注
RSS订阅原创 初探vue3.0数据监听机制的改变
在vue2.x中数据的相应机制是使用的Object.defineProperty,但是在3.0转而使用更快的原生Proxy,1、基于Object.defineProperty的实现存在的缺点:Object.defineProperty需要遍历所有的属性，这就造成了如果vue对象的data/computed/props中的数据规模庞大，那么遍历起来就会慢很多。同样，如果vue对象的data/c...
2020-02-08 18:18:52
3540
原创 Promise.all()
一、Promise.all()用于处理同时依赖多个请求的结果,let wake = (time) => { return new Promise((resolve, reject) => { setTimeout(() => { resolve(`${time / 1000}秒后醒来`) }, time) })}let p1 = wa...
2020-01-16 17:35:31
164
原创 element ui table组件展开功能的变更
1、需求在实际开发中对于table组件的展开功能有下图所需要的需求,而elementui提供的组件展开功能是下图这样的,这时候我们就需要用自己写的按钮来触发elementui底层所提供的方法了以下是点击自己写的按钮的时候出触发的方法this.tableData[index].expansion = !this.tableData[index].expansion //这个是点...
2020-01-15 18:01:02
408
原创 用webpack的require.context()"去中心化"代码
一、在vue中当路由或者store多了的时候需要多层嵌套,不利于代码维护,在webpack打包的时候可以利用require.context()来对代码做去中心化二、什么是require.context()require.context()方法是用来创建自己的(模块)上下文,这个方法有三个参数1、要搜索的文件夹目录2、是否搜索它的子目录3、匹配文件的正则表达式三、用法,直...
2019-07-23 14:02:33
373
原创 有关ajax请求的responseType以及withCredentials
一、reponseType1、什么是reponseTypeXMLHttpRequest.reponseType属性是一个枚举类型的属性,返回响应数据的类型,他允许我们手动的设置返回数据的类型。如果我们将它设置为一个空字符串,它将默认的使用"text"类型。当将reponseType设置为一个特定的类型的时候需要确保服务器所返回的类型和所设置的返回值类型是兼容的。如果两者不兼容,...
2019-07-16 15:11:07
7646
原创 计算机中hosts文件的作用
一、hosts文件的位置hosts文件一般位于c/windows/system32/drivers/etc下面,是一个纯文本文件,直接使用记事本打卡自己可二、hosts文件的基本内容和语法这个文件是根据TCP/IP for windows的标准来工作的,它的作用是定义IP地址和Host name(主机名)的映射关系,是一个映射IP地址和host name (主机名)的规定。这个规定...
2019-07-16 13:56:40
712
转载 vue-router的两种模式的区别
1、大家都知道vue是一种单页应用,单页应用就是仅在页面初始化的时候加载相应的html/css/js一单页面加载完成,不会因为用户的操作而进行页面的重新加载或者跳转,用javascript动态的变化html的内容优点: 良好的交互体验,用户不需要刷新页面,页面显示流畅, 良好的前后端工作分离模式,减轻服务器压力,缺点: 不利于SEO,初次加载耗时比较多2、hash模式vue-router默...
2019-05-22 17:56:29
13247
3
原创 react从零开始(五)
1、在本地起服务的时候,官方脚手架默认的是端口是3000,这样也就意味的如果3000端口被占用,就无法启动另一个项目,这时候只需要修改package.json文件的中的 "start": "set PORT=4000&&react-scripts start" //增加了set PORT=''端口号''像上面这样就不会产生冲突了2、组件划分划分组件的目的性是为了代码的可...
2019-05-06 15:04:02
106
原创 vue打包的优化
在工作中打包vue时候我们会发现存在包过大的情况这时候怎么办呢:1、优化source-map在vue-cli脚手架的webpack.prod.config.js文件夹中有这么一段代码这段代码是读取在config文件夹下index.js中有关source-map配置的而这段代码的作用就是打包的时候会生成一个map文件,帮我们在生产环境报错的时候能够准确的定位错误,可是有时候打包的时候会过...
2019-04-14 22:10:36
366
原创 react从零开始(四)
渲染列表数据1、 map在说渲染列表数据之前简单介绍一下map方法在javascript中对象本质上是键值对的集合,但是传统的对象只能接受字符串作为键,而es6提供了map数据结构,虽然也是键值对的组合,但是"键"不受限于字符串,各种类型的值都能用来当做键。下面介绍一下map方法的使用const map = new Map();const = { methods: "map是es6中的...
2019-04-14 16:27:57
123
原创 移动端一些调试小技巧
1、本地服务在手机上打开在调试手机机型的时候,可以在本地起来服务,这时候域名是localhost,打开命令行,输入ipconfig,选取IPv4,替换掉localhost,在同一网段下,用手机打开即可看到当前运行的页面2、移动端调取控制台我们在pc端调试很简单,在控制台就能看到所有的情况,但是有些业务受限于手机机型;指定移动端浏览器才会有的效果这时候怎么看控制台呢?只需要在head中引...
2019-04-12 16:32:40
230
原创 react从零开始(三)
1、配置组件props每个组件都有一个props参数,这个参数是一个对象,包含了所有对这个组件的配置,在使用组件的时候可以把参数放在标签的属性中,所有的属性都会成为props对象的键值,如下: class Index extends Component { render () { return ( <div> <H...
2019-04-07 20:47:17
186
原创 react从零开始(二)
1、组件的组合、嵌套和组件树我们可以构建新的组件专门负责渲染某块功能例如:class Title extends Component{ render() { return ( <div> <h1>从零开始react</h1> </div> ...
2019-04-04 17:14:23
151
原创 react从零开始(一)
react基本环境安装:1、npm install -g create-react-app2、create-react-app hello-react安装过程可能比较慢,可以执行下面的命令:npm config set registry https://registry.npm.taobao.org3、cd hello-react npm start项目就可以正常的运行起来了...
2019-04-03 20:47:52
414
原创 vue的keep-alive
1、keep-alive的作用是缓存组件,避免多次加载相应的组件,减少性能的消耗2、keep-alive: 被缓存的页面生命周期是怎么执行的?第一次进入会正常执行从beforeCreate函数开始;之后的进入只会执行activted/deactivated两个函数3、使用 <template> //这样是缓存所有的组件, <template> ...
2019-03-29 17:30:36
150
原创 vuex的简单使用
1,vuex是专为vue.js设计的状态管理模式,集中存储和管理应用程序中所有组件的状态,适用于中大型单页应用2,使用vuex的第一步: 引入 import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex);同样需要在main.js中引入storeimport store from './store';window.$vu...
2019-03-22 16:13:32
130
原创 apply,call,bind方法
1、apply,call都是为了改变函数运行时的上下文而存在的,也就是常说的this指向 function fruits() {} fruits.prototype = { color: "red", say: function() { console.log("My color is " + this.color); } ...
2019-03-18 17:53:44
130
原创 数组的5个迭代方法
forEach/filter/map/some/everyforEach对数组进行遍历然后执行某些操作 let arr = [1,2,3,4]; arr.forEach(function(item,index,array){ //对每项都执行某操作 }) filter返回满足条件的所有项let arr = [1,2,3,4,5,6];let fi...
2018-08-27 17:38:24
2254
原创 shim和polyfill
shimpolyfillshimshim是一个库,它将一个新的API引入到环境中,而且仅仅靠旧环境中已有的手段实现polyfillpolyfill就是一个用在浏览器API上的shim,通常我们的做法是检查当前浏览器是否支持某个API,如果不支持的话就加载对应的polyfill,然后旧浏览器就可以使用这个API了 意思就是pllyfill是shim的一种,平...
2018-08-16 21:05:28
350
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人