原创 微信小程序——工程構建（vscode）和微信開發者工具
文章目錄1. vsode插件(1) Live Sass Compile——實時將sass打包爲wxss(2) vscode weapp api——提供小程序API提示及代碼片段2. 微信開發者工具(1) 設置支持ES6(2) 工具
2020-06-24 21:33:28
原创 微信小程序——小實現(禁止頁面滾動、長按複製、長按識別二維碼)
1. 禁止頁面滾動 對於小程序某些一屏的頁面，特別是全屏的swiper，並不希望頁面在豎直方向上可以滾動。 實現方式： 在需要禁止滾動頁面的json中加入： "disableScroll": true 注意：只在頁面配置中有效，
2020-06-24 21:33:28
原创 js時間YYYY-MM-DD轉換爲英文顯示，其他日期處理函數
1. YYYY-MM-DD轉換爲英文顯示 目標：將2019-1-2轉換成Jan 01, 2019 實現方式： 先將YYYY-MM-DD轉換成YYYY/MM/DD的各瀏覽器兼容的字符串形式，再轉換成Date對象，從而得到其字符串形式
2020-06-24 21:33:27
6
原创 List樣式進階——圖片環繞、分欄多列布局
文章目錄前言1. List圖片環繞(1) 目標(2) 分析和實現(3) 解決IE兼容問題2. List分欄佈局不被切斷 前言 好幾個月沒有更新了，也側面反應工作太忙。最近被各種List的樣式折磨得不輕。看似樣式簡單，但是在實現時也
2020-06-24 21:33:26
1
原创 Accessibility Handbook
文章目錄1. Overall duty of all parties (for details please refer to the checklist)1.1 Role: FE1.2 Role: BE1.3 Role: CE1
2020-06-24 21:33:26
原创 CSS實現兩行input框樣式
需求 實現如下這樣的兩行的input框樣式。placeholder是兩行的： 在輸入的時候也是兩行： 實現 demo: https://jsfiddle.net/2L7adr86/ 不要想着把input變爲兩行，而是直接使用t
2020-06-24 21:33:26
原创 MongoDB安裝、啓動、數據導入及可視化工具
文章目錄前言什麼是NoSQL?爲什麼使用NoSQL?MongoDB安裝(1) 更新Homebrew的package(2) 安裝MongoDB(3) 查看是否安裝成功MongoDB啓動(1) 啓動mongodb(2) 連接mongo
2020-06-24 21:33:26
原创 微信小程序——客服功能接入
文章目錄1. 代碼部分2. 小程序後臺管理配置3. 客服端4. 功能呈現(1) 用戶端(2) 客服端 官方文檔： https://developers.weixin.qq.com/miniprogram/introduction/
2020-06-24 21:33:26
原创 JS Date對象及日期處理的坑
文章目錄1. Bug建議(1) 日期字符串用/的格式(2) 使用moment.js日期處理類庫2. Date對象(1) 構造函數[1] new Date()[2] new Date(毫秒時間戳)[3] new Date(日期字符串
2020-06-24 21:33:26
原创 iOS 13下的設備判斷
文章目錄1. 通常的設備判斷方式(1) 移動端還是PC(2) 安卓還是iOS(3) 是否用微信打開2. iOS 13的問題3. iOS 13下如何判斷設備 1. 通常的設備判斷方式 通常在進行如下判斷時，常使用navigator.
2020-06-24 21:33:16
原创 Js腳本實現數據插入MongoDB
文章目錄前言編寫腳本(1) 連接數據庫(2) 插入數據執行腳本 前言 MongoDB是可以直接執行js腳本的。本文簡單介紹如何使用js腳本批量將數據插入mongoDB中。 關於MongoDB如何安裝、啓動以及下文中用到的可視化工具
2020-06-24 21:33:15
7
原创 微信小程序——富文本
在微信小程序裏是支持使用富文本的。使用rich-text組件，官方鏈接：https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html 測試範例：
2020-03-17 02:45:07
原创 CSS之自定義原生checkbox樣式
需求 原生的checkbox的樣式基本不能滿足項目的要求。在項目上，常常不使用原生的checkbox，而做個假的，通過點擊事件來判斷是否選中。 但往往，這並不是一個好的辦法。如何解決？可以通過僞類來自定義checkbox的樣式。
2020-03-11 23:29:08
1
原创 CSS之:focus-within自身或某個後代focus的僞類
1. 什麼是:focus-within？ :focus-within 是一個CSS 僞類 ，表示一個元素或其後代元素獲得焦點。 在表單中，這個僞類非常有用。 2. 兼容性 需要注意的是，IE不支持。 3. 例子 看下面這個例子，
2020-02-25 15:08:29
原创 iOS上陀螺儀失效問題
文章目錄1. 功能2. 問題3. 解決方案 1. 功能 在實現如下功能時，通常會用到基於HTML5陀螺儀的DeviceMotionEvent和DeviceOrientationEvent。 搖一搖 旋轉手機看全景圖像 Devi
2020-02-20 14:52:33