原创 如何使用git等工具進行項目和項目代碼管理

一: 代碼管理工具,將本地項目同步至新建的git倉庫 對於一個使用過SVN, TFS, GIT等多種常用代碼管理工具的開發者來說,個人還是更鐘情於GIT。 其中基於git的平臺又有很多,gitButket(需翻牆),github(需翻牆)

原创 vue 上傳文件方式和上傳文件格式和大小限制 實現

其實打開文件資源對話框的方式有好幾種,但是世界使用input控件是最直接和方便的那種。 ok,直接先上代碼。 <zl-button size="mini" class="upload-file"> <input @change="fi

原创 js 將html元素內的文本或者變量值 複製到 剪切板

推薦使用第二種方法   方法一:使用第三方插件:clipboard.js 官方鏈接:https://clipboardjs.com/ 1,直接下載js文件,在script腳本中直接引用 <script src="static/clipbo

原创 vue-cli 3以上的版本 前端配置 多服務跨域代理

vue cli 3以上的版本,跨域代理不再需要放在build文件夾下,而是直接在vue.config.js中vueConfig配置devServer選項。 先上代碼: devServer: { // development se

原创 Nginx 部署 vue項目 (history模式)

大家都知道,vue router有兩種模式: 1,hash模式 hash模式應該是平時大家用的最多的一種模式,它的標誌是路由地址都會加上#。 2,history模式 history模式則不會加上#號,這樣url看起來比較乾淨。但是使用hi

原创 前端 從後端獲取(下載,導出)文件的方法

場景: 很多時候,前端存在需要從後端下載文件的情況,典型的就是導出excel表格。 一般存在兩種方式: 1,請求接口之後,直接打開請求該文件的地址,下載到本地。 2,請求接口之後,將獲取到的文件數據格式轉換之後,再下載到本地。   先說第

原创 高德地圖 從地圖的若干個點標記marker羣中,找到某一個點標記marker

這種場景不多見,但有的項目也不可避免會有這種需求。 那麼,我們如何在地圖裏若干個點標記中,找到你想要的那個呢?   其實不難!   在高德地圖開發文檔中,關於marker的所有屬性中,有一個很多屬性非常好用,其中有一個屬性名叫:extDa

原创 阿里 圖標 icon iconfont 實現離線使用

1.將你項目中的圖標打包下載下來 2.下載到本地之後,將離線文件複製到你的項目路徑下 這是下載來的壓縮包完整的文件列表 這是我複製到項目對應路徑裏文件,其中紅框標記的五個文件是必須要的 3.導入ali圖標css文件 在項目主文件ma

原创 如何將自己寫的代碼同步到github併發布到npm

1. 很明顯,先註冊NPM和github賬號 過程省略,進入各自的官網,創建賬號   2. 寫代碼 默認你已經安裝了node環境,node環境也包括了npm環境 新建工程文件夾,然後執行下面的命令,初始化一個package.json文件

原创 vue-cli3 多環境和多後端的跨域代理配置 多種實現方案

大家都知道,由於3.x的默認配置都轉移到了CLI service,所以生成的項目中並沒有默認配置文件,所以我們如果需要自定義一些項目配置,則需要自己在項目的根目錄創建一個vue.config.js。 vue.config.js裏的配置項所

原创 談談Javascript 中 promise、async和await, setTimeout的執行順序

Javascript 有一個 main thread 主線程和 call-stack 調用棧(執行棧),所有的任務都會被放到調用棧等待主線程執行。 JS調用棧採用的是後進先出的規則,當函數執行的時候,會被添加到棧的頂部,當執行棧執行完成後

原创 圍觀 GitHub 重磅推出的四大新功能

原文鏈接: https://mp.weixin.qq.com/s/ZZok4kki_Djg_GKg0Xg_HA   衆所周知,GitHub 擁有數千個的軟件社區,從開源項目到企業,從小型團隊到大型組織。今年的 Satellite 主要圍繞

原创 vue 下載本地文件

情景描述: 有時,我們需在在前端項目中下載本地某個地址的文件模塊,這個文件不想放在後端去下載。所以,在這個文件大小不是太大的情況下,我們可以把文件放在前端項目目錄中,這樣不管開發環境還是生產環境,都能在同樣的路徑下找到那個文件。   實現

原创 ant-design table組件rowSelection列對勾選和未勾選分類排序

場景描述: 在表格第一列顯示勾選框,支持行多選。然後在這一列的列頭增加排序按鈕,對已勾選和未勾選的行進行排序。   解決方案: 常用的解決方案有兩種: 1,利用table組件本身的rowSelections屬性,對其進行封裝改造,實現需求

原创 vue 給ant design table 組件自定義點擊行(選中行)樣式和斑馬紋樣式

寫在開頭: element-ui的table組件有幾個屬性很好用,但是ant-design中table組件是沒有的。 比如:  stripe: 是否爲斑馬紋 table。 highlight-current-row: 是否要高亮當前行。