返回文件流，靜態(tài)服務(wù)那種
這可能是最簡單的docx、pdf、excel文件預(yù)覽vue組件項目的由來 最近項目中需要實現(xiàn)pdf和docx文件的預(yù)覽功能，本來想著這應(yīng)該是非常常見的需求，應(yīng)該有很多現(xiàn)成的簡單方案可用，搜索了一圈發(fā)現(xiàn)，雖然有很多方案，但是用起來有一些問...
IP屬地：北京
-
-
Form表單回車后聚焦下一個元素的超優(yōu)雅方案
簡介 v-focus-next是一個Vue指令，使用該指令后，在表單的某個元素中輸入回車符，可以自動聚焦到下一個表單元素，避免了用戶通過鼠標來回選中表單元素，大大提升了表單填...
-
你的表單支持回車自動聚焦嗎？
背景 最近在做產(chǎn)品優(yōu)化，產(chǎn)品讓給表單增加一個功能，就是回車后自動進入下一個表單元素，這樣就不用頻繁使用鼠標進行切換了，可以大大提升表單輸入的流暢性，讓用戶一路Next。 這個...
-
前端js實現(xiàn)帶樣式的excel(.xlsx)文件預(yù)覽vue組件
都2023年了，怎么文件預(yù)覽還這么難！ 發(fā)現(xiàn)了問題之后，就想著能不能實現(xiàn)一個簡單的VUE組件庫，能夠解決以上問題，讓新手前端，能夠非常高效的完成文件預(yù)覽任務(wù)。 于是，我期望開...
-
前端js實現(xiàn)docx、xlsx、pdf等類型文件預(yù)覽VUE組件
都2023年了，怎么文件預(yù)覽還這么難！ 發(fā)現(xiàn)了問題之后，就想著能不能實現(xiàn)一個簡單的VUE組件庫，能夠解決以上問題，讓新手前端，能夠非常高效的完成文件預(yù)覽任務(wù)。 于是，我期望開...
-
這可能是最簡單的docx、pdf、excel文件預(yù)覽vue組件項目的由來 最近項目中需要實現(xiàn)pdf和docx文件的預(yù)覽功能，本來想著這應(yīng)該是非常常見的需求，應(yīng)該有很多現(xiàn)成的簡單方案可用，搜索了一圈發(fā)現(xiàn)，雖然有很多方案，但是用起來有一些問...
-
如何寫出好代碼之消除代碼中的重復(fù)
軟件開發(fā)中，有個很重要的DRY原則，即Dont Repeat Yourself，也就是不要重復(fù)自己。 重復(fù)的代碼會帶來以下問題： 開發(fā)效率低，重復(fù)造輪子 不同人開發(fā)的同一類功...
-
如何寫出好代碼之可讀性
可讀性是好代碼的一個重要指標，只有代碼能讓人讀懂，才有可維護性，所以可讀性是可維護性的基礎(chǔ)。 如今大部分程序員都知道可讀性很重要，可是如何提高可讀性，有哪些具體可操作性的方法...
-
從0實現(xiàn)一個流程渲染引擎緣起 現(xiàn)在前端最火的莫過于低代碼編輯器這塊了，有可視化編輯器、流程編輯器、文章編輯器、腦圖編輯器等等 而低代碼編輯器最難的和最有技術(shù)含量的，莫過于渲染引擎這塊了，一般用戶使用...
-
繪制文本的任務(wù)可以添加多個：
canvas.addDrawTextTask("要繪制的文字",{
x:110,
y:496,
width:1340,
fontSize:54,
fontWeight:'bolder',
fontFamily:"PingFangSC-Regular,'Microsoft YaHei',SimSun,Arial,'Helvetica Neue',sans-serif",
lineHeight:70,
color:'#1a1a1a',
marginBottom:40
})通過li-canvas輕松實現(xiàn)單圖、多圖、圓角圖繪制，單行文字、多行文字、豎向文字繪制，自動換行，保存圖片，下載圖片等
Html5新增的canvas是個強大的功能， 估計大家平時都會用到，只是頻率不高，偶爾用它合成圖片，但是如果不進行封裝的話，代碼會很亂，所以對canvas常用的畫圖、繪制文字...
-
CSS瀏覽器兼容性的4個解決方案：瀏覽器CSS樣式初始化、瀏覽器私有屬性，CSS hack語法和自動化插件
前端是一個苦逼的職業(yè)，不僅因為技術(shù)更新快，而且要會的東西實在太多了（如果全寫出來，那真是一籮筐），更讓人頭疼的是，還要面臨各種適配、兼容性問題。 一直以來都是頭痛醫(yī)頭腳痛醫(yī)腳...
-
通過li-canvas輕松實現(xiàn)單圖、多圖、圓角圖繪制，單行文字、多行文字、豎向文字繪制，自動換行，保存圖片，下載圖片等
Html5新增的canvas是個強大的功能， 估計大家平時都會用到，只是頻率不高，偶爾用它合成圖片，但是如果不進行封裝的話，代碼會很亂，所以對canvas常用的畫圖、繪制文字...
-
使用webpack從0搭建多入口網(wǎng)站腳手架，可復(fù)用導(dǎo)航欄/底部通欄/側(cè)邊欄，根據(jù)頁面文件自動更改配置，支持ES6/Less
之前只知道webpack很強大，但是一直沒有深入學(xué)習(xí)過，這次從頭看了一下教程，然后從0開始搭建了一個多入口網(wǎng)站的開發(fā)腳手架，期間遇到過很多問題，所以有心整理一下，希望能給大家...