原创 多分屏顯示

顯示設置 - 多顯示器設置 - 擴展這些顯示器 - 選擇並重新排列多個顯示器

原创 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