原创 Windows下的ssh姐妹花 Xshell 和 Xftp

Windows下的ssh姐妹花 Xshell 和 Xftp 今天是3月8號,中國傳統的三八婦女節,是距離中國新興節日三七女生(神)節最近的一個全國性節日,今天我也是宅在家,研究了一下近日工作上遇到的一個純軟件技術問題。廢話不多說,

原创 VScode 結局插件prettier和vetur格式化衝突

先上配置代碼 { "workbench.iconTheme": "vscode-icons", "workbench.startupEditor": "newUntitledFile", "workbench.colo

原创 記一次vue項目yarn打包環境配置失效的解決方案

項目中使用到了yarn打包工程,主要有以下幾個命名。 # build for production with minification yarn run build # build for production and view

原创 2018年最好用的20個Bootstrap網站模板

Bootstrap是目前最受歡迎也是最簡潔的建站方式之一,尤其是伴隨移動端的發展,響應式設計已經毫無疑問成爲了網頁設計的趨勢,網站建設要求兼容手機端已經是一種剛需,也成爲提升用戶體驗的一種必要方式。但這無疑會加大設計師和前端人員的

原创 ie兼容響應式佈局的實現總結

雖然說響應式設計的理想狀態是,需對pc/移動各種終端進行響應;但是現實是高分辨率的pc端與手機終端屏幕相差太大,像電商這樣有大量圖片和文字 信息的同時排版要求精準的頁面,設計一個同時適應高分辨率pc又適合小尺寸的手機終端是挑戰;同

原创 深入理解vue中的slot與slot-scope

寫在前面 vue中關於插槽的文檔說明很短,語言又寫的很凝練,再加上其和methods,data,computed等常用選項在使用頻率、使用先後上的差別,這就有可能造成初次接觸插槽的開發者容易產生“算了吧,回頭再學,反正已經可以寫基

原创 Chrome瀏覽器12px問題-webkit-text-size-adjust: none 已失效的解決方案

對於早期的chrome, 如果要想顯示12px以下的字體,一般通用的方案都是在對應的元素中添加 div { -webkit-text-size-adjust: none; } 但是我今天遇到的需求,添加了之後沒有反應,而且瀏

原创 SVG畫一個箭頭

參考菜鳥手冊: https://www.runoob.com/svg/svg-tutorial.html 打開菜鳥中的在線工具 在可視化截圖拖拉元素繪製箭頭 點擊command + U 查看源碼 將源碼拷

原创 CSS實現div梯形分割

原理 使用的border邊框屬性 結合svg 轉換 詳見代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css實現div

原创 vue從入門到精通之高級篇(一)vue-router的高級用法

今天要介紹的是路由元信息,滾動行爲以及路由懶加載這幾個的使用方法。 1.路由元信息 什麼是路由元信息,看看官網的解釋,定義路由的時候可以配置 meta 字段可以匹配meta字段,那麼我們該如何使用它,一個簡單的例子,改變瀏覽器title的

原创 Mac中安裝Node和版本控制工具nvm遇到的坑

首先說說常規的安裝 1. 下載nvm,使用nvm來管理Node版本 官方文檔 windows 版本  https://github.com/coreybutler/nvm-windows mac 版本    https://g

原创 JavaScript從入門到精通之入門篇(一)概念與語法

入門篇大綱 第一部分 概念與語法 1.JavaScript的歷史 2.基本概念 3.JavaScript的使用、調試和異常處理 4.基本詞法和變量 5.數據類型和類型轉換 6.運算符 算數運算符 賦值運算符 一元運算符 使用一元

原创 JavaScript從入門到精通之入門篇(二)函數和數組

入門篇大綱 第二部分 函數與數組 1.函數 函數的定義 普通函數 function 函數名 (表達式1…) { 代碼塊 } js是解釋性語言,在當前script標籤代碼執行的開始階段,就會將普通函數放入堆中,也只是將引用放入

原创 vue移動端UI框架——Vant全局引入vs局部引入

全局引入 1.在main.js中全局引入全部vant組件 優點:可以在所有vue文件的template中定義所需組件 缺點:打包發佈時會增加包的大小,Vue的SPA首屏打開時本來就有些慢,同時不能在js中使用類似Toast功能的

原创 大前端完整學習路線(完整版),路線完整版

原文鏈接:http://www.dengb.com/rgznjc/1340358.html 第一階段: HTML+CSS: HTML進階、CSS進階、div+css佈局、HTML+css