0 Bwcx_lzp

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 31w+

vue项目中使用md5加密

话不多说,上代码~~下面代码的js文件放到了vue项目中的public文件夹下,如图因为用到了jQuery,同时需要引入jQuery文件,然后在index.html中,引入jQuery的js文件和这个md5文件,如下图/** * md5加密 * Example * $.md5("I'm xx.") * //5396d2b4439733936542a89be6ed8d6d * $.md5("I'm xx.", 16) * //439733936542a89

2020-10-17 16:36:32

vue项目中使用video标签(弹窗提示,更新播放进度),禁止video快进

// 定时器,定时弹窗提醒 tip() { this.tipShow = true this.$refs.videobox.pause() }, // 弹窗,确定继续 sure() { this.tipShow = false this.$refs.videobox.play() }, // 监听video播放事件 cPlay() { let that = this consol.

2020-09-18 11:19:38

vue动态设置div宽度,设置进度条

<div> <span class="tr">{{useHours}}</span> <span class="progress"> <span :style="{width: (useHours/hours ) *100 + '%'}"></span> </span> <span class="tr">{{hours}}</span> &l.

2020-09-15 18:25:49

前端在线预览文档(外网预览生效!)

每天收获一点点–文档预览(外网访问生效)https://view.officeapps.live.com/op/embed.aspx?src=地址https://view.officeapps.live.com/op/view.aspx?src=地址测试文档地址把上边的地址替换成文档地址即可https://www.sdndfy.cn/agriculture/contract/XS2020000016.docx...

2020-09-02 17:40:38

vue中使用了layui的form表单,,十分痛苦

因为年少无知,vue项目中用了layui下form表单,在数据双向绑定这块儿,很是尴尬,layui没有虚拟dom,数据双向绑定的时候出现了问题,数据可以渲染到视图上,可是视图变化的时候,拿不到数据,就是这样,看代码<div class="layui-form-item h38px"> <label class="layui-form-label pt12 pb12 pl15 pr0">所在校区:</label> <d

2020-08-26 22:14:02

防抖、节流

节流和防抖都是通过定时器来控制,如下防抖策略防抖策略,是当事件被触发后,延迟n秒后再执行回调,如果在这n秒内事件又被触发,则重新计时,类似于游戏中的英雄回城,延迟n秒后回城,期间被打断,要重新开始回城计时下面是个搜索框,输入内容,提示搜索建议的案例节流策略节流策略,就是减少一段时间内,事件的触发频率,节流就像控制水阀,把水流减小,从流水,变为滴水下面是图片随着鼠标移动而移动的案例...

2020-08-13 00:00:35

vuex中state和mutations的使用

vuex类似与全局变量(公共数据),是vue的一个插件vuex,提供组件之间共享数据的方案如何在vue项目中使用安装npm install vuex --save// 或者yarn add vuex单独准备文件夹store/index.js,或者直接store.js,然后如下import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ // 各种配置项

2020-08-12 08:04:56

vue中事件总线

在vue项目中,若A 和 B不是父子组件,那怎么进行组件之间的传值呢,除了用vuex保存一些全局数据之外,还可以通过事件总线的方法,在组件之间进行传递信息在main.js中,在vue的原型对象上加上个属性Vue.prototype.$eventBus = new Vue()// 原型对象上加上个属性$eventBus(自定义的名字,起什么都可),这样所有的vue实例中都可以调用这个属性了发布事件,通过$emit抛出事件,并携带参数this.$eventBus.$emit('事件名',参数

2020-08-02 23:33:52

vue路由跳转方式及路由跳转传参和获取参数

1.路由跳转方式// 1.声明式导航 <router-link to='/list'></router-link>// 2.编程式导航 this.$router.push('/list')2.路由跳转传参// 1.路径传参, 在跳转路径中 : /detail/:id /detail/:100 在跳转后的页面获取参数 this.$route.params.id// 2.查询传参,在跳转路径中 ? /detail?id=100 在跳转后的页面获取参数

2020-08-02 22:58:03

VueRouter, vue中配置路由,及路由守卫

vue中配置路由,并用路由守卫来监听路由跳转,判断是否需要身份验证,什么页面需要身份验证,什么页面不需要,需要的话在路由守卫中携带token信息import Vue from 'vue'import store from '@/store/index'import VueRouter from 'vue-router'import Login from '@/views/login' // /index.vue是可以省略的import LayoutIndex from '@/views/layou

2020-08-02 22:26:21

vue父子组件之间的传值

父子组件之间传值1.父传子(动态传值)第一步,在父组件中,通过v-bind把自己data中数据项绑定到自定义属性上<my-com :datamsg='msg'></my-com> 这是data中数据项msg第二步,在子组件内部,props接收自定义属性, props和data,methods等同级props['datamsg'] // 或者这样写props:{ datamsg:{ type:string, required:true

2020-08-02 21:58:50

vue中filter过滤器,computed计算属性,以及watch侦听器用法及区别

1.filter,过滤器// 在vue实例中filter:{过滤器名:function(value,其他参数){ // 对value进行处理,然后return返回处理后的结果 return ...}// 例filter: { myFilter(value) { // 对value进行处理,然后return返回处理后的结果 return ... }// 在视图中{{msg|myFilter}} // 把msg当做value参数进行处理,return返回处理的结果//-----

2020-08-02 17:32:54

sort()方法

mdn官网上这样写,sort() 方法用原地算法对数组的元素进行排序,并返回数组。默认排序顺序是在将元素转换为字符串,然后比较它们的UTF-16代码单元值序列时构建的在对数组进行排序时,按ascall编码进行排序要实现按数字大小进行排序,需要一个函数function sortNumber (a, b) { return a - b // 升序 // b - a 降序 }var arr = [3,2,5,1,4]arr.sort(sortNumber) // a-b 输出[ 1

2020-08-01 00:07:36

箭头函数

前两天有朋友提到箭头函数,今天总结一下箭头函数ES6 中允许使用箭头定义函数 (=> ),目的是简化函数的定义,并且里面的this也比较特殊。箭头函数的基本定义// 非箭头函数let fn = function (x) { return x * 2;}// 箭头函数,等同于上面的函数let fn = (x) => { return x * 2;}箭头函数的特点形参只有一个时,可以省略小括号let fn = (x) => { retu

2020-07-30 23:56:15

小程序中的事件委托

wxml中<view bindtap="parent"><view data-name="child1">child1</view><view data-name="child2">child2</view></view>js中 parent(e) { console.log(e) if(e.target.dataset.name == 'child1') { console.log('点击的是

2020-07-28 22:54:05

flex的使用(流式布局)

1.传统布局和flex布局比较的特点传统布局:兼容性好写起来比较复杂flex布局:兼容性不好,尤其ie9及以下不支持,但是webkit内核完全支持写起来就简单适用场景传统布局适用于:pc端flex布局适用于:移动端2.flex布局的原理、特点、进入语法名称:弹性盒、伸缩盒、弹性布局、伸缩布局 => flex布局原理:父项 : 给父项添加display:flex子项特点:元素不在分块级、行内块、行内元素3.父容器的属性设置注意

2020-07-26 23:37:26

数据库请求回来的时间与当前时间对比,显示不同的页面内容 vue

一行代码搞定<div class="btn" v-if="Date.parse(item.startExamTime) > new Date()">进入考试</div> <div class="btn disabled" v-else>进入考试</div>

2020-07-23 20:16:56

vue项目中使用layui数据表格模块中的一些问题

简单记录一下,在vue中使用layui数据表格,开发中的一些小问题表格行点击事件触发,执行函数,函数中需要修改vue中data的数据,复制了layui官网的代码(行点击事件),通过this.data中数据项,并不好使,这里需要注意this指向问题,把函数换为箭头函数即可 get_table() { layui.use(['table'], () => { layui.table.render({ elem: this.$refs.dataTable,

2020-07-20 18:09:48

CSS书写规范、顺序

推荐大家使用的CSS书写规范、顺序CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(animation, transition等)CSS书写规范使用CS.

2020-07-16 10:55:05

|| 和 &&的使用

|| (逻辑或) a || b如果a为true,就返回a,并且不会执行后边的b如果a为false, 执行b, 返回b的结果&& (逻辑并) a && b如果a为false,不管b是true还是false,都返回a(a为假了,就不往后走了)如果a为true,不管b是true还是false,都返回b(a为真了,就执行b)...

2020-07-15 13:45:45

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 阅读者勋章Lv2
    阅读者勋章Lv2
    授予在CSDN APP累计阅读博文达到7天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。