原创 console.log的騷用法

在控制檯中輸入 document.body.contentEditable=true 回車運行

原创 vue-router路由按需加載

const login = resolve => require(['@/views/login.vue'], resolve) const Error = resolve => require(['@/views/Error.v

原创 vue監聽滾動條-吸頂

mounted(){ window.addEventListener('scroll', this.handleScroll) } handleScroll () { var scrollTop = windo

原创 git統計代碼提交

2020-01-01後,代碼提交前10名 // 2020-01-01後,代碼提交前10名,代碼行數統計 git log --since="2020-01-01" --pretty='%aN' | sort | uniq -c |

原创 是否首次進入頁面判斷方案

需求進入: 1.進入A頁面,輸入一些信息後,跳轉B頁面選人,然後攜帶用戶信息回到A。A中所有內容都保留,且攜帶回B頁面選的人。 2.每次從新進入A頁面,A頁面刷新。 解決方案: 進入A頁面時,直接replace跳轉當前url拼接一

原创 iframe跨域通信(設置高度)

主頁面html <iframe width="100%" id="yqiframe" name="sendMessage" src="https://m.abc.cn/test.html" frameborder="0" scro

原创 webstorm 2018.1.1破解漢化

下載地址:https://download-cf.jetbrains.com/webstorm/WebStorm-2018.1.1.exe 安裝完成後,打開 WebStorm, 在打開的 License Activation 窗口

原创 webpack插件及配置

const path = require('path') // html打包 const htmlWebpackPlugin = require('html-webpack-plugin') // js壓縮 const Uglif

原创 mac下80端口被佔用

查看80端口 sudo lsof -i:80 結果圖: COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME node 1

原创 mac啓動本地服務器

1.node 2.安裝http-server npm install -g http-server 3.運行http-server http-server

原创 react中style和className使用

style用法 <div style={{display: this.state.btnFlag ? "block" : "none"}}>按鈕</div> // 多個用,隔開 <div style={{display: this.

原创 postcss-pxtorem中使用selectorBlackList過濾,使某些樣式不進行rem轉換

const pxtorem = require('postcss-pxtorem'); 配置中: pxtorem({ rootValue: 100, propList: ['*','!border'], selectorBlac

原创 webpack外部擴展,依賴前置

引入了外部js index.html <script src="https://code.jquery.com/jquery-3.1.0.js" integrity="sha256-slogkvB1K3VOkzAI8QITxV

原创 正則表達式

定義:正則用於規定在文本中檢索的內容,它是對字符串執行模式匹配的強大工具 RegExp(正則表達式) 對象的語法: new RegExp(pattern, attributes); pattern爲一個字符串或匹配規則 attr

原创 element中el-cascader使用props設置value、label、children

從後端拿到arr數據結構: cityList: [ { id: 1, name: '北京', child: [ id: 11, name: '大興區', child: [ id: 111,