原创 處理樹數據

處理樹數據 前言 在工作中,經常需要處理樹數據,自己總結了部分處理數據的函數,如下: 代碼 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