原创 VScode開發Vue常用插件
auto close tag 自動關閉標籤 auto rename tag 自動重命名標籤 Bracket Pair Colorizer 彩色括號匹配
2020-05-31 07:27:10
原创 前端技術沉澱
視頻插件 Plyr 是一個簡單的可定製的 HTML5 媒體播放器，使用原生 JavaScript 沒有其他依賴。支持 YouTube 和 Vimeo 。
2020-05-31 07:27:00
原创 vue 跑馬燈頂部顯示輪播效果
目錄vue 跑馬燈頂部顯示輪播效果gif動畫展示實現原理demo代碼 vue 跑馬燈頂部顯示輪播效果 gif動畫展示 實現原理 使用定時器setInterval對元素的left進行間隔操作，逐漸減小，實現從右到左的移動。 mou
2020-05-27 00:11:11
7
原创 圖片縮放時保持邊緣和平滑 image-rendering
圖片縮放時保持邊緣和平滑 image-rendering 文章目錄圖片縮放時保持邊緣和平滑 image-rendering問題場景：在做響應式佈局時，img圖片一般會加個`style="width:100%"`進行縮放，但是無論放
2020-05-22 04:28:25
原创 vue 段落文字太長（長文收縮）點擊展開與收起
vue 段落文字太長點擊展開與收起 文章目錄vue 段落文字太長點擊展開與收起效果截圖組件調用vue部分屬性說明組件完整代碼 效果截圖 組件調用 vue部分 <Unfold data="這裏是文章測試標題，含標點一共二十個字。
2020-05-14 19:15:48
原创 this.$refs.searchForm.resetFields(); this.$refs[form].resetFields();重置表單的最實用解決辦法
this.refs.searchForm.resetFields();this.refs.searchForm.resetFields();this.refs.searchForm.resetFields();this.refs[
2020-05-14 19:15:48
原创 css3 backgroud 的縮寫形式
css3 backgroud的縮寫形式 background: #d3d4d5 url(bg.png) 100% 0 / 50% 80% no-repeat; 注意：/ 不能丟，/前面表示background-position
2020-05-04 14:51:41
原创 element UI 常用表單組件基本配置
element UI常用表單組件基本配置 日期時間範圍 需要添加兩個format <el-col :span="6"> <el-form-item label="時間" prop="time"> <el-date-p
2020-05-04 14:51:41
4
原创 vue elementui 在重置表單時，無法使用this.$refs['formRefVal'].resetFields()清空重置表單數據;
elementui在重置表單時，無法使用this.$refs[‘formRefVal’].resetFields()清空表單數據; elementui 設置rules後沒有效果 這個問題和rules以及驗證規則沒有關係，只和pro
2020-04-26 18:06:14
原创 js 數據的各種拷貝方法比較，最實用的深拷貝方法
由於目前的所有的拷貝方式都有問題，所以需要自己寫方法 各種方法比較 concat ： 一級數組和對象可以做到深拷貝，多級不可以 let arr=[1,2,3,4] let arr2=arr.concat() console.lo
2020-04-19 18:40:15
原创 vue 前端頁面表格數據導出生成帶上下間隔的pdf文件
vue 前端頁面表格數據導出生成帶上下間隔的pdf文件 生成的pdf文件效果圖 生成pdf實現原理圖示意 核心代碼 暫無 實現原理 使用白色橫條將頂部和底部進行遮擋 用到的包文件 碼雲地址 碼雲git地址
2020-04-19 18:40:15
原创 美圖秀秀去除水印前後對比圖
**使用工具：**在線版美圖秀秀 美圖秀秀連接地址：https://xiuxiu.web.meitu.com/main.html **結論：**在背景複雜的情況下，如2、4點位，效果很理想；對於背景複雜的情況，如1、3點位，需要
2020-03-08 22:30:48
5
原创 圖片長寬比不同時，依然居中顯示
<style> .exhibitorDetail__product__item_imgs { display: flex; -webkit-box-align: center; -ms-flex-align
2020-03-07 05:50:07
原创 算法圖解，二分查找與簡單查找的比較 log2 10億
二分查找需要30毫秒 Math.log2(10*100000000) =30毫秒 簡單查找需要11天
2020-02-23 14:06:07