2018年01月_yakunyang（2016）

原创好用的计算属性clac

计算属性很好用 *{ margin: 0; padding: 0; } body,html{ width:100%; height: 100%; } .my-head{ background-color: red; height: 50px; } .my-foo

2018-01-26 10:23:28 256

原创行内js与j区别和转化

原生与jq 点击我 // 方法一，标准的jq写法 // $(function(){ // $(".myH1").click(function(event){ // console.log(this);//点击我 // console.log(this.title);//我是

2018-01-26 10:01:44 620

原创行内js与jq之区别和转化

原生与jq 点击我 // 方法一，标准的jq写法 // $(function(){ // $(".myH1").click(function(event){ // console.log(this);//点击我 // console.log(this.title);//我是

2018-01-26 09:59:03 433

原创 checkbox选中背景色改变（checkbox美化）

纯CSS3实现自定义美化复选框和单选框在线演示.my-check-.my-check-label{display: inline;}.regular-checkbox {display: none;}.regular-checkbox + .my-check-label {background-color: #fafafa;border:

2018-01-24 20:21:25 20602

原创双飞翼布局

双飞翼布局*{margin:0;padding: 0;margin:0;}.left, .right, .center{ float: left; min-height: 130px; } .left{ margin-left: -100%; wid

2018-01-24 20:09:48 106

原创圣杯布局

圣杯布局*{margin:0;padding:0;}.father{ padding:0 220px 0 200px; overflow: hidden; }.center,.left,.right{position: relative;float: left;min-height:500px;}

2018-01-24 19:45:10 111

原创自适应布局等高布局

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">*{margin: 0;padding: 0;}#content{overflow:h...

2018-01-20 17:37:01 123

原创三个盒子自适应高度

Document*{margin: 0;padding: 0;}#content{overflow:hidden;}.left{width:200px; margin-bottom:-3000px; padding-bottom:3000px; background:#cad5eb; float:left;}.right{width:400px; margin-bo

2018-01-20 17:33:58 812

原创盒子水平居中，旋转居中

标题*{margin: 0;padding-top:0;}.box1{ width:400px; height:400px; background-color: blue;}.box2{width: 200px;background-color: red;}.father{position: relative;top:0;

2018-01-19 19:11:47 254

原创盒子垂直水平居中之，定位

标题*{margin: 0;padding-top:0;}.box1{ width:400px; height:400px; background-color: pink;}.box2{background-color: red;width: 200px;background-color: red;}.father{

2018-01-19 19:06:46 117

原创盒子水平垂直居中之 flex

标题*{margin: 0;padding-top:0;}.box1{ width:400px; height:400px; background-color: pink;}.box2{background-color: red;width: 200px;background-color: red;}.father{dis

2018-01-19 19:02:06 823

原创溢出盒子显示省略号

标题*{margin: 0;padding-top:0;}.fff{ width:200px; height:200px; background-color: red;}.son{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;o

2018-01-19 18:52:14 424

原创 es6字符串和箭头函数es6转es5

includes()：返回布尔值，表示是否找到了参数字符串。startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部这三个方法都支持第二个参数，表示开始搜索的位置。repeat方法返回一个新字符串，表示将原字符串重复n次。

2018-01-15 16:12:48 785

原创 let 与typeof

typeof x; // ReferenceErrorlet x“暂时性死区”也意味着typeof不再是一个百分之百安全的操作。typeof x; // ReferenceErrorlet x;上面代码中，变量x使用let命令声明，所以在声明之前，都属于x的“死区”，只要用到该变量就会报错。因此，typeof运行时就会抛出一个ReferenceError。作为比较，如果一个变量根本没有被声明

2018-01-15 15:41:11 440

原创 js 事件捕获和冒泡

ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。var tmp = 123;if (true) { tmp = 'abc'; // ReferenceError let tmp;}不存声明头提升的问题

2018-01-15 15:38:51 193

原创 javascript的深复制和浅复制（深度拷贝和浅拷贝）

js深度复制浅显复制js的深复制和浅复制深复制和浅复制最根本的区别在于是否是真正获取了一个对象的复制实体，而不是引用，1）深复制在计算机中开辟了一块内存地址用于存放复制的对象，　　2）而浅复制仅仅是指向被复制的内存地址，如果原地址中对象被改变了，那么浅复制出来的对象也会相应改变因为浅复制只会将对象的各个属性进行依次复制，并不会进行递归复制，而 JavaScript 存储

2018-01-13 17:40:09 1359

转载 vue 的带着参数跳转转载（http://blog.csdn.net/wy01272454/article/details/77869442?locationNum=7&fps=1）

http://blog.csdn.net/wy01272454/article/details/77869442?locationNum=7&fps=1

2018-01-13 09:47:04 443

原创下载图片呢到本地（兼容ie）

http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"> 调用浏览器下载功能（兼容各主流浏览器）

2018-01-13 09:45:51 1642

原创限定textarae 字数；Jq；keypress；change；keyup；keydown

var lock = true; //上锁，当文字超出的时候，锁门；不不允许传输数据；$("#taContent").keypress(function(){ var a = $(this).val().length; if(a >3){ //var num=$("#taContent").v

2018-01-13 09:45:02 368

原创全能的jq选中你想要的元素

$("#partnerId option[businessType='0']").attr("selected", true);

2018-01-13 09:43:34 215

原创 js 执行上下文作用域执行栈 ECStack

wo xihuan 我是下标注为0的标签li小小我是下标注为1的标签li小小我是下标注为2的标签li小小我是下标注为3的标签li小小我是下标注为4的标签li小小我是下标注为5的标签li小小 // 闭包解决原生下表 // var myClass = document.getElementsByClassName("lis");

2018-01-13 09:34:38 234

原创文字溢出隐藏显示省略号

Document .css1{ color:#6699ff;border:1px #ff8000 dashed; margin-bottom:20px; width: 20em;/*不允许出现半汉字截断*/}.css2 { overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis

2018-01-08 17:36:05 253

qq_40774743的博客