原创 JavaScript 浮點數陷阱
最近看了一篇關於 JavaScript 浮點數陷阱的文章，寫的挺不錯，怕以後找不到了，我在這裏自己再總結一份。 問題 在 JS 的運算中經常會遇到這樣的問題： 0.1 + 0.2 = 0.30000000000000004
2018-12-08 00:40:34
8
原创 svg之viewBox縮放
舉個栗子🌰 代碼： <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0,user-scalable=no" />
2018-12-08 00:40:34
原创 svg圓圈loading的實現
效果： 代碼： <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1, minimum-scal
2018-12-08 00:40:34
原创 CSS 多列等高的幾種實現方式
什麼是多列等高 簡單的說，就是多個列，但是所有列的高度都希望以最高的那個列爲準。 如下圖，每個列的高度都靠裏面的內容撐起來。 但是有些情況我們需要每個列能與最高的那個列等齊。如下圖： 實現 利用 padding、margin
2018-11-26 09:12:44
原创 javascript 進制轉換
十進制轉其他進制 toString 方法可以傳入一個2到36之間的整數，表示需要把數字轉化成幾進制。如下： // 10進制轉2進制 (255).toString(2) // "11111111" // 10進制轉8進制 (255).
2018-11-26 09:12:44
原创 百度智能小程序踩坑之路
這篇博客記錄做百度小程序中踩過的一些坑，也可能是自己使用上方法不對。 歡迎大家評論補充和修正，相信百度小程序會越做越好。 我使用的各個工具版本如下： 開發者工具版本： 1.14.7 編譯工具版本：2.12.9 調試基礎庫：1.13.
2018-11-26 09:12:44
原创 最常用的移動端 1px 實現
關於移動端實現 1px 的方式有很多，這裏只講述最常使用也是兼容性較好的兩種： 1、利用 transfrom 的 scale 縮放來實現 2、利用 background 的 line-gradient 線性漸變來實現 實現效果 代碼
2018-11-26 09:12:44
原创 有趣的HTML標籤 —— map、area
幹什麼用的 <map> 標籤一般與 <area> 標籤一起使用，來定義一個圖像映射（也就是一個可點擊的鏈接區域）。 這麼來說吧，如果讓你在一個區域添加一個點擊熱點，你怎麼加？ 如上圖，藍色標記的區域，需要給這塊區域添加一個點擊，你可
2018-11-22 08:51:22
原创 聊一聊 vscode 的代碼格式化
寫在開頭 這篇文章來聊一聊我在 vscode 代碼格式化上遇到的一些坑。 如果你想快速配置自己的 vscode 支持保存自動格式化功能，請看另一篇文章：三步搞定 vscode 代碼格式化 先貼出最終的配置文件： { // tab
2018-11-21 08:54:21
原创 三步搞定 vscode 代碼格式化
一、安裝以下幾個 vscode 擴展程序： ESLint Prettier - Code formatter Vetur 如圖： 二、打開 settings 文件 打開方式： 先按步驟打開 setting 界面， Code --
2018-11-21 08:54:21
原创 SGML 、XML、HTML 什麼關係？
什麼是 SGML？ 標準通用標記語言（Standard Generalized Markup Language，SGML）是現時常用的超文本格式的最高層次標準，是可以定義標記語言的元語言，甚至可以定義不必採用 <> 的常規方式。由於它
2018-11-20 09:38:19
原创 實戰 webpack 4 配置解析四
接上篇： 實戰 webpack 4 配置解析三 WEBPACK.PROD.JS 解析 現在讓我們看看我們的 webpack.prod.js 配置文件，它包含了我們正在處理項目時用於生產構建的所有設置。它與 webpack.common
2018-11-12 22:47:35
原创 實戰 webpack 4 配置解析一
隨着Web開發變得越來越複雜，我們需要工具來幫助我們構建現代網站。 這是一個複雜的webpack 4配置的完整的現實生產示例。 構建現代網站已成爲自定義應用程序的開發。網站不僅僅被當作一個營銷網站，因爲它們還具備了傳統應用的功能。
2018-11-12 22:47:35
原创 實戰 webpack 4 配置解析三
接上篇： 實戰 webpack 4 配置解析二 WEBPACK.DEV.JS 解析 現在讓我們看看我們的 webpack.dev.js 配置文件，它包含了我們項目開發時用於開發構建的所有設置。它與 webpack.common.js
2018-11-12 22:47:24
原创 實戰 webpack 4 配置解析二
接上篇：實戰 webpack 4 配置解析一 WEBPACK 配置的共同約定 我爲所有 webpack 配置文件（webpack.common.js，webpack.dev.js 和webpack.prod.js）採用了一些約定，以便
2018-11-12 22:47:24