原创 從零開始學 Web 之 CSS3（一）CSS3概述，選擇器
大家好，這裏是「 從零開始學 Web 系列教程 」，並在下列地址同步更新…… github：https://github.com/Daotin/Web 微信公衆號：Web前端之巔 博客園：http://www.cnblogs.
2020-06-20 15:04:54
原创 Vue路由配置history模式
我的博客： https://github.com/Daotin/fe-notes/issues vue需要node.js嗎？ 你可以用 script 標籤的形式引入vue.min.js 這樣的，不需要nodejs。 使用node有幾件
2020-04-03 13:33:21
原创 從零開始學 Web 之 HTML5（四）拖拽接口，Web存儲，自定義播放器
大家好，這裏是「 從零開始學 Web 系列教程 」，並在下列地址同步更新…… github：https://github.com/Daotin/Web 微信公衆號：Web前端之巔 博客園：http://www.cnblogs.
2020-02-21 01:20:59
原创 從零開始學 Web 之 HTML5（三）網絡監聽，全屏，文件讀取，地理定位接口，應用程序緩存
大家好，這裏是「 從零開始學 Web 系列教程 」，並在下列地址同步更新…… github：https://github.com/Daotin/Web 微信公衆號：Web前端之巔 博客園：http://www.cnblogs.
2020-02-21 01:20:59
原创 3分鐘搞定圖片懶加載
什麼是圖片懶加載 圖片的懶加載就是在頁面打開的時候，不要一次性全部顯示頁面所有的圖片，而是隻顯示當前視口內的圖片，一般在移動端使用（PC端主要是前端分頁或者後端分頁）。 爲什麼需要懶加載 對於一個頁面加載速度影響最大的因素之一就是圖片資源，
2019-12-26 13:29:04
原创 四兩撥千斤，一招搞定數字格式化問題
問題描述 今天在處理一個數字的格式顯示問題時，遇到下面的一些需求： 可以顯示千分符 可以顯示百分比 可以顯示小數位數 如下圖，如果勾選的話就使能該項設置。 百分比和小數位數比較好解決，百分比只需要在源數字後面加兩個零再加上百分號；小數
2019-12-20 13:29:44
原创 將包含時間戳的對象數組按天排序
問題描述 示例對象數組如下，每個對象中都有一個時間戳，現在要求將每個對象按照其中的時間戳對應的天數進行排列，如何實現？ 需求分析 示例代碼如下： var list = [ { time: 1525681075426,
2019-12-17 13:28:59
原创 如何用css畫一個文件上傳圖案？
如下圖，如果是你，你會怎麼實現： 通常我們會通過字體圖標來顯示中間的加號，外層用一個div包裹即可；或者使用僞元素來模擬中間的一橫一豎，這都比較麻煩。 其實我們可以直接使用div+css就可以實現。 輪廓屬性outline outline
2019-12-17 13:28:59
原创 Vue.js命名風格指南
前言 本命名風格指南推薦了一種統一的命名規範來編寫 Vue.js 代碼。這使得代碼具有如下的特性： 統一團隊的命名規範，其它開發者或是團隊成員更容易上手閱讀和理解。 IDEs 更容易理解代碼，從而提供高亮、格式化等輔助功能。 本指南只是個
2019-12-13 13:28:43
原创 JS的靜態類型檢測，有內味兒了
我們知道 TypeScript 2.3 以後的版本支持使用--checkJs對.js文件進行類型檢查和錯誤提示。 但是由於 JavaScript 是弱類型語言，在編寫代碼的時候，是無法檢測變量的類型的。 因此每次運行代碼類型報錯的時候，我心
2019-12-11 13:29:28
原创 vue中子組件直接修改父組件prop屬性bug
在有些時候，子組件直接修改父組件傳來的 prop 對象的屬性會出現不同步的問題。 比如，父組件傳過來的一個對象 checkBoxObj: checkBoxObj:{ checked: false } 將 checked 通過v-mo
2019-12-06 13:29:42
原创 vue中點擊屏幕其他區域關閉自定義div彈出框
直接上代碼： mounted: function () { let that = this; $(document).on('click', function (e) { let dom = $('.myDi
2019-12-06 13:29:42
原创 vue hover如何觸發事件？
vue中並沒有 @hover 事件，但是可以使用 @mouseenter 和 @mouseleave 來模擬hover操作。
2019-12-06 13:29:42
1