![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
aminsky0
坚持记录开发过程中的疑难点
展开
-
url访问公司内部项目登陆出现网络异常
url访问公司内部项目登陆出现网络异常今天遇到个奇葩问题,访问公司内部的平台地址,接口一直没有返回,查了很久原因,都说是跨域引起的,后来尝试不同方法找到两个解决方案####### 方案一将访问地址中的https改成http####### 方案二将浏览器恢复出厂设置...原创 2021-09-23 10:44:37 · 204 阅读 · 0 评论 -
vue confirm添加换行
vue confirm添加换行const h = this.$createElementthis.$confirm('提示', { message: h('div',[ h('p','是否确认复制当前检测产品?'), h('p', row.name) ]), confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning'}).then(() => { this.ge原创 2021-06-23 09:50:00 · 1839 阅读 · 0 评论 -
JSON.stringify()无法转化ES6中map数据问题
JSON.stringify()无法转化ES6中map数据问题今天在开发中遇到了一个奇怪的问题,小编要记录一下。。。今天小编开发中看到项目以前用 JSON.stringify(this.defectBaseData3)===”{}“为空对象的判断,结果小编调试的时候发现this.defectBaseData数组超大的时候*JSON.stringify(this.defectBaseData3)===”{}“*也为true,弄的小编怀疑人生,下面黏贴上代码 if (JSON.stringify(thi原创 2021-06-04 18:54:22 · 1766 阅读 · 0 评论 -
深度选择器deep使用总结
深度选择器deep使用总结1、深度选择器有三种写法/deep/、>>>、::v-deep2、vue3使用 ::v-deep3、vue2使用 /deep/、>>>原创 2021-05-08 17:41:27 · 942 阅读 · 0 评论 -
vue中有哪些修饰符和事件修饰符
vue中有哪些修饰符和事件装饰符1、常见修饰符有.sync,.lazy,.passive(1).sync因为vue是单向数据流,从父组件传到子组件的数据,子组件如果修改数据会报错,加上.sync后子组件内部改变props属性值并更新到父组件中(2).lazyv-model双向数据绑定,输入框输入内容时视图就更新了,如果想要输入完所有数据再更新视图,可以通过添加.lazy实现光标离开后再更新视图<input type="text" v-model.lazy="value">(3).原创 2021-04-27 15:19:45 · 1019 阅读 · 0 评论 -
线程和进程的区别
线程和进程的区别进程是资源分配的最小单位,线程是CPU调度的最小单位做个简单的比喻:进程=火车,线程=车厢1、线程在进程下行进(单纯的车厢无法运行)2、一个进程可以包含多个线程(一辆火车可以有多个车厢)3、不同进程间数据很难共享(一辆火车上的乘客很难换到另外一辆火车,比如站点换乘)4、同一进程下不同线程间数据很易共享(A车厢换到B车厢很容易)5、进程要比线程消耗更多的计算机资源(采用多列火车相比多个车厢更耗资源)6、进程间不会相互影响,一个线程挂掉将导致整个进程挂掉(一列火车不会影响到另外一原创 2021-04-25 20:11:17 · 72 阅读 · 0 评论 -
页面从输入url到渲染完成的全部过程
页面从输入url到渲染完成的全部过程1、DNS 域名解析2、HTTP 请求和TCP 连接3、请求返回html处理 HTML 标记并构建DOM 树,通过HTML解析器解析HTML文档,构建一个DOM Tree。处理CSS 标记并构建CSSOM 树,通过CSS解析器解析HTML中存在的CSS,构建Style Rules。将DOM与 CSSOM合并成一个渲染树(Render Tree)。根据渲染树来布局,Render Tree构建完毕,进入到布局阶段(layout/reflow),将会为每个阶段分配原创 2021-04-25 16:46:10 · 163 阅读 · 0 评论 -
移动端video标签使用出现点击视频controls控件不展示
移动端video标签使用出现点击视频controls控件不展示这个问题一般是因为video移动端尺寸变化导致解决方法:可以在video标签外层加个div,添加一个点击事件,将controls赋值为true<div class="video-wrap" v-show="isVideoShow" @click="handlePlayClick()"> <video class="videocss" ref="videoCon" :src="videoUrl"></vi原创 2021-04-25 16:25:02 · 3100 阅读 · 0 评论 -
swiper移动端横向滑动问题处理
swiper移动端横向滑动问题处理一、swiper初始化问题数据加载的过程中使用v-if进行判断会导致一开始dom没有渲染,等数据加载完成才会渲染dom若是使用v-if会导致swiper初始化不成功new Swiper('.swiper-container', { mode: 'horizontal', freeMode : true, slidesPerView: 2, slidesPerGroup: 2, touchRatio: 1,原创 2021-04-25 15:57:01 · 1715 阅读 · 0 评论 -
webpack优化
webpcak优化在配置 Loader 时通过 include 去缩小命中范围介绍过在使用 Loader 时可以通过 test 、 include 、 exclude 三个配置项来命中 Loader 要应用规则的文件。 为了尽可能少的让文件被 Loader 处理,可以通过 include 去命中只有哪些文件需要被处理。以采用 ES6 的项目为例,在配置 babel-loader 时,可以这样:module.exports = { module: { rules: [ {原创 2021-04-22 15:17:05 · 115 阅读 · 0 评论 -
vuex中mutation和action的区别
vuex中mutation和action的区别mutation 同步操作storeaction 异步操作mutation 然后修改store原创 2021-04-02 15:58:18 · 197 阅读 · 0 评论 -
闭包的特性及优缺点
闭包特性以及优缺点特性:1、函数套函数;2、内部函数可以直接使用外部函数的局部变量或参数;3、变量或参数不会被垃圾回收机制回收 GC;优点:1、变量长期保存在内存中;2、避免被全局变量污染;3、私有成员的存在;缺点:1、由于闭包中的变量长期存储在内存中,或造成内存消耗,会造成内存泄漏...原创 2020-12-06 19:20:54 · 570 阅读 · 0 评论 -
http状态码的梳理
一、1XX 信息性状态码100 收到了请求的起始部分,客户端应该继续请求101 服务器正根据客户端的指示将协议切换成Update Header列出的协议二、2XX 成功状态码200 服务器成功处理了请求(这个是我们见到最多的)201 对于那些要服务器创建对象的请求来说,资源已创建完毕。202 请求已接受, 但服务器尚未处理203 服务器已将事务成功处理,只是实体Header包含的信息不是来自原始服务器,而是来自资源的副本。204 Response中包含一些Head原创 2020-11-26 16:39:38 · 61 阅读 · 0 评论 -
原型链的理解
原型链原型链是实现继承的主要方法基本思路就是利用原型让一个引用类型继承另一个引用类型的属性和方法。每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数想指针(constructor),而实例对象都包含一个指向原型对象的内部指针(proto)。如果让原型对象等于另一个类型的实例,此时的原型对象将包含一个指向另一个原型的指针(proto),另一个原型也包含着一个指向另一个构造函数的指针(constructor)。假如另一个原型又是另一个类型的实例,如此层层递进,这就构成了实例与原型的链条。这就是原原创 2020-11-25 15:15:27 · 175 阅读 · 0 评论 -
v-if和v-show的区别
v-if是动态的向DOM树内添加或者删除DOM元素;v-show是通过设置DOM元素的display样式属性控制显隐;v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换;v-if是惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变为真时才开始局部编译(编译被缓存?编译被缓存后,然后再切换的时候进行局部卸载); v-show是在任何条件下(首次条件是否为真)都被编译,然后被缓存,而且DOM元素保留;v-if有更高的切换消转载 2020-11-19 17:43:49 · 78 阅读 · 0 评论 -
回流和重绘的区别
1、回流与重绘的定义当render tree中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流,就是在页面第一次加载的时候。在回流的时候,浏览器会使渲染树中受到影响的部分失效,并重新构造这部分渲染树,完成回流后,浏览器会重新绘制受影响的部分到屏幕中,该过程成为重绘。2、如何减少回流、重绘减少回流、重绘其实就是需要减少对render tree的操作(合并多次多DOM和样式的修改),并减少对一些style信息的请求,尽量利用好浏览转载 2020-11-19 17:22:55 · 1777 阅读 · 0 评论 -
对前端工程师的理解
a.前端是最贴近用户的程序员,前端的能力就是能让产品从 90分进化到 100 分,甚至更好;b. 参与项目,快速高质量 完成实现效果图,精确到1px;c. 与团队成员,UI设计,产品经理的沟通;d. 做好的页面结构,页面重构和用户体验;e. 处理hack,兼容、写出优美的代码格式;f. 针对服务器的优化、拥抱最新前端技术。...原创 2020-11-19 17:00:05 · 318 阅读 · 1 评论 -
浏览器渲染过程
结构——样式——整合根据HTML结构生成DOM Tree根据CSS生成CSSOM根据DOM和CSSOM整合形成RenderTree根据RenderTree开始渲染和展示遇到先加载默认,又加载样式,用户体验差,性能体验差为什么要把script放在body最下面?不会阻塞HTML结构渲染,可以拿到所有的HTML...原创 2020-11-19 15:44:59 · 49 阅读 · 0 评论 -
vue响应式原理
一、响应式原理什么是响应式原理?意思就是在改变数据的时候,数据会跟着更新。响应式React和vue都有,但是React和Vue完全不同。React是通过this.state去改变数据,然后根据新的数据重新渲染出虚拟dom,最后对比虚拟dom找到需要更新的节点进行更新。Vue是利用Object.defineProperty方法里的setter和getter方法里的观察者模式来实现。...原创 2020-11-15 22:32:18 · 54 阅读 · 0 评论 -
React引入less配置
React引入less配置一、yarn add less less-loader二、yarn eject打开react项目配置项webpack.config.js三、添加配置项可以仿照css配置添加const lessRegex = /\.less$/;const lessModuleRegex = /\.module\.less$/;四、修改getStyleLoaders函数,添加代码 { loader: require.resolve("less-loader"), o原创 2020-11-10 17:13:51 · 351 阅读 · 0 评论 -
null和“”的区别
null和“”的区别1、类型** null表示的是一个对象的值,而并不是一个字符串。例如声明一个对象的引用,String a = null ; **** ""表示的是一个空字符串,也就是说它的长度为0。例如声明一个字符串String str = “” ; **2、内存和分配** String str = null ; 表示声明一个字符串对象的引用,但指向为null,也就是说还没有指向任何的内存空间; **** String str = “”; 表示声明一个字符串类型的引用,其值为""空字符原创 2020-11-09 13:54:59 · 1386 阅读 · 0 评论 -
Git常用命令
Git常用命令从远程拉取代码git clone更新本地代码git pull保存本地修改git add. git commit -f提交更代码到远程git push origin切换分支git checkout dev可视化窗口git gui原创 2020-06-30 16:25:06 · 75 阅读 · 0 评论