- 博客(16)
- 收藏
- 关注
RSS订阅原创 修改elementUI全局样式
修改elementUI全局样式1 作用于全局直接在<style></style>中进行修改，样式修改会作用于全局，牵一发而动全身。2 作用于当前页面deep或者>>>,sass和less无法正确解析>>>.jubu /deep/ .el-input__inner {border: 1px solid red !important;}...
2021-11-30 10:56:51
1374
原创 解决VueCli因为EnumerateProviders创建新项目失败问题
使用vue-cli创建项目时，总会出现EnumerateProviders catalog=0EnumerateProviders totalPro=20项目创建失败，依赖下载的地址都会拼接上EnumerateProviders，报如下错误：Error: https://registry.npmjs.org/%0AEnumerateProviders%20catalog=0%0D%0D%0AEnumerateProviders%20totalPro=20/@vue%2fcli-plugin-babe
2021-09-10 13:58:08
518
原创 面试必问之http与https区别
1.定义http：超文本传输协议HTTPS：是在HTTP上建立SSL/TLS加密层，并对传输数据进行加密，是HTTP协议的安全版。被广泛用于万维网上安全敏感的通讯，如交易支付平台。2.区别httphttps明文传输加密传输端口80端口443不需要SSL证书不需要SSL证书信息窃听，信息篡改，信息劫持保护隐私，信息完整性，身份验证安全不安全基于应用层基于传输层数据隐私性：内容经过加密，每个连接生成一个唯一的加密密钥数据完整
2020-07-31 11:50:33
207
原创 CSS盒式布局和弹性布局
盒式布局：display position float1.display:none 此元素不会被显示。block 此元素将显示为块级元素，此元素前后会带有换行符。inline 默认。此元素会被显示为内联元素，元素前后没有换行符。inline-block 行内块元素。（CSS2.1 新增的值）list-item 此元素会作为列表显示。run-in 此元素会根据上下文作为块级元素或内联元素显示。compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
2020-07-15 11:35:07
366
原创 面试必问之CSS水平垂直居中
水平居中：margin:0 auto;垂直居中：1.父元素：display:flex;子元素：align-self:center;2.父元素高度不定时子元素：position:relative;top:50%;margin-top:子高/2；
2020-07-14 16:12:56
186
原创 javascript的防抖、节流以及应用场景
定义与应用场景防抖： 规定时间内没有再次触发，才能真正触发成功，若在规定时间内再次触发了则不能触发成功并且重新计时，将一段时间内连续的多次触发转化为一次触发。情景：页面resize事件，页面适配时，根据最终呈现的页面情况进行dom渲染，一般使用防抖，只需判断最后一次的变化情况；search搜索联想，用户在不断输入值时，用防抖来节约请求资源。节流： 持续触发时，保证规定时间间隔内触发一次。情景：一般是onrize，onscroll等这些频繁触发的函数，如获取滚动条的位置，然后执行下一步动作；鼠标不断点
2020-07-02 16:02:37
603
原创 前端大数据的渲染
1.传统方式function getData() { let arr = []; for (let i = 0; i < 100000; i++) { arr.push(i); } return arr; } let data = getData(); for (let i = 0; i < 100000 && data.length
2020-06-29 16:59:10
743
原创 JavaScript阻塞及解决方法
一、阻塞出现原因是：JavaScript是单线程。二、改善方法1.简单但不治本的方法将script加载放在body的最后面，这样即使脚本之间阻塞了也不影响其他资源的加载，页面已经呈现出来，不至于显得很慢。将多个相关的JavaScript文件合并为一个JavaScript文件，减少脚本之间的阻塞。2.无阻塞技术使用defer和async<script src="" async><script src="" defer>async是异步执行，defer是延迟加
2020-06-29 15:17:09
2655
原创 闭包定义及使用
闭包：有权访问另一个函数作用域中的变量的函数，创建闭包常见的方式就是在一个函数内部创建函数。为什么会使用闭包：全局变量易被污染，局部变量又不可全局访问，这时就可以使用闭包，来达到既可全局访问，有不会被污染的效果。function foo(){ var local = 1; function inter(){ local++; console.log(local); } return inter;}var outer = foo();outer();//2闭包的弊端：内存占用大，
2020-06-29 13:56:55
139
原创 JavaScript宏队列微队列以及事件轮回
javascript在执行时，遇到异步执行的方法，不会等异步方法返回结果再继续向下执行，而是先将异步方法放到一个队列中，然后继续执行，最后主线程空闲时，再按照顺序执行队列里的异步方法，叫做事件轮回。队列又分为宏队列和微队列，将宏任务放在宏队列，微任务放在微队列，在执行时遵循先全局方法，后微任务，最后宏任务的顺序。宏任务：setTimeout, setInterval, setImmediate, I/O, UI rendering.微任务：process.nextTick, Promise.then,
2020-06-09 16:58:45
317
原创 javascript数据类型和判断方法以及对象的拷贝
数据类型JavaScript数据类型有7种，分别是Number、String、Boolean、undefined、Null、Symbol和Object。基本数据类型为Number、String、Boolean、undefined、Null、Symbol，引用数据类型为Object（包括Array[]和Object{}）。基本数据类型存储在栈中，引用数据类型存储在堆中。对象不能直接复制是会出现问题的，源对象和目标对象修改后互相影响：var obj = { foo: "foo", bar: "bar"
2020-06-08 10:01:21
134
原创 javascript的call apply bind区别
javascript的call apply bind区别三者都是可以改变this指向的。改变f1的this指向如下：//不含入参var changeThis(f1,targetFn){ f1.call(targetFn); //f1.apply(targetFn); //f1.bind(targetFn)();}//含有两个入参var changeThis(f1(value1,value2),targetFn){ f1.call(targetFn, ''value1","value2")
2020-05-26 15:42:14
144
原创 本地前端请求后端接口通过代理解决跨域问题
本地前端请求服务器后端接口时，由于地址不同，会存在跨域问题，在服务器上可使用nginx反向代理可以解决这一问题，本地如果使用Vue框架，可使用devServer.proxy代理解决，也可本地使用Nginx代理解决。1.devServer.proxy新建一个Vue工程，可参照网上教程，在config文件中的配置代理地址：module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPub...
2020-05-22 10:40:46
3079
原创 前端发送http请求的几种方式
前端发送http的几种方式1. XMLHttpRequest2. ajax3. axios4. fetch1. XMLHttpRequest所有现代浏览器均内建了XMLHttpRequest对象，IE5、IE6使用ActiveX对象。 var xmlHttp; if(window.XMLHttpRequest){ xmlHttp = new XMLHttpRequest(); }else{ xmlHttp = new ActiveXObject(); } xmlHttp.open(m
2020-05-15 17:36:58
4318
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人