Wiki

1: npm i sass sass-loader -D
2: # or
3: yarn add sass sass-loader -DE

 1: module.exports = {
 2:   css: {
 3:     loaderOptions: {
 4:       sass: {
 5:         implementation: require('sass'), // This line must in sass option
 6:       },
 7:     },
 8:   }
 9: //...
10: };

 1: # 输出重定向
 2: # 1. 截取模式保存到文件 - 写入到文件之前，文件内容首先会被清空
 3: echo "this is a text line one" > test.txt
 4: # 2. 追加模式保存到文件 - 写入到文件之后，会追加到文件结尾
 5: echo "this is a text line one" >> test.txt
 6: 
 7: # 标准错误输出的重定向方法
 8: cat linuxde.net                 # → cat: linuxde.net: No such file or directory
 9: # 1. 没有任何错误提示，正常运行
10: cat linuxde.net 2> out.txt
11: # 2. 错误信息被保存到了 out.txt 文件中
12: cat linuxde.net &> out.txt
13: # 3. 将错误输出丢弃到 /dev/null 中，特殊的设备文件 - 黑洞
14: cat linuxde.net 2> /dev/null
15: 
16: # 输入重定向
17: echo < test.txt

 1: # 打包、压缩
 2: tar -cvf log.tar log2012.log      # 仅打包，不压缩！
 3: tar -zcvf log.tar.gz log2012.log  # 打包后，以 gzip 压缩
 4: tar -jcvf log.tar.bz2 log2012.log # 打包后，以 bzip2 压缩
 5: 
 6: # 查询
 7: tar -tvf log.tar                # 直接查询
 8: tar -ztvf log.tar.gz            # 查询以 gzip 压缩的文件
 9: tar -jtvf log.tar.bz2           # 查询以 bzip2 压缩的文件
10: 
11: # 解压缩
12: tar -zxvf log.tar.gz            # 以 gzip 解压缩
13: tar -jxvf log.tar.bz2           # 以 bzip2 解压缩
14: 
15: tar -zxvf log.tar.gz -C log     # 以 gzip 解压缩在目录 log

 1: html {
 2:     /* 设置根元素高度 */
 3:     height: 100%;
 4: }
 5: 
 6: body {
 7:     /* 设置 body 高度 */
 8:     height: 100%;
 9: }
10: 
11: /* body 内元素 .container */
12: .container {
13:     height: 60%;
14:     background: #f66;
15: }

 1: var name = 'Amy', age = 16;
 2: var obj = {
 3:     name: 'Lucy',
 4:     objAge: this.age,
 5:     myFun: function() {
 6:         console.log(this.name + '年龄' + this.age);
 7:     }
 8: }
 9: var db = {
10:     name: 'Jack',
11:     age: 26
12: }
13: 
14: obj.myFun.call(db);             // → Jack年龄26
15: obj.myFun.apply(db);            // → Jack年龄26
16: obj.myFun.bind(db)();           // → Jack年龄26

1: var uri="http://w3cschool.cn/my test.php?name=ståle&car=saab";
2: var uri_encode=encodeURIComponent(uri);
3: document.write(uri_encode);
4: document.write("<br>");
5: document.write(decodeURIComponent(uri_encode));

1: let str = 'Hello world, welcome to the universe.';
2: let n = str.indexOf('welcome');  // → 13
3: let m = str.indexOf('e', 5);     // → 14
4: let v = str.indexOf('none');     // → -1

1: [1, 2, 3].includes(2);     // true
2: [1, 2, 3].includes(4);     // false
3: [1, 2, 3].includes(3, 3);  // false
4: [1, 2, 3].includes(3, -1); // true
5: [1, 2, NaN].includes(NaN); // true

1: ;; macro.el
2: (fset 'next-lines
3:     "\C-u15\C-n")
4: (fset 'previous-lines
5:     "\C-u15\C-p")

