原创 設計模式:模式分類
設計模式之創建型模式創建型模式結構型模式行爲型模式**感謝大家的閱讀，如果對您有幫助，希望您能給我點個贊！謝謝！** 創建型模式 創建型模式的主要關注點是“怎樣創建對象？”，它的主要特點是“將對象的創建與使用分離”。這樣可以降低系
2020-06-16 10:27:39
原创 設計模式基礎篇:概念
設計模式基礎篇之概念概念和由來原理和實質模式分類1. 根據目的來分2. 根據作用範圍來分模式功能**感謝大家的閱讀，如果對您有幫助，希望您能給我點個贊！謝謝！** 概念和由來 設計模式（Design Pattern）是前輩們對代碼
2020-06-16 10:27:39
原创 HashMap源碼，你認真讀了嗎？
一、寫在前面 很多人說自己看過源碼。可是你有認真思考過嗎？ 本程序汪將帶你進入神祕的源碼世界，一探究竟。 二、HashMap結構 哈希表是一種經典的數據結構，它的實現是基於哈希值的桶(bin)和鏈表。 優點：O(1)的平均查
2020-04-16 01:55:26
原创 vue中使用自定義字體
以思源字體爲例：下載其ttf文件 1.下載SourceHanSansCN-Regular.ttf文件 2.網上搜索font-face轉換器 根據提示下載對應文件 例如： 3.在vue項目中新建文件夾並複製下載下來的相應文件 4.在m
2019-07-05 17:07:36
11
原创 vue使用國際化
1.使用npm安裝 npm install vue-i18n 2.在main.js中引用 import VueI18n from 'vue-i18n' Vue.use(VueI18n) 3.準備中英文數據 中英文文件中示例代碼 m
2019-07-05 17:07:36
原创 vue-router響應路由參數的變化
當使用路由參數時，例如從 /user/aside導航到 /user/foo，原來的組件實例會被複用。因爲兩個路由都渲染同個組件，比起銷燬再創建，複用則更加高效。不過，這也意味着組件的生命週期鉤子不會再被調用。 注意: （1）從同一個組件跳
2019-05-14 05:13:59
原创 web前端常見面試題（js原生,vue,es6,小程序）合集
生命週期函數面試題 1.什麼是 vue 生命週期 2.vue生命週期的作用是什麼 3.第一次頁面加載會觸發哪幾個鉤子 4.簡述每個週期具體適合哪些場景 5.created和mounted的區別 6.vue獲取數據在哪個周期函數
2019-05-14 05:13:59
原创 vue中router與route的區別
1.router是VueRouter的一個對象，通過Vue.use(VueRouter)和VueRouter構造函數得到一個router的實例對象，這個對象中是一個全局的對象，他包含了所有的路由包含了許多關鍵的對象和屬性。 舉例：hist
2019-05-14 05:13:59
原创 canvas畫布實現拖拽碰撞 canvas之isPointInPath解析
isPointInPath():判斷指定的座標點是否在canvas繪製的路徑中,如果在返回true,如果不在返回false,只能判斷最後一個繪製的封閉路徑 注意:strokeRect() fillRect();這兩個方法不適用於isP
2018-09-05 02:03:53
2
原创 包裝對象
var s='this is a string'; alert(s.length);//16 alert(s.indexOf('is'));//2 值類型不是對象類型,但是也可以擁有屬性和方法,當運行時,JS會隱式爲相應代碼添加對象,這種
2018-09-05 02:03:53
4
原创 JS之用jquery編寫將頁面中div拖動
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0;
2018-09-05 02:03:52
原创 JS基礎之正則表達式判斷用戶密碼格式以及等級
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body>
2018-09-05 02:03:52
原创 hasOwnProperty,instanceof,isPrototypeof
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> <scr
2018-09-05 02:03:52
3
原创 javascript之原型prototype
prototype:原型:每一個構造函數都有一個prototype屬性,指向另一個對象,稱之爲原型對象,可以通過原型向已有的構造函數添加新的屬性和方法,後面通過此構造函數創建的對象實例,都可以訪問使用新添加的屬性和方法 如果對象的某個屬性
2018-09-05 02:03:52
2
原创 JS原生利用正則去除字符串前後的空格
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> <
2018-09-05 02:03:52