- 博客(17)
- 收藏
- 关注
RSS订阅原创 使用vite搭建一个vue3项目（vite vue3 ts scss vuex vue-router element-plus axios）
从零搭建一个vue3项目（vite veu3 ts scss vuex vue-router element-plus axios），包含vue3 API的自动导入，element-plus按需自动导入，vite环境变量，路径别名，代理服务器等
2022-07-22 13:47:16
1244
原创 js中this指向详解
js中this指向详解文章目录js中this指向详解1.理解`this`1.1.为什么使用`this`1.2. `this`指向什么2. `this`绑定规则2.1. 默认绑定2.2. 隐式绑定2.3. 显式绑定2.3.1. `call`、`apply`2.3.2. `bind`函数2.3.3. 内置函数2.4. `new`绑定2.5. 规则优先级3. `this`规则之外3.1. 忽略显式绑定3.2. 间接函数引用3.3. ES6箭头函数4. `this`测试题4.1. 测试题一：4.2. 测试题二：4
2022-03-28 11:47:11
1885
1
翻译 10个Web API
10个鲜为人知但很有用的Web APILesser Known but Useful Web APIs文章目录10个鲜为人知但很有用的Web APIFullscreenClipboardResize ObserverImage CaptureBroadcast ChannelperformanceBattery StatusNetwork InformationNavigator.vibrateBlueToothFullscreen对指定元素进行全屏展示<div className="wra
2022-02-08 14:10:31
469
转载 CSS-content
CSS中的content属性文章目录CSS中的content属性常见用法定义字体图标无内容提示面包屑分隔符加载动画插入图片attr属性内容生成半边特效文字引号添加章节数计算checkbox选中数总结常见用法/* 清除浮动 */.clearfix::after { content:""; display: block; clear:both; }/* 伪元素制作三角形 */.triangle::after { position: absolute; con
2021-12-30 18:18:23
207
原创 Promise基本用法 20211130
promise 是一个拥有 then 方法的对象或函数，其行为符合本规范；then 方法接受两个参数 onFulfilled, onRejected 。前者是成功的回调，后者是失败的回调。如果Promise里面执行的是resolve进入onFulfilled，执行reject进入onRejected。new Promise((reslove, reject) => { console.log(1111); setTimeout(() => {
2021-11-30 16:56:56
549
原创 细说 call、apply 以及 bind 的区别和用法 20211031
文章目录call 和 apply 的共同点共同点call 和 apply 的不同点call的写法apply 的写法类数组call 和 apply 的用途callapplybind 的使用最后call、apply 最主要的作用，是改变 this 的指向。在平时的工作中，除了在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。不过，突然遇到的时候，需要想一下才能转过弯来。所以这次好好地探究并记录一下，这两个方法的区别以及一些妙用。最后，还有与之用法相似的
2021-10-31 17:50:19
321
原创 js检测屏幕的方法总结 2021-10-05
navigator.userAgent最简单的方法就是分析浏览器的 user agent 字符串，它包含了设备信息。通过判断是否包含Mobi、Android、iPhone等关键字，就可以认定是移动设备。if (/Mobi|Android|iPhone/i.test(navigator.userAgent)) { // 当前设备是移动设备}// 另一种写法if ( navigator.userAgent.match(/Mobi/i) || navigator.userAgent.mat
2021-10-08 12:00:12
1229
原创 el-checkbox中的checked勾选状态问题 2021-08-02
碰到的问题今天用elment-ui时碰到了一个坑，记录一下：项目中有一个页面是带批量下载功能的，需要点击批量操作才会出现全选按钮和item中的多选框，但是直接用v-if没有过渡效果感觉很生硬。于是自己写了一个css过渡效果，把全选按钮隐藏在批量操作按钮下方，点击批量操作后，从按钮的右侧移出<!-- 点击切换操作和取消操作，取消操作后清空已选列表 --><el-button @click="isBatch=!isBatch;!isBatch&&checkedList.
2021-08-02 13:51:11
7281
翻译 html tips 2021-06-21
HTML tipsfrom Marko DenicHTML (超文本标记语言) 是设计用于在 Web 浏览器中显示的文档的标准标记语言。它可以借助层CSS (叠样式表) 等技术和 JavaScript 等脚本语言来辅助。loading="lazy" 属性性能提示。您可以使用该loading=lazy属性来推迟图像的加载，直到用户滚动到它们为止。<img src='image.jpg' loading='lazy' alt='Alternative Text'>电子邮件、电话和短信
2021-06-30 13:15:01
232
原创 js中 ?. 、?? 、??= 的用法和含义 2021-06-25
js中?.、??、??=的用法和含义文章目录js中`?.`、`??`、`??=`的用法和含义可选链(?.)空值合并运算符(??)空值赋值运算符(??=)在项目中我们往往要做很多很多的空值判断进行容错处理，往往伴随着三目运算、与或、if else来使用，不仅要写很多冗余的代码，后期维护起来也是满屏的if else可以说是非常的痛苦了。今天分享几个处理空值简单的方法，希望可以解决大家的一些问题。可选链(?.)如果一个值为null、或者是undefined。那么我们再去用点操作符去调用一个方法或者访问一个
2021-06-25 16:09:15
1525
1
原创 箭头函数详解 2021-04-30
箭头函数详解文章目录箭头函数详解1.基础语法2. 箭头函数基本特点(1). 箭头函数this为父作用域的this，不是调用时的this(2). 箭头函数不能作为构造函数，不能使用new(3). 箭头函数没有arguments，caller，callee(4). 箭头函数通过call和apply调用，不会改变this指向，只会传入参数(5). 箭头函数没有原型属性(6). 箭头函数不能作为Generator函数，不能使用yield关键字(7). 箭头函数返回对象时，要加一个小括号(8). 箭头函数在ES6
2021-05-27 14:57:37
1366
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人