- 博客(14)
- 收藏
- 关注
RSS订阅原创 【10种比较优雅的javaScript的写法】
使用at(-1)获取数组中位置最后的一个元素例如：const arr = [1, 2, 2, 4, 4, 5, 6, 6]console.log(arr.at(-1)) // 倒数第一个值console.log(arr.at(-2)) // 倒数第二个值console.log(arr.at(0)) // 正数第一个console.log(arr.at(1)) // 正数第二个。
2023-02-27 11:33:21
400
原创 表格边框实现渐变效果
border-image-repeat 裁切后图片的填充方式，可选stretch/repeat/round,分别为拉伸，重复，平铺，默认值为stretch,顺序为：上下，左右。border-image-slice 图片的裁切方式，4个参数可以是像素值，也可以是百分比。顺序为上，右，下，左。border-image-width 边框的宽度， 顺序为上，右，下，左。border-image-outset 边框偏移基准位置的像素值，默认为0，
2022-12-13 14:22:44
401
原创 ES6 class类的写法和使用
用来声明一个仅供当前类或者当前类的子类使用的方法，可以引用父类已经定义好的变量和方法，通过子类。*原型链的方法来使用父类的方法。
2022-11-08 15:40:41
190
原创 关于el-table添加fixed或fixed=“right“无横向滚动条的解决方法
需要加上浏览器兼容写法webkit，当然也可以对滚动条的样式加以修改，让你的滚动条样式更加美观！
2022-11-07 16:34:21
2031
原创 el-table表格实现自动滚动效果
table页面的内容如果超出设定的height会出现自动无限滚动的效果，如下所示：先给el-table一个ref属性 然后获取到这个属性 在mounted阶段执行scrollFun函数，通过setTnterval定时器来实现动态滚动效果，代码如下：如果出现列表字段过长时，可使用tooltip-effect=“dark” 搭配 show-overflow-tooltip 来实现省略提示效果
2022-11-01 08:59:39
6140
3
原创 JS工作常用方法及说明
以下列出了JS常用的方法，方便开发中回顾复习：join 数组转字符串split 字符串转数组push 向数组末尾添加一个或者多个元素，并返回新的长度pop 删除数组的最后一个元素，把数组的长度减1，并且返回它被删除元素的至，如果数据边为空，则该方法不改变数组，返回undefined值shift 删除数组第一个元素，并返回该元素的值，此方法更改数组的长度unshift 是向数组的开头添加一个或多个元素，并且返回新的长度reverse 将数组中元素的位置天道，并返回该数组，该方法会改变原数组so
2020-08-28 11:32:53
219
原创 使用keep-alive动态实现页面缓存
假设有A，B，C三个页面，实现离开B页面进入C页面，缓存B页面数据(keepAlive: true)；离开B页面进入A页面，不缓存B页面数据(keepAlive: false);前置背景：keep-alive组件实现路由元信息内添加特定字段如：keepAliveconst router = new VueRouter({ routes: [ { path: '/foo', component: Foo, children: [ {
2020-08-27 17:35:37
857
原创 git常用指令和说明
function theFetch(method, url, data = {}, timeout = 5000) { let payload = null; let query = ''; if (method === 'GET') { }}
2020-08-27 10:42:50
156
原创 slice()、substr()、substring()方法详解与区分
slice()、substr()、substring()方法相似点：功能：都是截取字符串，并且都返回一个新的字符串参数：都支持接受两个参数，第一个参数都是代表截取的开始位置。第二个参数除了 substr() ，其他两个 slice() 和 substring() 都是代表截取的结束位置都只接收一个参数的情况下，都是从起始位置一致截取到末尾不同点:slice()let str = '12345';let sli1 = str.slice(-3, 4); // '34'let sli1
2020-08-24 16:54:57
707
原创 关于vue的rem布局及引入post2rem无法将px转换成rem问题的解决方法
vue中rem布局方法一 : 自己封装1. 在vue项目文件夹assets新建js目录中rem.js，写入如下代码function setRem () { const html = document.querySelector('html') const width = document.documentElement.clientWidth html.style.fontSi...
2020-03-27 21:57:33
1794
2
原创 eslint常见报错提示及修改方法
eslint常见错误解决error Unnecessarily quoted property '145' found quote-props表示 key没必要加引号Object properties must go on a new line if they aren't all on the same line提示语法错误, 如果对象属性并非都位于同一行上，则它们必须位于新行上e...
2020-03-26 20:07:06
3360
原创 vuex的使用及相关注意事项及vuex项目持久化的实现
状态管理Vuex的相关知识一. 状态管理 Vuex1.Vuex使用2. 注意3. vue chrome devtools二. vuex在项目中的使用三. vuex持久化一. 状态管理 Vuex1.Vuex使用Vuex是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化.(1)state:单一状态树 ...
2020-02-29 15:49:43
416
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人