原创 JS 節流與防抖

一、區別        節流強調的是n秒內函數最多觸發一次,注意這裏的用詞最多,也就是可能不觸發,一般第一次和最後一次可能不會觸發; 防抖強調的是函數兩次調用的間隔必須大於n秒,如果函數觸發的頻率一直小於n秒,那麼只有最後一次纔會觸發函數

原创 VUE拖拽文件碰撞檢測draggable

簡介:vue拖拽移動操作,比如A文件拖拽移動至B文件夾中,如何檢測拖拽到的是B文件夾,draggable插件就可以解決,用法如下: 一:安裝 npm install vuedraggable 二:引入 import draggable

原创 bat 批處理文件 結束node進程 殺死指定端口

方法一: 新建 killAllNode.bat 文件,寫入以下代碼,雙擊運行bat文件,即可結束node進程 echo off echo killAll node server? pause kill node.exe tasklist

原创 js 點擊按鈕複製文本方法

點擊按鈕,執行復制指定位置的文本,具體實現方案如下:   1、添加點擊事件 <span class="copyMa" @click="copy()">點擊複製</span> 2、copy的實現方法(未優化) copy(){

原创 TypeScript類型定義-進階篇

一、類型別名 類型別名用來給一個類型起個新名字。 簡單的例子 type Name = string; type NameResolver = () => string; type NameOrResolver = Name | Name

原创 解決 vue 路由報錯 Cannot read property 'beforeRouteEnter' of undefined

一、具體路由報錯信息 ​ 二、爲什麼會出現這種情況 beforeRouterEnter是頁面進入之前調用,所以取不到實例,默認調用 BeforeRouteEntry 鉤子導致。 三、解決辦法 方法1: 降低vue-router版本 np

原创 小程序添加客服功能

一、使用button組件設置客服功能 需要將 <button> 組件 open-type 的值設置爲 contact,當用戶點擊後就會進入客服會話,如果用戶在會話中點擊了小程序消息,則會返回到小程序 <button open-type=

原创 字蛛的用法以及遇到的問題

字蛛是一箇中文字體壓縮器,可以壓縮字體文件,從而解決加載緩慢的問題。字蛛通過分析本地 CSS 與 HTML 文件獲取 WebFont 中沒有使用的字符,並將這些字符數據從字體中刪除以實現壓縮,同時生成跨瀏覽器使用的格式。 字蛛官網網址爲:

原创 90%的前端都會踩的坑

       移動開發時代,前端同學剛剛送別了讓人頭禿的IE瀏覽器,卻發現憧憬已久的移動互聯網時代並不是想象中那般美好。各種棘手的系統兼容問題和瀏覽器兼容問題怎麼也讓人高興不起來。作爲一名工作不足3年的前端程序媛,始終相信好記性不如爛筆頭

原创 點擊按鈕複製文本

  1、添加點擊事件 <span class="copyMa" @click="copy()">點擊複製</span> 2、copy的實現方法 copy(){ let random = this.$refs.randomCo

原创 js獲取時間相關的處理方法

1、補零公共方法 function add0 (m) { return m < 10 ? '0' + m : m } 2、獲取當前年月日 傳入當前時間戳 /** * 獲取當前年月日 傳入當前時間戳 * @param shi

原创 node - cheerio模塊

cheerio 是nodejs特別爲服務端定製的,能夠快速靈活的對JQuery核心進行實現,工作於DOM模型上,並且解析、操作、呈送都很高效 //示例 var html = '<ul id="fruits">' + ' <l

原创 css上下浮動動畫效果

比如有一個非gif的導向箭頭,需要微微浮動提示用戶具體操作導向,用css去寫,實現方法如下: 1、首先創建一個dom元素,controller是包裹導向箭頭的容器,img是導向箭頭圖片 <div class="controller">

原创 vue+webpack項目動態設置頁面title的方法

一、首先看一下webpack中如何設置頁面的title 1、webapck主要是利用HtmlWebpackPlugin 替換 html頁面 的 title,在vue項目中,安裝HtmlWebpackPlugin插件 npm instal

原创 如何在本地運行npm run build 打包之後的代碼

使用基於 Node.js 平臺,快速、開放、極簡的 Web 開發框架Express 1、按照express創建出基本的結構 mkdir myapp cd myapp npm init package.json會被創建出來 2、安裝exp