开发中因长时间不用而遗忘的,持续补充中。。

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 文件夹名

原文地址:https://www.cnblogs.com/fangfeiyue/p/7417634.html