kaiyou
### prerender-spa-plugin 注意: 1. 首先vue-router 需要history模式 2. 安装prerender-spa-plugin会依赖无头浏览器库puppeteer,puppeteer需要下个Chromium浏览器,这个翻墙都不一定能下下来,尝试使用cnpm 或 `env PUPPETEER_DOWNLOAD_HOST=https://storage.googleapis.com.cnpmjs.org npm i puppeteer`换PUPPETEER_DOWNLOAD_HOST的源 3. ```javascript // webpack.prod.conf.js const PrerenderSPAPlugin = require('prerender-spa-plugin') const Renderer = PrerenderSPAPlugin.PuppeteerRenderer ... // plugins中 new...
就是想把今天项目写的放在这儿-_-# ``` javascript /** * 递归匹配是否存在 家1 * @param addressArr * @param index * @returns {string} */ async function recursiveFindHome(addressArr, index) { let text_first = '家'; index = index ||...
### js slice slice是指定在一个数组中的元素创建一个新的数组，即原数组不会变 The slice() method returns a shallow copy of a portion of an array into a new array object. **Syntax** `arr.slice([begin[, end]])` **Parameters** `begin` Zero-based index at...
@careCao 是这样: 1. ```scss // _common.scss 好比某个公共样式 中 $color:red; .box{ display:block; } ... // 某多页面项目的 pageA.scss @import '_common.scss'; body{ margin:0; color:$color; } // pageB.scss,pageC.scss 与pageA.scss 一致 ``` 这样生成的`pageA.css`,`pageB.css`,`pageC.css`内容应该都为: ```css //...
贴份标满注释的webpack.config.js ``` javascript //------------------------------------------------------------------------- // export webpack config //------------------------------------------------------------------------- const process = require("process"); const path = require('path'); const webpack = require('webpack'); ////提取出的样式没有html插件的话需手动在index页面内添加，此外这个插件好像还不支热重载 const ExtractTextPlugin = require('extract-text-webpack-plugin'); const autoprefixer = require('autoprefixer');...
* noParse webpack会花很多的时间查找一个库的依赖，使用该参数可以在webpack 中忽略对已知文件的解析 例如，这里我们可以确定 vue 是没有依赖项的，配置如下 ```javaScript // 支持正则匹配文件名 module :{ noParse: { 'vue': './node_modules/vue/vue.min.js' } } ``` 这样我们在项目中可以使用 ```javascript import vue from 'vue' ``` * alias 为引入模块提供别名，这个可以减少webpack去查找引入模块位置的时间，同时也为我们开发中引入公用模块提供方便 ```javascript...
[manifest](https://sebastianblade.com/using-webpack-to-achieve-long-term-cache/) [commons-chunk-plugin](https://doc.webpack-china.org/plugins/commons-chunk-plugin/) [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin#configuration) --- 另 用手机等其他设备访问 webpack-dev-server >在webpack.config.js文件的devServer里加上host:'0.0.0.0',然后通过本地服务器就可以访问了。 [参考问题](https://segmentfault.com/q/1010000004110728) (别忘了关防火墙啥的)
### input[type="number"]时 maxlength失效处理 `` 效果ok，当 ``时`maxlength`失效，长度可以无限输入。 解放方案： ``` html ``` 类似的: ``` html ``` ``` javascript handle(e){ let wd = e.target.value; //如只能2位 if(wd.length>2){ e.target.value = wd.slice(0,2); } //如值 应在0到15范围内 if(Number(e.target.value)>15||Number(e.target.value)
input type=number 在chrome下如果输入了一些非数字的字符，就会返回空字符串。(但能输入 e ) 而火狐表现却不 [参见](http://www.qcyoung.com/2015/09/01/type-number%E9%9D%9E%E6%B3%95%E5%80%BC%E7%9A%84%E4%B8%80%E4%BA%9B%E6%8E%A2%E7%A9%B6%E5%8F%8A%E6%8B%93%E5%B1%95/)
### `~~` **将操作数转化为 32 位有符号整数。** ```javascript ~~ null // 0 ~~ undefined // 0 ~~ NaN // 0 ~~ {} // 0 ~~ true // 1 ~~ '' // 0...