![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 71
金枪鱼合唱团
这个作者很懒,什么都没留下…
展开
-
webpack学习笔记
项目中常常会遇到,生产环境,测试环境,开发环境配置不同的情况,我们可以提取这些环境中的公共部分,写进webpack.base.config.js。在webpack.dev.config.js和webpack.prod.config.js中引入webpack.base.config.js。webpack.prod.config.js中。webpack.prod.config.js中。webpack.dev.config.js中。webpack.dev.config.js中。package.json文件中。原创 2024-05-03 01:46:03 · 567 阅读 · 0 评论 -
vue-router源码解析
url改变触发监听事件 (原理见路由模式)改变vue-router里面的current变量vue监听current的监听者获取到新的组件render新组件。原创 2024-04-26 01:35:40 · 398 阅读 · 0 评论 -
vue3、vue2中nextTick源码解析
vue的异步更新策略意思是如果数据变化,vue不会立刻更新dom,而是开启一个队列,把组件更新函数保存在队列里,在统一事件循环中发生的所有数据变更会异步的批量更新,这一策略导致我们对数据的修改不会立即体现在dom上,此时如果想要获取更新后的dom状态,就要使用nexttick。即在一次事件循环中,更新了数据,把更新Dom的操作放入队列中,使用了nextTick,则把nextTick里的回调放入队列中,执行完所有的同步代码后,去执行微任务,即依次调用队列里的函数。里面用到了优雅降级,可以看看,不多写了。原创 2024-04-14 22:01:09 · 1487 阅读 · 0 评论 -
websocket原理及简单入门
在了解websocket之前,我们先来了解一下websocket出现之前的世界当我们在开腾讯会议或视频通话时,我们自己的影像会传给对方,对方的影像也能同时传给我们,这就是即时通讯技术即时通讯技术是实现:服务器端可以时地将数据的更新或变化反应到客户端,在Web中,由于浏览器的限制,实现即时通讯需要借助一些方法。这种限制出现的主要原因是,Web通信都是浏览器先发送请求到服务器,服务器再进行响应完成数据的现实更新。原创 2024-04-12 03:36:04 · 322 阅读 · 0 评论 -
前端监控告警平台原理,及如何捕捉全局错误,异步promise错误,资源错误,vue错误
监控告警平台可以监控并上报我们的网页在运行时发生的错误,那么监控平台的原理是什么呢,本文介绍了前端监控告警平台原理,包括window.onerror,window.addEventListener等方法.及如何捕捉全局错误,异步promise错误,资源错误,vue错误。原创 2024-04-12 01:16:42 · 775 阅读 · 0 评论 -
js正则表达式详解与常用代码讲解
javascript正则表达式真是学了又忘忘了又学,今天好好梳理一下语法,本文附有十来个常见的匹配正则表达式代码示例与讲解,但是这种写正则的事情以后还是丢给chat哥吧。原创 2024-04-09 22:54:49 · 1429 阅读 · 0 评论 -
css双飞翼布局、圣杯布局与左侧宽度固定右侧自适应布局
与双飞翼布局类似,但是顶端header和底端footer各自占据屏幕所有宽度,高度固定。/* 绝对定位会让元素脱离文档流进入浮动层,右侧元素能无视掉它 */代码实现跟双飞燕布局类似,只是加了个header和footer而已。/* 将margin-left设置为left盒子的宽度 *//* ::after伪元素清除浮动,解决父级塌陷问题 */左右宽度固定,中间宽度自适应,且要先渲染中间。原创 2024-04-07 21:56:11 · 691 阅读 · 0 评论 -
js中的同步任务,异步任务,宏任务与微任务,事件循环
同步任务:同步任务是按顺序执行的任务,每个任务需要等待前一个任务完成后才能开始执行。在执行同步任务期间,程序会阻塞并等待任务完成,然后再继续执行下一个任务。如console.log,异步任务:异步任务是不按照顺序执行的任务,其执行不会阻塞程序的运行。异步任务会被提交给异步执行的机制(如事件循环、回调函数等),并在后台或其他线程中执行。在任务完成后,会通过回调函数、Promise 或其他机制通知程序任务已完成,然后执行相应的回调函数或继续执行后续的代码。异步任务分为宏任务与微任务。原创 2024-04-07 17:42:47 · 531 阅读 · 1 评论 -
vue el-autocomplete实现输入特殊字符触发远程模糊搜索,并将下拉框内值附加到原输入值之后
一年前的项目记不太清了 因为要准备面试所以回忆一下。原创 2024-03-30 01:32:56 · 548 阅读 · 0 评论 -
js中this的绑定规则
看了b站coderwhy老师的JavaScript高级 《this绑定规则》,做一些学习笔记。函数在调用时,JavaScript会默认给this绑定一个值;this的绑定和定义的位置(编写的位置)没有关系;this的绑定和调用方式以及调用的位置有关系;this是在运行时被绑定的;原创 2023-02-14 00:28:52 · 77 阅读 · 0 评论 -
ajax,xml,axios,html学习笔记
XML:可扩展标记语言,被设计来传输和存储数据JSON:现在用的都是json优点:无需刷新就可与服务器端通信;允许根据用户时间来更新部分页面缺点没有浏览历史,不能回退;跨域;SEO不友好。原创 2023-02-12 01:05:51 · 70 阅读 · 0 评论 -
HTTP状态码与http发展过程
200:成功请求,服务器接受请求并成功处理301和302都是重定向,也就是从一个地址跳到另一个地址,是通过各种方法把各种网络请求重新定个方向,转到其他位置的意思。浏览器在拿到服务器返回的301 302状态码后会自动跳到新的url地址,用户看到得效果就是输入的地址A瞬间变成了另一个地址B。状态码为302,网页获取不到数据时,解决方法可以是把f12里的url复制粘贴到浏览器里,再刷新原来的页面不同点:301:永久跳转,旧地址的资源永远的不能用了,浏览器取得新的内容的时候也会把地址由旧地址变成新地址。而且浏览原创 2022-12-04 22:05:08 · 94 阅读 · 0 评论 -
Element-UI 的table使用v-if顺序会乱飞的问题
table用v-if顺序乱掉原创 2022-10-19 09:58:01 · 741 阅读 · 0 评论 -
flex布局学习
flex布局学习笔记原创 2022-10-19 09:44:04 · 66 阅读 · 0 评论 -
vue中的数据处理
vue学习笔记原创 2022-10-19 09:43:32 · 164 阅读 · 0 评论 -
git操作
git基本操作原创 2022-10-13 17:50:55 · 128 阅读 · 0 评论 -
js中的async/await
js中的async await原创 2022-10-09 11:06:24 · 375 阅读 · 0 评论 -
node.js/npm/nvm/vue/element ui配置安装
今天先在新电脑(windows)上把软件安了,记一下前端需要的软件都是咋安的原创 2022-09-23 16:43:11 · 583 阅读 · 0 评论