前端
渴望叮当猫的鱼
这个作者很懒,什么都没留下…
展开
-
自定义element日历控件,出现浮框跟随鼠标移动
HTML: <divclass="Content"> <divclass="headerTitle"> <divclass="line-left"></div> <pclass="title-airhover">空气质量日历</p><pclass="title-iconl">(</p> ...原创 2020-10-16 16:52:26 · 1352 阅读 · 0 评论 -
vue style-resources-loader设置全局样式
前言:有时我们往往需要一些全局样式,但用@import导入未免麻烦,这时我们可以使用vue插件style-resources-loader; 使用步骤:1.npm安装:npm i style-resources-loader(注意需提前安装less、less-loader) 2.npm安装:npm i安装 vue-cli-plugin-style-resources-loader 3.在vue.config.js中使用: ...原创 2020-10-16 16:36:06 · 1785 阅读 · 0 评论 -
简单轮播图
html: <div class="all" id='all'> <div class="screen"> <ul> <li><img src="images/1.jpg" width="500" height="200" /></li> <li><img src="images/2.jpg" width="500" height="200" /></li> <li><i原创 2020-07-13 22:44:31 · 170 阅读 · 0 评论 -
Vuex数据的长久保存数据
1.因为Vuex里的数据是保存在内存中的,这就面临一个问题:页面一刷新,内存就清空,导致当前页面恢复到原来的样子。 那么怎么让数据长久的保存呢?我们可以把数据保存在localstorage中,手动保存localstorage太过复杂,我们可以借用插件 vuex-persistedstate。 2.vuex-persistedstate安装: npm install --savavuex-persistedstate 3.在vuex的index.js文件中导入此插件。 4.在vuex实例中写入:p.原创 2020-06-28 18:41:43 · 2441 阅读 · 0 评论 -
封装的自定义指令v-swiper
Vue.directive("swiper",{ inserted(el,binding,vnode){ //代表最后一个元素插入完毕了,再进行一次实例化操作就行了 if(binding.value.current===binding.value.length-1){ new Swiper("."+binding.value.swiper,{//默认swiper执行3次,因为插入了3个swiper-slide的真实dom...原创 2020-06-28 17:53:51 · 1587 阅读 · 0 评论 -
js闭包
1.闭包的三个条件 (1)函数内嵌套函数,外部函数直接或间接返回内部函数 (2)内部函数可以引用外部函数的参数或变量 (3)形成一个不会被销毁的函数空间,也就是说参数和变量不会垃圾回收机制回收 2.什么是闭包空间 满足了以上三个条件,我们就管外部函数的执行空间叫做闭包空间,把返回的内部函数叫做外部函数的闭包函数 3.闭包的特点 优点: (1)延长了变量的生命周期 (2)可以访问函数内部的私有变...原创 2020-02-24 22:00:00 · 963 阅读 · 0 评论