- 博客(38)
- 收藏
- 关注
RSS订阅转载 table滚动tbody
table tbody {display:block;height:500px;overflow-y:scroll;-webkit-overflow-scrolling: touch; // 为了滚动顺畅}table tbody::-webkit-scrollbar {display: none; // 隐藏滚动条}table thead, tbody tr {display:...
2019-07-09 10:16:15
1498
原创 click与blur的冲突
背景：输入框失去焦点要执行指定动作，输入框外面有提交按钮。问题：当需要去点击输入框外面的按钮时，先执行了blur事件再执行click事件，但同时，blur事件比click事件结束得慢。那么问题来了，怎么严格限定click事件比blur事件先执行呢？解决方案核心： e.preventDefault()—该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）事件执行顺序...
2019-04-29 17:09:41
750
原创 你不知道的js--this全面解析
this的绑定规则：1 默认绑定请思考一下以下代码：function foo(){ console.log(this.a)}var a= 2foo()代码的结果输出2，因为this绑定的是全局对象。2隐式绑定function foo() { console.log( this.a );}var obj = { a: 2, foo: foo }; ...
2019-03-22 12:30:42
412
原创 js--下载文件
一.a标签添加download属性实现下载 <a id="test" class="test" download="test.txt" href="./wife.png.zip">下载</a>最简单暴力的解决方法，但缺点也很明显。如果是图片或者txt等浏览器可以打开的文
2019-03-15 15:52:05
364
原创 css颜色渐变
background: -webkit-linear-gradient(to right,rgb(251, 242, 0), rgb(251, 218, 5)); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(to right,rgb(251, 242, 0), rgb(251, 218, 5)); /* Opera 11.1...
2019-03-12 10:28:15
468
原创 h5读取图片
<div> <input type="file" accept="image/*" multiple> <img id="preivew" /> </div>multiple可多选 function onFileChange (event) { const files
2019-03-11 17:56:21
1021
原创 你不知道的js第四章--提升
a = 2;var a; console.log( a );///2因为var会产生提升声明console.log( a ); var a = 2;undefine，原因同上foo(); // 3function foo() { console.log( 1 );}var foo = function() { console.log( 2 );};function fo...
2019-03-07 10:19:33
115
2
原创 你不知道的js第三章--函数作用域和块作用域
function foo() { function bar(a) { i = 3; // 修改for循环所属作用域中的i console.log( a + i ); } for (var i=0; i&lt;10; i++) { bar( i * 2 ); // 糟糕，无限循环了! } } //...
2019-03-06 18:08:46
107
原创 你不知道的js第二章--词法作用域
function foo(str, a) { eval( str ); // 欺骗! console.log( a, b ); console.log(a,b); }var b = 2;foo( &quot;var b = 3;&quot;, 1 ); // 1, 3function foo(str, a) { // eval( str ); // 欺骗! console...
2019-03-06 17:21:40
82
原创 你不知道的js第一章
function foo1(a) { console.log( a + b );}var b = 2; foo1( 2 ); // 4理解：在调用foo1（）之前已经全局声明了b。故在执行foo1（）时b已经声明过。猜想：js只有在调用函数时才会执行声明函数。...
2019-03-06 16:53:05
82
原创 mix-blend-mode实现图片模糊渐变
功能要求：先上效果图1.实现图片从清晰到模糊代码：HTML： <div class="headerBG"> <img src="https://img13.360buyimg.com/cms/jfs/t1/24324/23/2775/179927/5c2188e0E37d57889/4a706d3298ca14e0.jpg" alt="">...
2019-01-30 15:52:12
265
原创 清空界面数据
Object.assign(this.data,this.data, this.data,this.options.data())调用此命令就可以立马清空整个界面的数据
2019-01-25 11:46:07
893
原创 Vue子组件调用父组件的方法
父组件： <surePublic v-show="comfirePublic" @confirmPublic='confirmPublic' @cancel='cancel'></surePublic>子组件 public(){ this.$emit('confirmPublic') ...
2019-01-21 16:34:03
98
原创 express解决跨域post请求变成OPTIONS
在app.js中加入以下代码：代码如下：app.all(’’, function(req, res, next) {res.header(“Access-Control-Allow-Origin”, "");res.header(“Access-Control-Allow-Headers”, “X-Requested-With,Content-Type”);res.header(“Ac...
2019-01-09 14:53:51
4903
2
转载 js对数组的操作
js数组操作大全一.删除操作shift:删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefinedJavascript代码var a = [1,2,3,4,5];var b = a.shift(); //a:[2,3,4,5] b:1pop:删除原数组最后一项，并返回删除元素的值；如果数组为空则返回undefinedJavascript代码 收藏代码var...
2018-12-21 15:10:15
160
原创 vue数据双向绑定
Object.defineProperty(obj, prop, descriptor)核心函数，重新给对象定义属性，主要内容内容集中再重定义set跟get函数。 let data={name:'cen'} let value=data.name Object.defineProperty(data,'name',{ get:functi...
2018-12-17 18:37:31
117
原创 js解决异步地狱回调
一.promise略。。。。。二.generator * nextID(max){ var n=0; while(n&lt;max){ yield n; n++; } return } var f= this.nex...
2018-11-23 10:37:58
224
原创 for in与for of
var arr=[5,6,7,8] var obj={name:'wang',age:11,sex:'man'}; for(var y of arr){ console.log(y); } for(var x in arr){ console.lo...
2018-11-22 15:04:55
105
原创 0.1+0.2不等于0.3
开始，我们先了解一下十进制的小数如何转成二进制；转换方法为将十进制小数乘以2，取整数部分知道除完。下面以0.1为例子。0.1x2=0.2 00.2x2=0.4 00.4x2=0.8 00.8x2=1.6 10.6x2=1.2 1…由此看出0.1的二进制为无限循环。故，当0.1+0.2以二进制相加时，得出的结果为0.3000...
2018-11-22 10:02:30
882
原创 js的六大数据类型
一.数字number var test=123 console.log(typeof( test));///////number二.字符串string var test='test' console.log(typeof( test));////////string三.布尔值boolean var test=fal...
2018-11-22 09:44:42
134
原创 对《JAVAScript设计模式》的拜读总结——第一章
这是一本对自身水平阶段进行考核的书。也是一本提升自己的书。五星推荐！！！！第一章涉及内容不多。让我们一一消化。一.prototype原型prototype 属性使我们有能力向对象添加属性和方法。只属于函数的属性。二.将函数打包成对象类 var checkObject=function(){}; checkObject.prototype={ checkNa...
2018-11-10 16:37:51
76
原创 js更改css
设置cssTextelement.style.cssText = ‘height: 100px !important’;element.style.cssText += ‘height: 100px !important’;改变class 比如JQ的更改class相关方法因JS获取不到css的伪元素，所以可以通过改变伪元素父级的class来动态更改伪元素的样式element....
2018-11-09 16:39:39
173
原创 vue v-if与v-show的区别！！！
血淋淋的教训！！！！！！！！！！v-if是动态的向DOM树内添加或者删除DOM元素；v-show是通过设置DOM元素的display样式属性控制显隐；换句话说，v-show隐藏掉的组件还是会被渲染！！！...
2018-11-09 10:08:12
142
原创 js写一个简单的倒计时
一. 首先，我们要了解一下js对时间的基础处理函数函数名 功能getYear() 获取四位数的年份getMonth() 获取2位数的月数, 这个是从 0 开始的 , 注意 不是从1 开始的!!!getDate() 获取2位数的日 数, 也是从1 开始的getDay() 获取表示 星期的数字, 注意星期天返回的是0, …getHours() 获取小时数…getMinites() …g...
2018-11-06 13:38:18
271
1
原创 字符串与数组之间的互相转换
将对象或者数组或者对象数组转换成字符串------JSON.stringify let obj= {name:'ming',age:18} console.log(JSON.stringify(obj)); let obj= [{name:'ming',age:18},{name:'wang',age:19}] console.log(JSON.st...
2018-11-01 09:50:18
342
转载 vue中图片放置问题
assets：在项目编译的过程中会被webpack处理解析为模块依赖，只支持相对路径的形式，如< img src=”./logo.png”>和background:url(./logo.png),”./logo.png”是相对资源路径，将有webpack解析为模块依赖static：在这个目录下文件不会被webpack处理,简单就是说存放第三方文件的地方，不会被webpack解析。他会...
2018-10-18 17:41:22
1527
原创 防止点击事件冒泡
当div重叠时，防止点击事件渗透造成的点击事件冒泡执行。在重叠的外城div上添加click事件，代码如下： stopProp(){ event.stopPropagation(); },...
2018-10-18 16:40:22
738
原创 Vue中通过URL传参
本文采用的为使用query;传参： this.$router.push({ path: '/urlpass', query: { id: 'a' } })取值：this.$route.query.id;
2018-10-18 15:13:59
467
原创 CSS对文本处理
一.使用ellipsis实现省略号表示超出文本div{ overflow: hidden; text-overflow: ellipsis; }二.让文本显示两行div{ display: -webkit-box; -webkit-line-clamp: 2; word-break: break-word; -webkit-bo...
2018-10-11 09:15:28
157
原创 理解display：block，inline，inline-block
举个典型的例子： span的默认为dispaly:inline,无法改变宽跟，但可以在一行显示。 div为block，可以赋值宽跟高，但默认情况下会自动换到下一行显示。 display：inline-block如上名字一样，既可以改变宽高又可以一行显示。...
2018-10-10 17:42:16
115
原创 使用伪类实现划掉字体
有时我们需要实现类似电商秒杀的样式，如：有很多方法可以实现，这里使用的是使用伪类来实现：注意！！！！在使用伪类时记得需要先给组件定义position，如果没有定义，那么伪类的位置将会混乱。...
2018-10-10 17:16:48
2068
原创 setInterval的使用
setInterval的使用方法与setTimeout有很大的相识，使用语法一样，为：注意！！！setInterval与setTimeout的不同在于，但setInterval启动之后，当我们要跳转到别的页面时，我们需要手动停止。停止的方法入上面代码所示使用clearInterval。在setInerval的函数体内进行判断是否停止循环。...
2018-10-10 17:02:53
739
原创 解决子组件漂浮引起的父组件没有被撑高
在子组件中使用float：left/right时，子组件就产生了浮动，此时就无法撑高没有浮动的父组件。 解决方法： 在父组件中加入类clearfix，clearfix的样式为： .clearfix{ zoom: 1; } .clearfix:after{ clear:both; display:b...
2018-10-10 16:46:29
796
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人