原创 整潔的javascript代碼
變量 1.使用直觀且有意義的變量名 Bad: const yyyymmdstr = moment().format("YYYY/MM/DD"); Good: const currentDate = moment().format
2020-07-07 01:57:53
原创 vue綁定key的案例（輸入框失焦問題）
之前做過這樣的一個需求，就是輸入框可動態增加或者減少的場景。通過v-for來遍歷所有輸入框，那麼分析下面key幾種情況： 爲了演示，這裏假設輸入框的校驗規則是允許字符數爲1-5。 1.沒有綁定key 或者 key綁定index的情
2020-07-07 01:57:53
2
原创 JavaScript權威指南之數組
創建數組 1.數組字面量 var arr = [1,2,3]; 2.使用構造函數Array（創建的數組是稀疏數組，後面解釋） var arr = new Array(10); 數組元素的讀和寫 1.數組是屬於特殊對象。 2.如
2020-02-24 16:47:28
原创 Javascript權威指南之類型、變量和表達式
整型直接量 在ES6的嚴格模式下，八進制是被嚴格禁止的。 在之前的版本雖然不支持，但是javascript的某些實現使得可以使用八進制數作爲整型數。 算術運算 Number.POSITIVE_INFINITY === Infini
2020-02-24 16:47:28
原创 JavaScript權威指南之函數
閉包 詞法作用域：函數的執行依賴於作用域，這個作用域是在函數定義時決定的，而不是在函數調用時決定的。 定義：當調用函數時的作用域和定義函數時的作用域不是同個作用域，就叫閉包。 var scoped = 'global scoped
2020-02-24 16:47:28
原创 慕課網react開發簡書網站項目中涉及的基礎知識點
react項目地址：https://github.com/suhuashan/jianshu，該項目是學習慕課網react視頻教程而手動敲，目前項目是用class寫react，後續我會引用react hooks會重構項目。 如果對
2020-02-24 16:47:28
原创 JavaScript權威指南之對象
創建對象 1.對象直接量 var obj = { name: 'xiaoming', age: 20 }; 2.關鍵字new var obj = new Object(); 3.Object.create函數 var ob
2020-02-24 16:47:28
原创 實習感想
自從3月底去sangfor實習，到現在一直沒更新博客。實習期間學了很多東西，但是沒有輸出成文章，很容易就被把識點遺忘，接下來爭取一週更新一篇博客，在此立下flag。 因爲工作中使用的前端框架是vue，所以接下來會分享一些vue使用過程中遇
2020-02-24 16:47:27
原创 Less使用教程（容易入門）
Less語法詳解 1.註釋 //單行註釋 /* 多行註釋 多行註釋 多行註釋 */ 2.變量 @color: red; @size: 14px; .container{ background: @color; font-siz
2019-03-24 06:50:13
原创 webpack打包優化的完美解決方案
webpack打包優化分爲兩部分，一部分是大小優化，另一部分是速度優化。 大小優化 1.CommonsChunk 前端構建項目中，爲了提高打包效率，往往將第三庫與業務邏輯代碼分開打包，因爲第三方庫往往不需要經常打包更新。webpa
2019-03-17 07:06:15
2
原创 單行文本超出或多行文本超出顯示省略號...
單行文本超出隱藏 css樣式中必須同時設置： white-space: nowrap; //不換行 text-overflow: ellipsis; overflow: hidden; <h3>單行文本超出隱藏</
2019-03-16 07:20:03
原创 前端面試之webpack面試常見問題
1：什麼是webpack和grunt和gulp有什麼不同 答案：Webpack是一個模塊打包器，他可以遞歸的打包項目中的所有模塊，最終生成幾個打包後的文件。他和其他的工具最大的不同在於他支持code-splitting、模塊化(AM
2019-03-15 06:32:20
2
原创 前端面試考點多？看這些文章就夠了
金三銀四跳槽季，offer快到碗裏來，前端面試考點衆多，而網上各個知識點的博客文章又太多，看的眼花繚亂……所以便整理了一下常見知識點的精華文章，每個知識點的文章控制在3篇以內，儘量覆蓋該知識點的下容易被面試到的所有內容，文章都是之前自
2019-03-13 02:49:28
原创 瀑布流頁面實現(jQuery自定義插件)
代碼github地址：https://github.com/suhuashan/waterfall 如果覺得對你有幫助，請賜我star~~ 解決思路：第一行的子元素進行單獨定位。第二行開始，開始比較每一列的高度，然後在最小的高度的那一
2019-01-25 17:12:54
原创 npm包分類管理與分類恢復
1.npm包介紹 在npm引用的依賴的時候，會在項目的根目錄生成node_modules文件夾和package.json文件。 依賴文件包存放在node_modules中，package.json記錄的是開發環境和生產環境的依賴名字。
2019-01-25 17:12:54