1.input是不能继承外层的高度和字体大小的
2.autocomplete 属性规定输入字段是否应该启用自动完成功能,自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。
注释：autocomplete 属性适用于 <form>，以及下面的 <input> 类型：text, search, url, telephone, email, password, datepickers, range 以及 color
属性值：on(默认。规定启用自动完成功能)/off(规定禁用自动完成功能)
3.scss中的@mixin和%区别
- @mixin可以传递参数，而%不行；
- @mixin的调用方式是@include，而%的调用方式是@extend；
- @include产生的样式是以复制拷贝的方式存在的，而@extend产生的样式是以组合申明的方式存在的
4.滤镜
1 %blur { 2 /* filter: url(blur.svg#blur); FireFox */ 3 -webkit-filter: blur(5px) brightness(90%); /* Chrome, Opera */ 4 -moz-filter: blur(5px) brightness(90%); 5 -ms-filter: blur(5px) brightness(90%); 6 filter: blur(5px) brightness(90%); 7 filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); /* IE6~IE9 */ 8 }
5.获取服务器时间
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 <title>Document</title> 9 <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> 10 </head> 11 12 <body> 13 <script> 14 var page = { 15 request: function (params) { 16 $.ajax({ 17 type: params.type || 'GET', 18 url: params.url || '', 19 data: params.data || '', 20 dataType: params.dataType || 'json', 21 success: function (res, status, xhr) { 22 if (0 == res.code) { 23 typeof params.success === 'function' && params.success(res.data, status, 24 xhr); 25 } else { 26 typeof params.error === 'function' && params.error(res.code, status, 27 xhr); 28 } 29 }, 30 error: function (error) { 31 typeof params.error === 'function' && params.error(error.statusText); 32 } 33 }); 34 }, 35 method: function (key) { 36 return { 37 YYYY: ["getFullYear", 4], 38 YY: ["getFullYear", 2], 39 MM: ["getMonth", 2, 1], 40 DD: ["getDate", 2], 41 HH: ["getHours", 2], 42 mm: ["getMinutes", 2], 43 ss: ["getSeconds", 2], 44 ms: ["getMilliseconds", 3] 45 }[key]; 46 }, 47 // 获取当前时间戳 48 timestamp: function (pattern, date) { 49 var _this = this; 50 51 if (typeof pattern !== "string") { 52 date = pattern; 53 pattern = "YYYY:MM:DD"; 54 } 55 date = date || new Date(); 56 return pattern.replace(/([YMDHms]{2,4})(:/)?/g, function (_, key, sep) { 57 var increment = _this.method(key); 58 if (!increment) return _; 59 sep = sep || ""; 60 61 var res = "00" + String(date[increment[0]]() + (increment[2] || 0)); 62 return res.slice(-increment[1]) + sep; 63 }); 64 } 65 }; 66 67 page.request({ 68 url: './post.json', 69 success: function (res, status, xhr) { 70 console.log('请求成功的数据为：', res); 71 console.log('服务器时间：', page.timestamp('YYYY-MM-DD HH:mm:ss', new Date(xhr.getResponseHeader( 72 'Date')))); 73 }, 74 error: function (errMsg) { 75 console.log(errMsg); 76 } 77 }); 78 </script> 79 </body> 80 81 </html>
6.获取数组中的最大值和最小值
var arr = [1, 23, 34, 4545, -2323, 34]; console.log(Math.max.apply(Math, arr));//最大值 console.log(Math.min.apply(Math, arr));//最小值
7.将argruments对象转换成数组
1 ES5:var arg = Array.prototype.slice.call(arguments); 2 ES6:var arg = Array.from(arguments)
8.数组去重最简洁的代码（ES6
1 [...new Set([23, 23, 2,1, 1, 1, 3])]
9.mac通过终端删除文件夹
rm -r -f 文件夹名