原创 一個非常簡單易用、不需要下載引入fonts的基於Font-Awesome的web字體圖標庫

筆者最近把之前用過的字體圖庫盡做成了一個js庫 Easy-ICON,使用起來十分簡單方便,在此分享一下: A Easy to Use Web Font ICON lib 在線使用 | English 文章目錄A Easy to

原创 解決Echarts 折線圖、柱狀圖數據大小差距過大,導致圖形高低差距太大的問題(type:log)

Echarts 是百度開源的一款 web 數據可視化類庫,渲染基於web canvas。 本文中的所有代碼都可以在 Echarts在線試用中調試。 1.問題產生 本文主要是爲了解決折線圖、柱狀圖數據大小差距過大,導致圖形高低差距太

原创 vuepress自定義組件 nuxt服務端渲染的奇怪bug:Failed to execute 'appendChild' on 'Node'

記錄一個遇到的超級詭異的問題,在寫cnchar文檔時,本人基於vuepress自定義組件來實現一些動態功能,然後dev調試一且正常,build完成之後發不到線上發現某些頁面會報下面的奇怪的錯誤,看不出問題產生原因。 網上搜索一遍

原创 Github Pages:Page build failed 問題原因及解決【cnchar、vuepress】

記錄一個究極奇怪的問題,Github Pages:Page build failed 本人寫了一個漢字工具庫 cnchar,部署在Github Pages上面,之前一直是這麼用的,後來突然有一次push代碼之後給我報錯了,Gith

原创 typescript 聲明文件 繼承擴展其他模塊,擴展String等原生對象,函數不確定參數個數

typescript聲明文件 可以用於js庫兼容ts引入、定義類型使編輯器提示更友好。 本文用於記錄ts聲明文件中一些技巧,不介紹聲明文件的基本用法,基本用法可以參考ts官網。 1. 繼承擴展其他模塊 比如你的一個模塊擴展了 vu

原创 WebWorker 加載 js代碼,而不使用url; js下載字符串作爲文件; js執行字符串代碼【Blob的騷操作】

1. 介紹 WebWorker 允許開發者在Web上創建多線程,對於計算密集型操作,可以大大優化web應用性能。 但是WebWorker文檔中只介紹了 是由url來創建一個worker,使用webpack時使用worker-loa

原创 成語接龍、歇後語 js JavaScript html web nodejs成語接龍離線js庫

介紹一款可以玩成語接龍的js庫 1. 介紹 cnchar是一款功能全面、多端支持的漢字拼音筆畫 js 庫 官方文檔 在版本2.2.0,cnchar引入了成語功能,cnchar幾乎涵蓋了與漢字有關的方方面面,拼音、筆畫、筆順、多音字

原创 cnchar.js 獲取漢字的拼音和筆畫數的js庫 cnchar2.0 支持繁體字、筆畫順序、多音字詞

cnchar 正式升級到 2.0版本 ,功能強大、體積更小。點我訪問詳細文檔 2.0版本 新功能: 獲取 漢字拼音 ,支持首字母、大小寫、數組分割、備選 多音字 等功能 支持 多音詞 支持 拼音音調 獲取漢字 筆畫數 、支持數組分割 獲取

原创 Github互助者聯盟-github倉庫互相star,小衆項目快速積累初始star

🚀 Github 互助者聯盟 所有項目 | 提交倉庫 | English 旨在幫助開發者積累自己倉庫的初始star數,助你平步青雲 初衷 好項目曝光度不夠,star數稀少,小衆項目開發者之間可以互相star支持,積累一定的初始st

原创 echarts 自定義、覆蓋legend點擊事件,禁用legend默認的點擊行爲

有一個需求場景,使用echarts時想要自定義legend的點擊事件,但是不要legend的默認點擊事件——就是點擊會隱藏和顯示對應的餅圖 查閱文檔和手冊之後,發現沒有可以直接使用的方法 那麼換個思路,在默認事件觸發之後再把取消選

原创 搭建一個完整的typescript運行環境【webpack、eslint、babel配置】

本人搭了一個支持eslint的typescript運行環境,分享一下 只需要克隆,安裝依賴就可以運行起來了,畢竟webpack、eslint、babel、ts的配置搞起來還是比較麻煩的~ 在你喜歡的目錄運行: git clone

原创 在web h5 上 js 繪製漢字 按筆畫繪製漢字 漢字拼音 多音字 筆畫繁體字 cnchar

推薦一個漢字工具庫 cnchar, (文檔地址) 該工具有以下功能 獲取 漢字拼音 ,支持首字母、大小寫、數組分割、備選 多音字 等功能 支持 多音詞 支持 拼音音調 獲取漢字 筆畫數 、支持數組分割 獲取漢字 筆畫順序 、筆畫

原创 Vue自定義組件中使用Element-UI Dialog組件,點擊關閉報錯 [Vue warn] Avoid mutating a prop directly

Vue自定義組件中使用Element-UI Dialog組件,點擊關閉報錯 [Vue warn] Avoid mutating a prop directly 這是由於自定義組件使用了傳入的prop作爲 Dialog 的visib

原创 一句代碼搞定瀏覽器複製文本和兼容性問題【複製粘貼js庫】

一句代碼搞定瀏覽器複製文本和兼容性問題【複製粘貼js庫】 文本複製在前端可以說是一個比較常用的功能,但是官方的API和一些現有的庫不易使用,而且使用複雜,兼容性也可能會有問題。 於是本人封裝了一個自己經常用到的文本複製方法,整理成

原创 vue,keep-alive,不同路由指向同一個組件,如何分別緩存頁面狀態

本文重要解決 vue使用keep-alive緩存頁面狀態時,當不同路由指向同一個組件,如何分別緩存頁面狀態的問題。 1.問題產生: 問題:由於三個頁面基本相同,所以三個路由頁面指向同一個組件,在使用keep-alive緩存的時候就