原创 node-sass下載太慢解決方法

在項目根目錄建立 .npmrc文件 sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

原创 常見屏幕分辨率

@media (min-width: 320px) @media (min-width: 360px) @media (min-width: 375px) @media (min-width: 386px) @media (min

原创 怎麼樣使父元素的overflow:hidden不影響到子級absolute絕對定位元素

在項目中使用了popover組件,由於父級設置了overflow:hidden,當子級長度超出時,即使子元素是絕對定位元素也受到了影響。 查了很多資料,發現只要父級元素不設置position:relative和position:a

原创 vue之provide/inject

經測試發現,當provide提供爲對象或者是某個方法時,子對象取值纔會是響應式的。 父組件代碼 parent.vue <template> <div> <Child /> <button clas

原创 eslint推薦配置

module.exports = { root: true, env: { node: true }, ‘extends’: [ ‘plugin:vue/recommended’, ‘@vue/standard’ ], rules

原创 npm-run-all 啓動靜態服務器並自動打開瀏覽器

package.json 文件 此處參考swagger-ui項目 "scripts": { "open-static": "node -e 'require(\"open\")(\"http://localhost:30

原创 vscode配置註釋片段

第一步,文件-首選項-用戶代碼片段 第二步,配置用戶代碼片段 configure user snippets 第三步,建立新的全局代碼片段 { // Place your global snippets here. Each s

原创 vscode tabnine 影響 emmet快捷鍵

前言 tabnine的tab鍵與emmet衝突,導致emmet的補全標籤功能出現問題 解決方法 打開文件->首選項->鍵盤快捷方式。 在搜索欄輸入tab搜索,找到鍵綁定值爲Tab的,點擊鼠標右鍵,選擇顯示相同的按鍵綁定。 刪除

原创 mac vscode code-runner無效

1、進入 ~/.vscode/extensions 目錄中 open ~/.vscode/extensions 2、打開目錄中 formulahendry.code-runner-0.9.10/out/src/codeMana

原创 fiddler斷點修改響應內容

單斷點調試 bpu url 如: bpu http://www.baidu.com 進入斷點後會顯示紅色背景的T,同時右側會出現調試按鈕,此時可以點擊break on response。再切換到raw,就可以修改響應,修改

原创 npm命令

查看本地安裝包信息 npm ls element-ui

原创 釘釘PC端開發者版本下載及調試技巧

前言 自從釘釘開發者網站更新後,翻遍整個網站都找不到釘釘的rc版本(開發者版本)下載地址,通過一些別的方式,終於搜索到這個開發者調試神器。 地址 請訪問: https://files.alicdn.com/tpsservice/3

原创 flutter搭建教程

在macOS上搭建Flutter開發環境 flutter安裝 使用鏡像 由於在國內訪問Flutter有時可能會受到限制,Flutter官方爲中國開發者搭建了臨時鏡像,大家可以將如下環境變量加入到用戶環境變量中: export

原创 vue表單輸入組件之v-model

v-model的實質爲語法糖,相當於v-bind:value和 v-on:input的結合。 如果需要定義表單輸入組件,需要在值變更的時候,在組件中觸發input方法。

原创 CSS基礎樣式庫

推薦的base.css /*css reset*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquot