- 博客(19)
- 收藏
- 关注
RSS订阅原创 还在手写console.log? 快来试试这个vscode插件 Quickly Log！！
作为一枚前端开发人员，尤其是在写业务代码的时候，避免不了需要经常在控制台打印变量来查看数据（反正我是这样哈哈哈哈哈），那么久需要频繁的来写console.log()，然后在里面再输入自己想要查看的变量名。比如下面这样的换行场景，我们希望在光标放在a，b，c这里的时候，会在第21行这里插入console.log语句，但是目前只会在光标的下一行插入，还需要手动移动到下面。选择了对应的文件类型，对应的代码片段只会在这个类型的文件里生效，想要在其他类型的文件里也使用同样的代码片段需要去对应的类型文件中复制一份。
2023-11-30 11:17:32
667
原创 关于vite2的理解
vite构建速度快v1内部服务器是koa 迁移到v2后改为旧版的connect浏览器不支持.ts .less等文件服务器提前把.ts .less等文件编译成js文件 然后做了一个转发（重定向） 本来浏览器要去请求ts文件 然后做了一个拦截 转发为请求编译的js文件 响应的其实是编译好的js文件ESbuild构建速度快使用Go语言编写 直接转换成机器代码 无需经过字节码ESbuild充分利用CPU多内核 并行执行 效率高...
2022-05-23 14:00:50
279
原创 vscode报错Comments are not permitted in JSON
Comments are not permitted in JSON当我们在json文件中添加注释后vscode会有一个报错提示原因：默认json文件中是不允许添加注释的解决方法点击右下角的JSON点击后会弹出一个选择语言的框 在框中选择 JSON with Comments点击选择后即可...
2022-05-05 19:43:19
843
1
原创 前端面试题HTML+CSS总结（随缘更新）
1.Html5 有哪些新特性绘画canvasvideo 和 audio 元素本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失sessionStorage 的数据在浏览器关闭后自动删除语义化更好的内容元素，比如 article 、footer、header、nav、section表单控件 calendar 、 date 、 time 、 email 、 url 、 search新的技术 webworker 、 websocket 、 Geolocation2.HTM
2022-03-30 14:03:14
197
原创 前端面试题HTTP总结（随缘更新）
平时刷面试题总结的1.localhost 与 127.0.0.1 有什么区别localhost 可以更改后指向其它地址。 127.0.0.1 是约定的本机 IP。 类似互联网中域名与服务器 IP 的关系。如果在浏览器访问时，当前页面的 location.hostname(host) 不同，配置代理的时候要注意2.简述HTTPS和HTTP的区别1.https协议需要到ca申请证书，一般免费证书较少，因而需要一定费用。2.http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传
2022-03-28 13:01:33
2732
原创 vue实现监听切出当前页面的两种方法
vue实现监听切出页面visibilitychange首先说一个h5事件 visibilitychangevisibilitychange是浏览器新添加的一个事件 当浏览器当前页面被最小化 或者切换到浏览器的其他标签页 或者从其他页面或应用返回到当前标签页 都会触发这个事件document.visibilityState共有四个值1.hidden：文档处于背景标签页或者窗口处于最小化状态，或者操作系统正处于 ‘锁屏状态’2.visible：此页面在前景标签页中，并且窗口没有最小化3.preren
2022-03-23 23:31:17
16327
1
原创 HBuilderX下载插件 报错提示 下载失败,请检查网络是否正常
一般有两种情况第一种是没有获取到权限使用管理员身份运行 查看之前的日志可见报错“系统找不到指定的路径” 可能是因为不给管理员权限，导致软件想更改C盘里面安装文件时出现了权限不足的情况第二种是把后台运行的火绒之类的软件关掉360 ，火绒等查杀软件关闭，即可成功，亲测有效...
2021-08-18 10:14:21
5905
1
原创 JavaScript去重的方法
ES6的set方法ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。let arr = [1,0,0,2,9,8,3,1]; function unique(arr) { return Array.from(new Set(arr))}console.log(unique(arr)); // [1,0,2,9,8,3]------or--------console.log(...new Set(arr)); // [1,0,2,9,8,3]
2021-08-01 19:23:44
229
原创 详解grid布局
grid本文主要介绍以下几个属性grid-template-columnsgrid-template-rowsgrid-gaphtml代码<div class="container"> <div class="item item-1">1</div> <div class="item item-2">2</div> <div class="item item-3">3</div> <
2021-04-20 19:11:59
433
原创 详解flex布局
flex布局本文主要介绍flex布局的以下几种属性flex-directionflex-wrapjustify-contentalign-itemsorderflex-growflex-shrink基本设置html代码<div class="container"> <div class="item">1</div> <div class="item">2</div> <div class="ite
2021-04-19 20:33:05
193
原创 JavaScript笔记（随缘更新）
var const letvar存在变量提升 即变量可以在声明之前使用 值为undefined var声明的变量没有块级作用域const不存在变量提升 存在块级作用域 常用来声明常量，且常量不可修改，必须初始化let不存在变量提升 存在块级作用域 不允许在相同作用域内重复声明同一个变量Set数据结构ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构。通过add()方法向 Set 结构加入成员，结
2021-04-13 14:54:57
161
原创 CSS笔记（随缘更新）
超出限定宽度的文字显示省略号 max-width: 600px; //限定宽度 overflow: hidden; //超出的隐藏 text-overflow: ellipsis; //超出部分显示省略号 white-space: nowrap; //文本不换行文本样式 text-decoration: none; //没有文本装饰 text-decoration: underline red; //红色下划线 text-decoration: underline wavy red; //
2021-04-13 14:42:47
110
原创 React笔记（随缘更新）
安装脚手架 创建项目npm install -g create-react-appcreate-react-app test运行项目cd test npm start运行效果图学习时间：学习产出：
2021-04-08 12:29:20
371
原创 JavaScript通过promise实现sleep方法
function sleep(num){ num = num*1000 return new Promise((resolve,reject) => { setTimeout(() => { resolve('a') },num) }).then((data) => { console.log(data); }) } sleep(1000)
2021-03-27 07:51:28
749
4
原创 JS各种循环的区别
map对数组中的每一项运行给定函数 返回每次函数调用的结果组成的数组forEach默认有传参 遍历的数组内容 对应的数组索引 数组本身 不能break continue return调用数组的每个元素 并将元素传递给回调函数。for of遍历的是valuefor in遍历出来的是属性reduce接收一个函数作为累加器 数组中的每个值（从左到右）开始缩减 最终计算为一个值filter创建新数组 新数组中的元素是通过遍历的数组中符合条件的元素 不会改变原数组every检测数组中的元素
2021-03-27 07:42:55
285
原创 关于JS的正则表达式
正则表达式用于定义一些字符串的规则计算机可以根据正则表达式来检测一个字符串是否符合规则或将字符串符合规则的内容提取出来创建正则表达式的对象语法： var 变量 = new RegExp(“正则表达式”,“匹配模式”);正则表达式的方法：test();使用这个方法可以用来检查一个字符串是否符合正则表达式的规则如果符合规则返回true 不符合返回false匹配模式传递一个匹配模式作为第二参数i 忽略大小写g 全局匹配模式<script> var reg = new Reg
2020-12-02 20:10:23
221
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人