- 博客(16)
- 资源 (2)
- 收藏
- 关注
原创 jquery的cookie插件进行封装
cookie概念客户端的会话跟踪技术cookie属性path: 设置cookie路径expires: 设置cookie过期时间domain: 设置cookie所在域名cookie的方法addCookie(): 添加cookiegetCookie(): 获取cookiedelCookie():删除cookiecookie封装;(function($, w) { //添加j...
2020-01-26 19:27:21 178
原创 js 控制按钮在倒计时时间内不可操作
html中layui<div class="layui-inline"> <a class="layui-btn layui-btn-normal searchBtn layui-bg-green" id="searchBtn">搜索</a></div>js操作$('#searchBtn').on('click', func...
2020-01-23 16:56:37 982
原创 3.vue过滤器
过滤器概念Vue.js允许你自定义过滤器,可被用作一些常见的文本格式化,过滤器可以用在两个地方:mustache 插值和 v-bind 表达式过滤器应该被添加在JavaScript表达式的尾部,由“管道”符指示过滤器中的 function,第一个参数是管道符前面 传递过来的数据过滤器调用时候的格式:{{value| 过滤器的名称}}全局过滤器Vue.filter(‘过滤器的名称’,f...
2020-01-19 10:35:14 284
原创 es6中箭头函数总结
1.箭头函数绑定父上下文☆☆☆☆☆如vue中,不要在实例属性或者回调函数中(如 vm.$watch(‘a’, newVal => this.myMethod()))使用箭头函数。
2020-01-17 17:36:32 95
原创 2.vue组件与组件间传值
1.组件注册1.1全局组件注册 Vue.component('child', { // 声明 props props: ['message'], // 就像 data 一样,prop 可以用在模板内 // 同样也可以在 vm 实例中像 “this.message” 这样使用 template: '<span>{{ message }}</span>' ...
2020-01-17 14:54:11 120
原创 1.vue指令
1. 指令【以下内容参照官网】1.1v-if因为 v-if 是一个指令,需要将它添加到一个元素上。但是如果我们想切换多个元素呢?此时我们可以把一个 元素当做包装元素,并在上面使用 v-if,最终的渲染结果不会包含它。 1.<template v-if="ok"> 2.<h1>Title</h1> 3.<p>Paragraph 1<...
2020-01-17 14:15:19 82
原创 JS数据类型
JS数据类型js中的数据类型有undefined,boolean,number,string,object等5种,前4种为原始类型,第5种为引用类型。案例var a1;var a2 = true;var a3 = 1;var a4 = “Hello”;var a5 = new Object();var a6 = null;var a7 = NaN;var a8 = undefi...
2020-01-17 11:44:13 58
原创 jQuery扩展方法extend
含义jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。注意:如果只为$.extend()指定了一个参数,则意味着参数target被省略。此时,target就是jQuery对象本身。通过这种方式,我们可以为全局对象jQuery添加新的函数。如果多个对象具有相同的属性,则后者会覆盖前者的属性值。 var settings = { validate: false...
2020-01-17 10:59:00 114
原创 原生Promise对象
Promise对象串联Promise对象可以串联起来,所以上述代码可以简化为: new Promise(test).then(function (result) { console.log('成功:' + result); }).catch(function (reason) { console.log('失败:' + reason); });使用场景【串行】Pr...
2020-01-17 10:53:28 138
原创 jQuery的deferred延时对象
1.作用deferred对象是一个延迟对象,意思是函数延迟到某个点才开始执行,改变执行状态的方法有两个(成功:resolve和失败:reject),分别对应两种执行回调(成功回调函数:done和失败回调函数fail)2.$.when()【文字转载于菜鸟教程】 deferred1.html在多个延迟对象传递给jQuery.when() 的情况下,该方法返回一个新的"宿主"延迟对象,当所有的...
2020-01-16 18:04:15 177
原创 JS实现继承
1.作用:改变this指向2.使用A.父子类的继承<html><head></head><body> <script type="text/javascript"> // 定义父类 function Parent(name) { this.name = name; this.sayName = func...
2020-01-16 17:28:14 70
原创 浮动
1.清除浮动方式一clear:both clearFloat.html<html><head><style type="text/css"> .div1{border:1px solid red} .div2{border:1px solid red;height:100px;margin-top:10px} .left...
2020-01-16 17:11:56 99
原创 树形图【处理树形结构数据】
1. 树形图<html><head> </head><body> <script> var data = [ {"id":2,"name":"第一级1","pid":0}, {"id":3,"name":"第二级1","pid":2}, {"id":5,"name":"第三级1","pid"...
2020-01-16 16:18:58 549
原创 flex弹性盒布局
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="font-family/img/iconfont.css"/> <...
2020-01-16 15:49:35 110
原创 mock模拟后端数据
1.正则匹配路径Mock.mock(RegExp('/Api/EnterpriseQq/Manage/UsageRecord' + '.*'), 'get', function (option) { console.log(option); //获得?之后的参数 var querys = option.url.split('?')[1]; // var keys=[]; // var ...
2020-01-16 15:36:54 840
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人