原创 CSS實現鼠標上移圖片加彩色（濾鏡）
先看gif 講解 下面的css文件是.styl後綴，使用了stylus預處理器搭配vue框架使用的 關鍵是下面這個屬性（濾鏡）： filter grayscale(100%) 這句代碼的意思很簡單，修改圖片的顏色爲黑白 &:hover
2020-07-05 21:03:21
原创 僞類實現中間文字兩邊畫橫線
代碼如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev
2020-07-05 21:03:21
原创 JS去除字符串中所有的某特定字符
const str = 'Js removes a specified character in a string - Java Programs - CSDN Blog'; let tempArr = []; tempArr = st
2020-07-05 21:03:21
2
原创 el-input針對手機號的校驗優化
注意：以下代碼均只展示與本文相符的內容，並不提供完整項目代碼 先看代碼 tool.js文件： function isvalidPhone (str) { const reg = /^1[3|4|5|7|8][0-9]\d{8}$
2020-07-05 21:03:21
原创 vue項目中更改element主題色
第一步 全局安裝element-theme： cnpm i element-theme -g 第二步 項目中安裝element-theme-chalk： cnpm i element-theme-chalk -D 第三步 生成初始化文
2020-07-05 21:03:21
原创 日記小程序優化
優化前地址 點贊功能上線； 支持上傳多張圖片，日誌詳情圖片採取輪播圖效果； 限制用戶最多隻能查看四條最新日誌； 支持搜索日誌內容的功能； 日誌分頁加載； 歡迎體驗：
2020-07-05 21:03:11
原创 javascript你不常用的功能彙總
合理使用函數的arguments // 函數本身可不寫形參 函數執行時可根據arguments對象來處理具體邏輯 function operation () { if (arguments.length === 1) {
2020-07-05 21:03:11
原创 雲開發經驗總結（展示兩種增刪改查的寫法）
開發工具 mpvue官方文檔 雲開發初始化 wx.cloud.init({ env: 'wedding-10c111' }) 上面這段代碼配置在src目錄下的main.js文件中 數據庫API（不使用雲函數進行增刪改查）
2020-07-05 21:03:11
原创 婚禮邀請函優化
優化前地址 原來的列表數據未做分頁，雖說已經結完婚了，但小程序一直有用戶在訪問，隨着用戶數據量的增加，一次加載所有數據顯然不是明智之舉，爲了做事有始有終，抽了一些時間對婚禮小程序做了一些優化，如下： 用戶列表分頁 留言分頁 留言搜索
2020-07-05 21:03:11
原创 while中continue break return各自的作用
雖然，平時工作中while用的並不多，多數情況下大家都習慣使用for循環，但while的用法還是要搞懂，下面以簡單用例來講解while以及while結合continue break return一起使用的用法 while循環
2020-07-05 21:03:11
1
原创 小程序系列（三）——踩坑（持續更新）
前言 基於mpvue框架：mpvue官方文檔 語法同vue框架：vue官方文檔 小程序中會有一些坑點，這裏會就工作中遇到的坑一一列舉出來 v-show無法使用在小程序中 <!-- 下面這行代碼無法正常工作 --> <img v-s
2020-07-05 21:03:11
原创 echarts常見設置筆記
設置tooltip是否顯示 tooltip: { // 座標軸觸發，主要在柱狀圖，折線圖等會使用類目軸的圖表中使用。 trigger: 'axis' } tooltip: { // 數據項圖形觸發，主要在散點圖，餅
2020-07-05 21:03:11
原创 css3優雅的實現優惠券/促銷標籤樣式
優惠券樣式 實現的代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" conte
2020-07-05 21:03:11
原创 iView Weapp使用方法——mini-UI項目的介紹
項目地址：項目git地址 本項目採用mpvue開發微信小程序 項目結構是根據iView Weapp官方文檔而來的 主要是講一些個人覺得iView Weapp值得學習的功能 項目中也會涉及到一些樣式問題，都在代碼中有所體現 可以說能滿足一般
2020-06-06 22:04:20
原创 css已知圖片寬度，如何讓寬高相等
實際效果 需求 已知父元素（box）爲一個正方形 但不知道父元素實際尺寸（自適應） 現在需要往正方形裏面放4張圖片，且圖片相互之間有留白 實現方式 先看dom結構： <body> <div class="box">
2020-06-06 22:04:20