原创 JavaScript函數實現斐波那契數列運算
斐波那契數列根據遞推方式定義： F(n)=F(n-1)+F(n-2) 特殊值： F(1)==F(2)==1 運算條件：,n大於等於3且n必須爲正整數（n>=3，n∈N*） 代碼： const fibonacci = n=>{
2020-06-26 14:38:43
1
原创 JavaScript常用正則，驗證手機號（含港澳臺）、郵箱、身份證（含港澳臺）、用戶名、密碼、搜索關鍵字、網站域名等
const regular = { //手機號正則 phone: { nd: /^(1[3-9]\d{9})$/, //中國內陸地區手機號驗證 hk: /^([69]\d{7})$/, /
2020-06-26 14:38:43
28
原创 Nuxt之Meta標籤關鍵字描述之description重複問題
head: { titleTemplate: "網站標題", meta: [ { charset: "utf-8" }, { name: "keywords", content: "網站搜索關鍵字
2020-06-26 14:38:43
17
原创 JavaScript實現簡單有效的瀑布流方法
css #content { width: 1000px; height: 100vh; } #content ul { width: 100%; } #content ul li { width:
2020-06-26 14:38:43
1
原创 一道簡單閉包面試題的詳解
題目：寫一個閉包，每調用一次+1。 這個問題涉及到鏈式作用域、內存、回收機制等知識點 首頁要說一下閉包是什麼：閉包就是能夠讀取其他函數內部變量的函數，個人理解：如果一個變量沒有被回收，那麼從創建該變量到調用該變量的這個過程，就是一個閉包。
2020-06-26 14:38:43
原创 計算時間差方法，格式化輸出時間差，也可根據時間單位輸出時間差。
/** * @function 計算時間差 * @start_time 開始時間 * @end_time 結束時間 * @format 輸出格式，默認 剩餘DD天hh時mm分ss秒SSSS毫秒 * @units 輸出時間單位，
2020-06-26 14:38:42
原创 時間格式化輸出方法封裝（緩存時間格式，減少代碼量）
採用閉包不回收變量的特點，將時間格式緩存，避免全局污染以及重複定義時間格式 JavaScript代碼： /** * @format 時間格式 * @date 時間對象 */ class TimeFormat { const
2020-06-26 14:38:42
原创 簡單有效的JavaScript圖片預加載效果
首先編寫一個簡單的容器： <style> #content { width: 600px; height: 100vh; overflow-y: auto; } #content ul { width:
2020-06-26 14:38:42
原创 WebPack4之打包css、image、js
首先需要webpack工具: npm i webpack -s 然後就是打包圖片用到的file-loader npm i file-loader -s 最後就是打包css用到的css-loader(加載.css文件)、style-lo
2020-06-26 14:38:42
2
原创 js精確浮點數運算，處理浮點數運算中丟失精度問題
/** * @function js精確浮點數運算 * @value 運算內容,必須爲字符串，例如1+1,加引號'1+1' * @addSub 加法、減法 * @mul 乘法 * @div 除法 */ const arith
2020-06-26 14:38:42
原创 Nuxt之css分離（處理因css在服務端渲染而增加源代碼量，從而影響到SEO）
關於Nuxt的css嵌入到html代碼中的問題，之前被這個問題困擾了很久，效果如下： 後臺找到了解決方案，用了外部引入方法: export default { head: { link:[{href:"/css/index
2020-06-26 14:38:42
33
原创 Cookie封裝及Cookie刪除失敗問題處理
之前有看過其他文章對Cookie的封裝，發現只要切換頁面，Cookie就會刪除不成功，後來發現是直接用過期時間覆蓋並不能覆蓋準確，造成這個的原因是Path不一致的問題。 首先說一下Cookie組成部分：Name（名稱）、Value（值）、
2020-02-21 19:09:30
原创 vue~seo~prerender-spa-plugin~puppeteer(超時錯誤處理)
使用prerender-spa-plugin預渲染時，會報Navigation Timeout Exceeded: 30000ms exceeded 處理方法： 找到\node_modules\[email protected]@p
2019-08-14 19:54:05
5
原创 多圖上傳插件
多圖上傳插件 此插件包含對上傳操作的文件數量、大小、格式的驗證以及Ajax上傳、進度條等功能，支持頁面多個節點調用本人封裝第一個插件，在此留作在前端學習中的紀念。 js文件 (function ($) { /* *閉包名稱
2018-09-01 03:23:09
3