- 博客(12)
- 收藏
- 关注
RSS订阅原创 好看的滑轮滚动效果
浏览器默认的滑轮效果element的滑轮效果对比浏览器默认的滑轮效果：直接显示滑轮；样式不大好看element的滑轮效果：默认不显示，hover显示；样式好看一些如是想一直显示- $(’.el-scrollbar__bar’).css(‘opacity’, ‘1’);element滑轮效果使用方法简单应用el-scrollbar组件-没有在文档中说明，想用时需要去官方github上看源码使用（使用方法：用父容器包裹且必须设置固定高度）效果图进一步效果升级效果图
2020-12-28 15:01:00
391
2
原创 vue页面刷新方法
provide / inject组合介绍provider/inject：简单的来说就是在父组件中通过provider来提供变量，然后在子组件中通过inject来注入变量需要注意的是这里不论子组件有多深，只要调用了inject那么就可以注入provider中的数据。而不是局限于只能从当前父组件的prop属性来获取数据。好处：无视觉刷新，无白屏，用户体验好。使用App.vue文件需要刷新操作的组件需要刷新调用方法即可...
2020-12-28 14:32:42
171
原创 element组件点击复选框不选中问题
element组件点击复选框不选中问题问题复现代码呈现问题原因计算属性以上用法属于get，不能直接修改，计算属性想要修改需要使用set方法。以上点击复选框后看似值变了，实质复选框绑定未被修改，所以复选框不能选中。自己的理解——计算属性是一个虚拟值，依赖data里的值改变，当data里的值变了，计算属性就会执行。解决方式filter字段在data里定义，watch里修改1、data里定义2、watch里改变总结element复选框组件绑定的值只能在data中定义...
2020-12-28 12:02:26
3456
原创 纯html应用typescript
安装 TypeScriptTypeScript 的命令行工具安装方法如下：npm install -g typescript以上命令会在全局环境下安装 tsc 命令，安装完成之后，我们就可以在任何地方执行 tsc 命令了。编译一个 TypeScript 文件很简单：tsc hello.ts构建你的第一个TypeScript文件在编辑器，将下面的代码输入到greeter.ts文件里：function greeter(person) { return "Hello, " + pers
2020-09-05 11:50:52
4290
原创 vue2安装typescript
vue2安装typescript安装方式第一步：安装依赖npm install typescript awesome-typescript-loader@3.5.0 --save-dev第二步：在项目根目录下 新建立一个 tsconfig.js文件module.exports = { 'compilerOptions':{ 'module':'commonjs',//编译的代码采用的模块规范 'target':'es5',// 编译出的代码采用es的那个版本， 'sourceMap
2020-09-04 18:02:22
1342
原创 快速点击，多次请求同一接口，怎样让结果渲染为最后一次请求的结果
如果多次点击请求同一接口，因为请求是异步的，可能会导致结果最后渲染为上一次搜索的结果，那么如何避免这种情况呢？第一步：定义一个字段numdata() { return { num: 0 };}第二步：请求接口事件里this.num ++;let a = this.num;然后在接口返回后判断num与a是否相等，若相等，说明是最后一次请求，则进行数据处理。async getKeywordEmit(val, clear,platform){ this.n
2020-06-24 17:08:03
3820
7
原创 vue里引用less，并且less单独成一个文件引入
vue里引用less有好几种用法，有引入后在vue文件里style标签里的写法，也有module的写法。本文讲的是module的写法，其本质就是css module，并且将less文件单独成一个文件引入。安装 less 与依赖npm install less less-loader --save-dev配置在webpack.base.conf.js中，配置const ExtractTextPlugin = require("extract-text-webpack-plugin");const
2020-06-22 16:21:09
1862
原创 数字格式转换
1 转换成三位一个逗号格式参数意义： num为1111111格式的数字，length=3表示3位一个逗号。Vue.prototype.getFData1000 = (num, length = 3) => { num = String(num).split('.') num[0] = num[0].replace(new RegExp('(\\d)(?=(\\d{' + length + '})+$)', 'ig'), '$1,') return num.join('.')}2
2020-06-20 15:36:43
374
原创 日期格式互相转换
1. 10位时间戳 转换成 2020-11-11Vue.prototype.timestampToTime = function(timestamp){ var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear(); var M = (date.getMonth() + 1 < 10 ? "0" + (date.g
2020-06-20 15:28:49
614
原创 图片加载优化之懒加载和webp
一、懒加载1.什么是懒加载？懒加载也就是延迟加载。当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。2.为什么要使用懒加载？很多页面，内容很丰富，页面很长，图片较多。比如说各种商城页面。这些页面图片数量多，而且比较大，少说百来K，多则上兆。要是页面载入就一次性加载完毕。估计大家都会等到黄花变成黄花菜了。3.懒加载的原理是
2020-06-20 15:25:02
962
原创 Vue之在$notify中添加样式和事件
Vue之在$notify中添加样式和事件将dangerouslyUseHTMLString设置为true，就可以添加html代码，从而设置样式。this.$notify({ dangerouslyUseHTMLString: true, message:'Add in <span style="font-style: normal;color: #17e1e1;text-decoration: underline;cursor: pointer;" id="messageTrack">M
2020-06-20 11:12:57
4452
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人