Vue
Scholar ?
这个作者很懒,什么都没留下…
展开
-
自定义指令-拖拽(学者说)
vue - 自定义指令 -拖拽directives: { go: { inserted(el) { //给el设置绝对定位 el.style.position = 'absolute' //给el添加鼠标按下的事件 el.onmousedown = function (event) { //用视口的位置减去相对于父元素的位置得到一个距离差 var sx = event.clientX - el.offsetLeft原创 2021-01-18 20:44:42 · 96 阅读 · 0 评论 -
时间戳的转换(学者说)
时间戳首先在编辑器安装插件A-super-comprehensive插件在转变时间得页面定义一个filters例子要和钩子函数他们平级mounted() {},filters: {}//转换时间filters: { time(curTime) { var nd = new Date(curTime * 1000); var y = nd.getFullYear(); var mm = nd.getMonth() + 1; var d = nd.getDate();原创 2021-01-18 20:34:38 · 83 阅读 · 0 评论 -
节流函数 (学者说)
节流函数 定义 规定在一个单位时间内,只能触发一次函数,如果这个单位时间内触发多次函数,只有一次生效; 典型的案例就是鼠标不断点击触发,规定在n秒内多次点击只有一次生效。 实现原理 原理是用时间戳来判断是否已到回调该执行时间,记录上次执行的时间戳,然后每次触发 scroll 事件执行回调,回调中判断当前时间戳距离上次执行时间戳的间隔是否已经到达 规定时间段,如果是,则执行,并更新上次执行的时间戳。 应用场景 拖拽:固定时间内只执行一次,防止超高频次触发位置变缩放:监控浏览器resiz原创 2021-01-18 14:52:01 · 361 阅读 · 0 评论 -
防抖函数 (学者说)
防抖函数 防抖 的目的是为了减少不必要的计算,不浪费资源,只在适合的时候再进行触发计算。 定义 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时;典型的案例就是输入搜索:输入结束后n秒才进行搜索请求,n秒内又输入的内容,就重新计时。 实现原理 函数防抖的基本思想是设置一个定时器,在指定时间间隔内运行代码时清除上一次的定时器,并设置另一个定时器,直到函数请求停止并超过时间间隔才会执行。 使用场景搜索:每输入一个字符就会执行一次,这就可以使用防抖。 vue中防抖的演原创 2021-01-18 12:04:51 · 189 阅读 · 0 评论 -
vue项目开发流程(学者说)
超级详细的开发项目的流程前言: 拿到一个项目任务首先了解是一个什么样的项目,项目开发中有没有什么外部的文件(css, js, json,icon)等需要配合完成项目的开发,确认开发的项目方向从而确定是否需要搭配那些依赖的配合开发以及合适的组件库的安装以及引入(Element-ui 、Vant-ui 、Mint UI 、Bootstrap Vue)等,达到不论从用户使用中的视觉体感以及编程开发中的编程思路清晰明了。项目开发前我们进行如下操作第一步 (安装vue脚手架 ---- npm install原创 2021-01-04 18:19:41 · 194 阅读 · 1 评论 -
Vant-ui 按需引入(读者说)
Vant-ui 按需引入前言: babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式。第一步 安装插件 npm i babel-plugin-import -D第二步 创建.babel.config.js文件*module.exports = { plugins: [ ['import', { libraryName: 'vant', libr原创 2020-12-29 09:33:10 · 128 阅读 · 0 评论 -
scss混合”mixins“使用(学者说)
Vue中scss混合(mixins)使用前言:使用混合mixins中的变量来定义一个n行文本溢出隐藏的公共样式第一步(创建mixins.scss文件)建议可以将其创建在src目录下的assets(项目中的静态文件目录)下,创建css公共样式目录里创建文件mixin.scss //$clamp 是变量,可以自定义最多显示几行文本 @mixin ellipsisBasic($clamp:1) { overflow: hidden; te原创 2020-12-29 09:30:52 · 548 阅读 · 0 评论