大前端
跨平台技术的融入
狂暴草鱼卷
这个作者很懒,什么都没留下…
展开
-
获取对象的健值对
const obj = { name: '李钢筋' , sex: '女' } const newObj=[] for (const i in obj) { newObj.push({name:i,value:obj[i]}) }原创 2022-02-08 20:01:28 · 550 阅读 · 0 评论 -
mac 怎样切换 node 版本 , 如何安装oh-my-zsh
首先npm安装一个模块的全局 sudo npm install -g n使用n加版本号就可以安装其他版本 比如 : sudo n v10.12.0查看版本 node -v原创 2022-01-28 15:04:34 · 1437 阅读 · 0 评论 -
CSS 滚动条始终默认显示和修改placeholder的默认颜色
原理和更改多选框的样式一样,都是先隐藏原先的 再后写一个新样式原创 2021-12-22 16:10:54 · 2835 阅读 · 0 评论 -
VSCode保存自动格式化怎么实现
1. 打开VSCode,点击左下角的设置按钮,然后点击【设置】 2. 在搜索框内输入format on save找到正在格式化 3. 勾选Editor:Format On Save原创 2021-08-30 18:39:56 · 2998 阅读 · 0 评论 -
Js 修改对象数组里的对象属性名and新增
使用正则的 replace() 方法替换属性名JSON.parse(JSON.stringify(this.lineoption).replace(/team_id/g, 'name').replace(/data/g, 'num'))原创 2021-08-30 15:36:09 · 384 阅读 · 0 评论 -
如何动态的给对象新增属性
var obj={} //要放到循环外面 对象[属性名] = 属性值; //利用方括号法添加属性和属性值原创 2021-08-06 20:07:50 · 196 阅读 · 0 评论 -
搞明白什么是事件循环机制EventLoop
Eventloop 不是ECMAScript 标准,而是HTML 标准,各浏览器会有不同程度的执行因为JavaScript 它是一种单线程语言,一个进程一次只能执行一个任务,等前面的任务执行完了,再执行后面的任务。所有任务都在一个线程上完成,一旦遇到大量任务或者遇到一个耗时的任务,网页就会出现 “假死” ,因为JavaScript停不下来,也就无法响应用户的行为。在JavaScript中,任务被分为两种,一种宏任务(MacroTask),一种叫微任务(MicroTask)...原创 2021-07-01 15:04:48 · 392 阅读 · 0 评论 -
WebSocke是什么
什么是HTTP协议超文本传输协议(客户端和服务器之间)包含请求和响应同其他应用层协议一样,是为了实现某一类具体应用的协议并由某一运行在用户空间的应用程序来实现其功能HTTP是一种协议规范,这种规范记录在文档上为真正通过HTTP进行通信的HTTP的实现程序HTTP是基于B/S架构进行通信的而HTTP的服务器端实现程序有httpd、nginx等其客户端的实现程序主要是Web浏览器,例如Firefox、InternetExplorer、Google chrome、Safari、Opera等此外原创 2021-06-27 20:33:29 · 400 阅读 · 3 评论 -
回流(reflow)重绘(repaint)纯文本讲解
回流reflow和重绘repaint页面渲染dom的过程什么是回流什么是重绘总结页面渲染dom的过程浏览器通过 HTML parser 根据深度遍历的原则,把 HTML 解析成 DOM tree;将 CSS 解析为 CSS Rule tree (CSSDOM tree);根据 DOM树和 CSS树来构建一个样式表.组合成一颗render树,页面经过重绘和回流 渲染出页面来什么是回流当render树中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建。这就称为回流每个页面至少需原创 2021-06-27 19:30:30 · 69 阅读 · 0 评论 -
Vue 节流防抖 滑动变色
首先安装https://www.lodashjs.com/npm i lodash -S然后main.js引入import _ from 'lodash'Vue.use(_)这样引入 直接就可以用_.throttle不需要加this mounted() { window.addEventListener("touchmove", _.throttle(this.handleChageColor), true); },写个方法lengths就是主体 滑动的部分<se原创 2021-03-26 14:29:33 · 260 阅读 · 0 评论 -
节流(throttle)与防抖(debounce)
节流防抖节流防抖什么是Lodash如何使用使用 debounce 函数实现防抖节流与防抖的前提都是某个行为持续地触发,不同之处只要判断是要优化到减少它的执行次数还是只执行一次就行。节流当持续触发事件时,有规律的每隔一个时间间隔执行一次事件处理函数也就是每隔n的时间调用一次函数,而不是一触发事件就调用一次,这样就会减少资源浪费防抖当持续触发某事件时,一定时间间隔内没有再触发事件时,事件处理函数才会执行一次,如果设定的时间间隔到来之前 , 又一次触发了事件,就重置计时器 , 触发后最后一次记录的延原创 2021-06-24 08:27:28 · 239 阅读 · 0 评论 -
koa + mongodb + vue3 + vite
学习成长 第一次写这种项目首先 走安装koa的指令npm init -ynpm install koa --save这里可以回顾一下我之前对koa的入门简单介绍koa的简单入门安装mongodbnpm install mongodb --save接下来是koa怎么链接自己的本地mongodb 研究去了......原创 2021-06-22 18:04:35 · 650 阅读 · 0 评论 -
vscode好用插件合集
vscode好用插件合集语言包Chinese (Simplified) Language Packcolorize热更新Live ServerESlintJavaScript (ES6) code snippetscss预编译Easy LESSEasy Sassvue必备vueVetur语言包Chinese (Simplified) Language Pack中文语言包 英文较差的必背colorize会直接显示颜色,知道你设置的是什么颜色,同时也支持Less、Sass的变量热更新Live Se原创 2021-06-21 16:29:55 · 947 阅读 · 0 评论