原创 vue-router使用history的配置問題
vue使用history後，能夠使得url更加漂亮，也就是不再有‘#’的問題，但同時我們會發現，如果頁面直接訪問，比http://www.xxx.com/user/info的時候，顯示無法get，並且刷新的時候，也會出現同樣的問題
2020-06-20 11:33:06
原创 Webpack打包原理
開門見山。 1、打包單一模塊 webpack.config.js module.exports = { entry:"./chunk1.js", output: { path: __dirname
2020-06-20 10:26:14
原创 常用polyfill代碼
序列化表單（這裏使用encodeURIComponent對參數進行編碼，主要好處在於可以對中文字符也進行編碼。） function serialize(form) { var parts = [],
2020-06-20 09:18:15
原创 初識函數式編程
1、map（映射）與reduce（歸約） array.map(callback,[ thisObject]); //callback參數（注意，callback需要return，否則數組每一項都會被映射爲undefined） [
2020-06-20 09:18:15
原创 利用事件委託提升性能
作爲一個入坑不久的前端，大部分的程序，都是在做交互，經常見到全篇大量都是EventUtil.addHandler(dom,method,function){},講道理，着實看着心煩。心煩可以解決，看看片放鬆一下即可，關鍵性能瓶頸可
2020-06-20 09:18:15
原创 CommonJS、AMD、CMD
CommonJS CommonJS規範規定，每個模塊內部，module變量代表當前模塊。這個變量是一個對象，它的exports屬性（即module.exports）是對外的接口。加載某個模塊，其實是加載該模塊的module.ex
2020-02-24 11:00:19
原创 isPlainObject實現與分析
首先我們需要一個判斷類型的神碼。 var toString = [].toString, hasOwn = Object.prototype.hasOwnProperty; var type
2020-02-24 11:00:19
原创 web安全
一、CSRF：Cross-site request forgery 跨站請求僞造 簡單理解就是攻擊者盜用了我們的身份，並以我們的名義發送惡意請求。 要完成一次CSRF攻擊，需要完成以下兩個步驟： 登錄受信任的網站A，並在本地生
2020-02-24 11:00:09
原创 extend的實現
拷貝有深淺之分。 淺拷貝比較easy function extend2(target, ref){ var name, value; for(name in ref){
2020-02-24 11:00:09
原创 meta標籤的作用
前端接觸時間也不小了，但可能很多人對meta標籤依然認識不足(只知道charset=utf-8?)。 我們今天來好好分析一下meta標籤的作用以及如何更好的利用meta標籤做網頁的SEO。 第一方面 meta標籤可以用作
2020-02-24 11:00:08
原创 link引入樣式與import的區別
link是XHTML的標籤，除了能夠鏈入樣式外，還可以定義RSS等事務，import是css2.1定義的，只能用來加載css。 link鏈入樣式的時候是頁面加載的同時開始加載，而import必須在頁面加載完成後開始加載。 lin
2020-02-24 11:00:08
原创 每次連接阿里雲服務器浪費半小時，我就不信了。
filezilla連接阿里雲服務器傳輸文件 ip：公網ip 用戶名：root（坑爹） 密碼：大小寫組合的那個（阿里雲有一萬個密碼） 端口：sftp-22
2020-02-24 11:00:08
原创 box-sizing屬性
content-box:讓元素維持W3C的標準盒子模型。即寬高由border、padding、content的寬高決定。 簡單一點說就是我們定義一個元素的width或者height的時候，不包括元素的padding和border
2020-02-24 11:00:08
原创 history實現前端路由
這裏要注意有一個坑，就是history模式天然是要服務器支持的，也就是說至少也需要起一個服務器。不然“///”這種樣式的路徑是不會識別的。 <!DOCTYPE html> <html> <head> <title></ti
2020-02-24 11:00:08