原创 處理樹數據
處理樹數據 前言 在工作中,經常需要處理樹數據,自己總結了部分處理數據的函數,如下: 代碼 tree.json [ { "id": "4", "pid": "1", "name": "大家電" }, { "id": "5"
原创 函數參數默認值和 || 的區別
函數參數默認值和 || 的區別 前言 es6 對函數進行了擴展,新增了函數傳參設置默認值的功能,那麼,這個默認值和 || 有什麼區別呢? 代碼 function fn (str = '') { console.log(type
原创 正確渲染html字符串
正確渲染html字符串 前言 在渲染 html 字符串時,需要將合法的 html 標籤渲染出來,對部分字符( <、> )轉義成 html 實體。 相關鏈接 最全面清除html字符串的方式 代碼 var str = `111<br
原创 最全面清除html字符串的方式
最全面清除html字符串的方式 前言 如何清除 html 字符串?我在網上搜索了很多種方法都不盡人意,故自己在網友寫好的基礎上對整體功能進行自測,以期達到能清除任意格式的 html 字符串。 html 標籤有以下幾種格式: <br
原创 一次返回上級頁面引發的問題的思考
返回上級頁面前言環境有問題的效果Vue Router實現代碼實現正確的效果總結 前言 在用 vue 做 PC 項目時,有這麼一個需要,從首頁進入次級頁面,然後點擊次級頁面的返回按鈕返回首頁。一個很簡單的功能,用 Vue Router
原创 圖片全屏查看組件
圖片全屏查看組件前言環境效果如下目錄結構代碼 前言 在一些博客網站上,經常能看到點擊圖片,然後圖片全屏展示,再次點擊屏幕,圖片還原,現在就要完成這樣的組件。 環境 vue2.5 webpack3.6 less 效果如下 目錄結構
原创 巧用iview組件庫的Form表單的trim修飾符
Form表單前言效果代碼默認值爲null的效果修改後代碼結論 前言 在使用 iview 組件庫時,經常需要用到 Form 表單,驗證一些用戶輸入操作,然輸入框需要清除兩端空格,可以使用 v-model 指令的 trim 修飾符。當輸入
原创 webpack4.x實現熱更新
熱更新前言環境目錄未啓動熱更新效果代碼啓用熱更新效果代碼 前言 webpack 的 webapck-dev-server 包會啓動一個開發服務器,當修改入口文件或者入口文件中引入的其他文件時,webpack 會自動編譯入口文件,然後刷
原创 挺好用的可編輯div組件(二)
可編輯div前言環境事件和快捷鍵 前言 上一篇封裝了可編輯div組件–挺好用的可編輯div組件(一),這一篇將講解應用可編輯div的注意事項。 環境 vue2.5 webpack3.6 事件和快捷鍵 下面代碼中添加了input、b
原创 挺好用的可編輯div組件(一)
可編輯div組件前言環境分析需要的功能代碼如下使用效果如下 前言 最近接到一個需求,要實現一個能輸入帶顏色的文字的輸入框,可以渲染html字符串。立刻就想到了HTML的contenteditable屬性。在HTML中,任何元素都可以編
原创 Element中resetFields()失效的解決辦法
resetFields前言resetFields()思路 前言 在使用Element的Form組件對一個表格新增、編輯行時進行驗證操作,使用resetFields()方法可以重置表單所有字段值爲初始值。在編輯表單時,我們希望調用res
原创 從零開始累積的css面試題彙總
css面試題1.請在不使用結構僞類選擇器的情況下,用CSS實現每個鏈接之間用豎線分隔,豎線樣式爲 1px solid #aaa;2.[清除浮動](https://codepen.io/harmsworth/pen/MLdyZd)1.爲
原创 從零開始積累的javascript算法面試題
算法面試題1.計算一個字符串中出現重複字符的個數(不區分大小寫)?相關博客 1.計算一個字符串中出現重複字符的個數(不區分大小寫)? function duplicateCount (text) { return (text.
原创 從零開始累積的面試題彙總
面試題1.請用一行代碼實現數組扁平化?2.請在不使用Set的情況下實現數組去重?3.計算一個字符串中出現重複字符的個數(不區分大小寫)?相關博客 1.請用一行代碼實現數組扁平化? /** * 數組扁平化(方式一) * @par
原创 從零開始積累的javascript數組面試題
數組面試題1.請用一行代碼實現數組扁平化?2.請在不使用Set的情況下實現數組去重?相關博客 1.請用一行代碼實現數組扁平化? /** * 數組扁平化(方式一) * @param {Array} arr 數組 */ fun