原创 vue實現前端導出excel
一、安裝依賴 $ `npm install -S xlsx` $ `npm install -S file-saver` 以上兩種合併簡寫成：$ `npm install -S file-saver xlsx` $ `npm in
2020-07-01 19:39:03
1
原创 vue結合後端本地上傳文件
//按鈕 <a-upload :beforeUpload="beforeUpload" :showUploadList="false"> <a-button type="primary" icon="upload
2020-07-01 19:39:03
原创 vue 自定義分片上傳到七牛雲帶進度條
前言 場景：vue環境，UI框架爲Ant Design Ant Design中的Upload自帶上傳功能，但是當我上傳超過1G的視頻文件時，導致文件過大而超時 於是設置customRequest屬性，通過覆蓋默認的上傳行爲，可以自
2020-06-29 01:57:47
1
原创 前端實現語音合成
前言 語音合成的實現方式有多種： 第一種：HTML5語音Web Speech API 第二種：百度文字轉語音開放API 第三種：微軟TTS引擎（沒有實際使用，此文章就不多贅述） 實現方式（vue環境） 一、HTML5語音Web S
2020-06-29 01:57:47
原创 vue開發環境搭建（含WebStorm中vue的代碼提醒和微信小程序開發代碼提醒）
第一部分 安裝nodejs nodejs官網 安裝vue淘寶鏡像 npm install -g vue –registry=https://registry.npm.taobao.org 安裝webpack npm install
2020-06-24 11:46:49
原创 淺談JS函數定義方式的區別
下面小編就爲大家帶來一篇淺談JS函數定義方式的區別。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧關於JS的函數定義方式有以下兩種：（1）典型的函數聲明function slide(arguments){ /
2020-06-24 11:46:36
原创 分享幾個日常調試方法讓js調試更簡單
下面分享幾個日常調試代碼的時候在Console命令行顯示你的操作，讓你的js調試更簡單。console顯示信息的命令在瀏覽器按f12在console上顯示你的文本。<!DOCTYPE html> <html> <head> <meta c
2020-06-24 11:46:36
原创 前端架構體系技術精簡版
點擊查看github高清圖點擊查看完整版出自：http://imweb.io/topic/56a6fbd0e39ca21162ae6c10一、框架與組件 **bootstrap等UI框架設計與實現伸縮佈局：grid網格佈局基礎UI樣式：元
2020-06-24 11:46:36
原创 js 函數的四種調用方式
函數的四種調用方式函數有下列調用模式函數調用模式方法調用模式構造器模式上下文模式1. 函數調用 模式要調用，就肯定要先定義，函數的定義方式：聲明式: function fuc() {}表達式式: var func = function(
2020-06-24 11:46:25
原创 Flex佈局-骰子demo
最近學習了Flex佈局，以下是阮一峯老師關於Flex的博客 。在此感謝他讓我get一項新技能！Flex語法篇：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlFlex實戰篇
2020-06-24 11:46:25
原创 自定義Tabs標籤頁組件（vue）
不知道有沒有和我一樣項目中用的到Ant Design of Vue的Tabs組件在測試環境上打包時是無效的，於是手寫個組件 我會寫在src的componets下 我所用到的傳值都是用類型1或2來判斷或者中英文 父組件 <templ
2020-05-19 12:05:19
原创 Vue項目使用websocket
websocket 是長連接，受網絡限制比較大 ajax輪詢的原理是：讓瀏覽器隔個幾秒就發送一次請求，詢問服務器是否有新信息。 用websocket主要原因是不需要用定時器幾秒去請求一次接口查看進度 附代碼: <template>
2020-05-19 12:05:19
原创 條件篩選刪除數組對象
有時候後臺返回的對象數據不是自己所需的 例如：let arr = [{a:1,b:2},{a:2,b:4},{a:3,b:2},{a:1,b:4},{a:4,b:4}] 希望是： arr = [{a:2,b:4},{a:3,b:2
2020-05-19 12:05:19
原创 前端開發者不得不知的ES6十大特性
原文出處： AlloyTeam ES6（ECMAScript2015）的出現，無疑給前端開發人員帶來了新的驚喜，它包含了一些很棒的新特性，可以更加方便的實現很多複雜的操作，提高開發人員的效率。本文主要針對ES6做一個簡要介紹。 主要譯
2020-02-21 06:19:47
原创 前端常見跨域解決方案（全）
什麼是跨域？跨域是指一個域下的文檔或腳本試圖去請求另一個域下的資源，這裏跨域是廣義的。廣義的跨域：1.) 資源跳轉： A鏈接、重定向、表單提交 2.) 資源嵌入： <link>、<script>、<img>、<frame>等dom標籤，還
2020-02-21 06:19:35