原创 根據設計稿 -- 移動端單位的設置
引入less文件： // 設計圖750 使用flexible // px ==> rem, 設計稿尺寸 除以 75，單位 rem // 使用例如： height:40*base; @base: round(1/75,6) * 1rem
2020-07-01 13:45:53
原创 原生Js滑動頁面底部加載更多-- （注：單頁應用和非單頁-寫法不一樣）
1. 原生JS（適用於PC端,iphone上有bug-- 推薦使用第二種） //用於計算-當前窗口的高度 function getClientHeight() { if(document.body.clientHeight&&
2020-06-08 02:46:58
原创 Chrome收藏夾備註
項目文檔編寫： https://docsify.js.org/#/zh-cn/quickstart 項目文檔語法： http://plantuml.com/zh/activity-diagram-beta 前端佈局伸縮方案： https:
2019-03-12 19:14:13
原创 移動端 多屏適配方案
var dpr, rem, scale; var docEl = document.documentElement; var fontEl = document.createElement('style'); var metaEl =
2019-01-25 23:11:26
原创 Js同步加載圖片資源
//用法 await img2base64("https://cdn-corner.resource.buzzbuzzenglish.com/qr-code.svg", 'anonymous'); //封裝的方法 export con
2019-01-16 22:41:05
1
原创 將Html頁面轉img圖片功能
方案 將html轉成canvas，再利用canvas導出img功能達到目的。 實現 import html2canvas from 'html2canvas'; function DPR() { if (window.
2019-01-16 22:41:05
原创 React 中 componentDidMount 和 componentWillMount 誰先執行完？
React生命 周期函數componentDidMount 和 componentWillMount 的執行時間 1. 執行順序 componentWillMount函數肯定在componentDidMount之前運行，前者是
2019-01-03 23:55:01
1
原创 Iphone-XR，XS，XS MAX 系列媒體查詢
iPhone X @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
2019-01-02 23:55:41
1
原创 React生命週期函數簡介
1.constructor():構造函數 執行時間：組件被加載前最先調用，並且僅調用一次 作用：定義狀態機變量 注意：第一個語句必須是super（props），正確定義狀態機代碼如下 constructor(props) { s
2019-01-02 23:55:41
原创 修改Input 的placeholder顏色
嘗試過幾種寫法，發現只有一種生效： ::placeholder { color: #B2B5C8; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color:
2019-01-02 23:55:41
原创 前端部分好用的庫github上（個人記錄）
M3u8播放器功能： https://github.com/video-dev/hls.js hls.js 複製功能 ： https://github.com/zenorocha/clipboard.js clipb
2018-11-28 13:13:44
原创 Ajax 文件上傳顯示進度條（支持取消）- 供自己查看
建議先封裝一下XhrRequest: export default class xhrHelper { static createXHR() { if (typeof XMLHttpRequest !== "un
2018-11-28 13:13:44
原创 微信瀏覽器中video標籤 Z-index 過高遮擋頁面問題
添加部分屬性： <video controls id="video-introduction" x5-playsinline webkit-playsinline playsinline
2018-11-20 08:07:50
原创 原生Js實現輪播圖（React +Redux）
import React from 'react'; import Client from "../../../common/client"; import ServiceProxy from '../../../service-pro
2018-11-04 08:26:44
原创 Angular 中使用定時器引發的“血案”
Angular中如何使用定時器 不規範示例 使用window.setInterval/window.setTimeout方法： $scope.status = 'hello'; setInterval(function(){ $s
2018-08-24 08:13:16