原创 多分屏顯示
顯示設置 - 多顯示器設置 - 擴展這些顯示器 - 選擇並重新排列多個顯示器
原创 webpack build生成的dist在本地運行
step1: 修改系統環境變量 NODE_ENV爲production(爲了主文件js讀取環境時能走生產環境的分支); step2:在原有項目中(主要爲了利用已有的node環境),控制檯輸入npm start。頁面訪問loc
原创 antd-mobile樣式不生效 按需加載解決
.babelrc文件的plugins 加入 "plugins": [ ["import", { "libraryName": "antd-mobile", "libraryDirectory": "es","style":
原创 修改element-ui主題色
npm i element-theme -g npm install element-theme-chalk --save-dev 終端到項目路徑下,輸入 et -i (項目根路徑會生成element-variabl
原创 手機端彈出層滾動導致底部滾動的問題解決
手機端彈出層滾動導致底部滾動的問題解決 問題描述: 點開彈窗時,外層html或body添加自己的class(我此處是 .stop-touching) 關閉彈窗時移除剛纔的class, 上兩步主要用到classList的add和remo
原创 css實現文字左右橫線劃線
.left-right-center-line { color: #999; line-height: .02rem; font-size: .24rem; text-align: center;
原创 對事件機制的理解
捕獲階段 –> 目標階段 -> 冒泡階段 –> 默認行爲 非IE: IE: 阻止事件默認行爲 非IE: event.preventDefault() IE: event.returnValue=false; 阻止冒
原创 對exports 和 module.exports的理解
exports指向module.exports,不可重新賦值爲新對象,只能添加屬性及內部方法 exports.test = function(){ console.log(‘122’) }; exports.name = ‘xss’
原创 Eslint 在vscode上配置不生效問題解決
eslint在vscode上配置1. 左側Extensions中下載eslint插件2. npm全局下載eslint, 並進行初始化3. 打開 file -> preferences -> settings4. 根據自己喜好配置.es
原创 nodejs生成網頁快照base64圖片
首先,npm install phantomjs-prebuilt --save-dev 這是在node上能夠執行shell腳本的前置條件 若npm太慢可選擇cnpm執行 定義接口 const childProcess = requ
原创 對命名空間的理解
創建命名空間 a.b.c.d 也就是創建一個對象,其結構如下: a{ b:{ c:{ d:{} } } } 通過這種方式保證了對象方法的惟一性 var Namesp
原创 crypto-js HMACSHA256加密 前端js加密
<script src="core.js"></script> <script src="hmac.js"></script> <script src="sha256.js"></script> <script src="enc-base
原创 formData對象
var formData = new FormData();formData.append('dataFile', document.getElementById('uploadForm')[0].files[0]);var file =
原创 模塊化和組件化的理解
模塊化: 只管js,剝離出一套功能 組件化: html+css+js,剝離出一套完整的
原创 對單例模式的理解
創建一個類 對其實例化對象 對象有且只能有一個 所有的實例化出來的都是同一個對象 原因是在創建該類的時候進行了判斷,若存在其實例化對象則返回那個對象,若不存在則new一個並返回, 所以一旦實例化對象創建就一直使用同一個對象 var