1: ;; init.el
2: 
3: ;; ...
4: ;; 加载 macro.el
5: (load-file "~/.emacs.d/macro.el")
6: ;; 绑定快捷键
7: (global-set-key (kbd "C-x n RET") 'next-lines)
8: (global-set-key (kbd "C-x p RET") 'previous-lines)
9: 

1: export TERM=xterm-256color

 1: input::-webkit-input-placeholder {
 2:     color: #ccc;
 3:     -webkit-text-fill-color: #ccc;
 4:     opacity: 1;
 5:     -webkit-opacity: 1;
 6: }
 7: 
 8: input:disabled {
 9:     background: none;
10:     color: #333;
11:     -webkit-text-fill-color: #333;
12:     opacity: 1;
13:     -webkit-opacity: 1;
14: }
15: 
16: input:disabled::-webkit-input-placeholder {
17:     color: #ccc;
18:     -webkit-text-fill-color: #ccc;
19:     opacity: 1;
20:     -webkit-opacity: 1;
21: }

1: div {
2:     white-space: nowrap;
3: }
4: /*
5: white-space:
6: - normal  默认
7: - pre     换行和其他空白字符都将受到保护
8: - nowrap  强制在同一行内显示所有文本，直到文本结束或者遭遇 <br> 对象
9: */

 1: div {
 2:     word-break: normal;
 3:     word-break: break-all;
 4:     word-break: keep-all;
 5: }
 6: /*
 7: word-break:
 8: - normal        依据亚洲语言与非亚洲语言的文本规则，允许在字内换行
 9: - break-all     该行为与亚洲语言的 normal 相同，也允许非亚洲语言文本行的任意字内断开，该值适合包含一些非亚洲文本的亚洲文本
10: - keep-all      与所有非亚洲语言的 normal 相同，对于中文、韩文、日文，不允许字断开，适合包含少量亚洲文本的非亚洲文本
11: */

1: div {
2:     word-wrap: break-word;
3: }
4: /*
5: word-wrap:      属性用来表明是否允许浏览器在长单词和链接内进行断句
6: - normal        只在允许的断字点换行
7: - break-word    在长单词或 URL 地址内部进行换行
8: */

 1: //获取DPI
 2: function js_getDPI() {
 3:     var arrDPI = new Array();
 4:     if ( window.screen.deviceXDPI != undefined ) {
 5:         arrDPI[0] = window.screen.deviceXDPI;
 6:         arrDPI[1] = window.screen.deviceYDPI;
 7:     }
 8:     else {
 9:         var tmpNode = document.createElement( "DIV" );
10:         tmpNode.style.cssText = "width:1in;height:1in;position:absolute;left:0px;top:0px;z-index:99;visibility:hidden";
11:         document.body.appendChild( tmpNode );
12:         arrDPI[0] = parseInt( tmpNode.offsetWidth );
13:         arrDPI[1] = parseInt( tmpNode.offsetHeight );
14:         tmpNode.parentNode.removeChild( tmpNode );
15:     }
16:     return arrDPI;
17: }
18: 
19: // 将 px 转成 mm
20: let mm = pxValue/dpi*2.54*10;   // dpi 是上面获取的，注意对应 XY 轴

 1: // 该插件用来格式化当前输入的时间/日期
 2: 
 3: // xxxx/xx/xx xx:xx:xx
 4: const formatTime = (date) => {
 5:     let year = date.getFullYear(),
 6:         month = date.getMonth() + 1,
 7:         day = date.getDate(),
 8:         hour = date.getHours(),
 9:         minute = date.getMinutes(),
10:         second = date.getSeconds();
11: 
12:     return [year, month, day].map(formatNumber).join('/') +
13:            ' '  +
14:            [hour, minute, second].map(formatNumber).jon(';');
15: }
16: 
17: // xxxx-xx-xx
18: const formatDate = (date) => {
19:     let year = date.getFullYear(),
20:         month = date.getMonth() + 1,
21:         day = date.getData();
22: 
23:     return [year, month, day].map(formatNumber).join('-');
24: }
25: 
26: const formatNumber = (n) => {
27:     n = n.toString();
28: 
29:     return n[1] ? n : '0' + n;  // 如 8 -> 08
30: }
31: 
32: // 导出方法
33: module.exports = {
34:     formatTime: formatTime,
35:     formatDate: formatDate
36: }

 1: // 跳转到 H5 页面的小程序代码
 2: targetUrl: function() {
 3:     console.log(this.data.mod_textUrl);
 4:     wx.navigateTo({
 5:         url: '../webview/webview?url=' + encodeURIComponent(this.data.mod_textUrl) // 此处需要编码，因为有 '?' ，可能浏览器不认
 6:     })
 7: }
 8: 
 9: // 跳转到的 H5 页面进行解码
10: onLoad: function(options) {
11:     this.setData({
12:         targetUrl: decodeURIComponent(options.url); // 用 decodeURIComponent 进行解码
13:     })
14:     console.log(options.url);
15: }

1: var formData = new FormData();

1: <form id="myForm" action="" method="post">
2:   <input type="text" name="name" />名字
3:   <input type="password" name="psw" />密码
4:   <input type="submit" value="提交" />
5: </form>

 1: // 获取页面已有的 form 表单
 2: let form = document.getElementById('myForm');
 3: // 用表单来初始化
 4: let formData = new FormData(form);
 5: 
 6: // 还可以根据 name 来访问表单中的字段
 7: let name = formData.get('name'); // 获取名字
 8: let psw = formData.get('psw');   // 获取密码
 9: 
10: // 还可以在此基础上，继续添加其他数据
11: formData.append('token', 'otherdata...');

1: formData.get('name');       // 获取 key 为 name 的第一个值
2: formData.getAll('name');    // 返回一个数据，获取 key 为 name 的所有值

1: let xhr = new XMLHttpRequest();
2: xhr.open('post', 'login');
3: xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
4: xhr.send(formData);

1: // 初始化首页页码
2: let currentPage = 1;            // this.currentPage = 1
3: 
4: // 获取首页数据，apiGetTableData 为定义的获取数据的接口
5: // data 为请求参数
6: this.apiGetTableData(data).then(res => {
7:     $this.totalPage = res.totalPage; // 这里需要知道总页数
8:     $this.tableData = res.data;      // 表格数据
9: })

 1: let DOM = document.querySelector(targetDom);
 2: 
 3: DOM.addEventListener('scroll', function() {
 4:     let scrollDistance = DOM.scrollHeight - DOM.scrollTop - DOM.clientHeight;
 5: 
 6:     if(scrollDistance <= 0) {                      // 为 0 证明滚动条已经到底，可以请求接口
 7:         if(this.currentPage < this.totalPage) {   // 当前页数小于总页数继续请求
 8:             this.currentPage++;                   // 当前页数自增
 9: 
10:             // 请求接口代码
11:             // data 为请求参数
12:             this.apiGetTableData(data).then(res => {
13:                 this.tableData = $this.tableData.concat(res.data); // 将请求回来的数据和当前展示的数据合并
14:             })
15:         }
16:     }
17: })