原创 Vue-cli4 配置 element-ui 按需引入
在按照element-ui文檔和網上各個文章的描述方式都未能正確配置出按需加載的功能。經小編一番摸索之後，終於搞定了，本篇文章記錄實現的全過程 #1 node與vue的版本情況 #2 未按需加載打包後的文件情況 由上圖看出，只是引
2020-06-21 04:54:59
原创 CSS 移動端 1px(線條/邊框) 解決方案
由於不同的手機有不同的像素密度導致的。如果移動顯示屏的分辨率始終是普通屏幕的2倍，1px的邊框在devicePixelRatio=2的移動顯示屏下會顯示成2px，所以在高清瓶下看着1px總是感覺變胖了 小編閱讀過其他作者的文章中有寫
2020-06-20 21:54:47
原创 Vue 動態綁定 class 的方法
本文實例講述了vue動態綁定class的幾種常用方式。分享給大家供大家參考，具體如下： #1 字符串綁定 :class=" 'className' " /* 如上示例是最簡單的動態綁定，但好像沒有任何意義，和不動態綁定的結果是一樣
2020-06-20 21:54:47
原创 移動端(H5)設置最大寬度兼容PC
爲使手機頁面在電腦瀏覽器中打開時依然保持居中顯示的良好佈局，所以需要一個良好的兼容結構。 源碼示例效果圖： 手機端 電腦端 源碼示例： <!DOCTYPE html> <html lang="en"> <head> <m
2020-06-20 21:54:47
1
原创 sass px轉vw
如今移動端對 vw/vh 的尺寸單位基本兼容，對代碼有潔癖的開發者們不想用js去計算rem的值了。 網上有許多有關在 sass 中 px轉rem的文章了，今天小編帶來一個簡單實用的 px轉vw的方法 sass方法源碼 /* 75
2020-06-20 21:54:47
5
原创 apicloud api.safeArea（解決狀態欄沉浸式、劉海屏、iPhoneX 底部Home鍵）
api.safeArea，頁面不被其它內容（如狀態欄）遮住的區域 通過safeArea能夠知道當前頁面哪些地方被遮住，從而做出相應的調整，保證頁面重要元素不被遮擋住。 官方文檔地址：https://docs.apicloud.com/
2020-06-20 20:58:45
2
原创 uni-app 全局方法封裝（源碼分享）
插件地址：https://ext.dcloud.net.cn/plugin?id=609 功能清單： 統一資源標識符設置 常用正則 網絡請求 獲取元素尺寸和位置 獲取元素自定義屬性值 加載彈窗 提示彈窗 使用方法請查看插件詳情，【點擊文章
2020-06-20 20:58:35
原创 uni-app 商品雙向聯動列表
插件地址：https://ext.dcloud.net.cn/plugin?id=707 預覽圖： 作者：黃河愛浪 QQ：1846492969，郵箱：[email protected] 公衆號：web-7258，本文原創，著作權
2020-06-20 20:58:35
原创 uni-app 看圖猜成語（源碼分享）
插件地址：https://ext.dcloud.net.cn/plugin?id=618 示例圖： 作者：黃河愛浪 QQ：1846492969，郵箱：[email protected] 微信公衆號：web-7258，本文原創，著作權
2020-06-20 20:58:35
原创 uni-app 顏色選擇器（插件分享）
插件地址：https://ext.dcloud.net.cn/plugin?id=403 效果預覽： 作者：黃河愛浪 QQ：1846492969，郵箱：[email protected] 公衆號：web-7258，本文原創，著作權歸
2020-06-20 20:58:35
1
原创 CSS 文字兩端對齊
最近在工作項目中接觸到Web界面設計的問題，要實現文字兩端對齊的效果。 預覽效果 源碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t
2020-06-20 20:58:35
原创 uni-app 拖動滑塊驗證（插件分享）
插件地址：https://ext.dcloud.net.cn/plugin?id=573 效果預覽： 作者：黃河愛浪 QQ：1846492969，郵箱：[email protected] 公衆號：web-7258，本文原創，著
2020-06-20 20:58:35
原创 jQuery 監聽輸入框輸入（兼容IE8）
因 IE9 以下版本的瀏覽器不兼容 oninput 事件，所以經常使用 keyup + change 的組合事件來完成，但是體驗有所欠缺。 其實 IE 早已有與 oninput 事件相同功能的事件 onpropertychange。
2020-06-20 20:58:35
原创 uni-app h5平臺在電腦瀏覽器打開解決方案
使用 uni-app開發 H5平臺 項目在電腦瀏覽器中因瀏覽器分辨率問題會導致 rpx 單位元素尺寸過大，很是影響美觀。 本篇文章小編教大家一下簡單實用的解決方案 #1 創建一個電腦瀏覽器中專用的容器html文件pc.html，參考源
2020-06-20 20:58:35
4
原创 CSS 佈局之魂 display （一切佈局的開始）
在文章開篇之前拋出一些常見的問題: text-align: center; 爲什麼內容不居中？ width: 100px; 爲什麼寬度不生效？ 帶這上面最常見的兩個問題，也是令無數後端開發者抓狂。 爲什麼CSS這麼難學？ 爲什麼百度無
2020-06-20 20:58:35