原创 樹形結構數據處理
$(function () { const models = [ {id: 1, title: 'hello', parent: 0}, {id: 3, title: '
2021-10-09 13:34:46
原创 element-ui 抽屜組件（el-drawer ） 二次封裝 增加resize拖曳改變寬度大小
<template> <div :id="`drawer_container_${id}`"> <el-drawer :id="id+'_drawer'" :wrapperClosable="false" @close="on
2021-09-24 13:34:49
2
原创 前端 大流量的下兜底容災方案
var url = interfaceURL; var backUrl = interfaceBackURL; var hardBackUrl = hardDataURL; var cacheTime = 10day; Ajax({
2020-12-25 13:39:01
原创 動畫 收藏
animate.css 最有名的動畫效果庫 magic.css css 動畫效果庫 類似 animate.css popmotion 一個函數式聲明前端動畫庫 NES.css 任天堂主題風格 css 庫 particles.js
2020-12-12 13:31:21
原创 項目中用到的跑馬燈等滾動特效積累
1.普通滾動 <div class="info"> <transition name="slide" mode="out-in"> <div clas
2020-12-02 13:31:32
原创 css 樣式代碼收藏
1.文字漸變color:#DBA465; background-image: linear-gradient(to bottom, #fffefc 20%, #fdd050);
2020-11-16 13:31:06
原创 橫向滾動樣式
display: flex; flex-wrap: nowrap; margin-bottom: 30px; margin-top: 15px;
2020-10-14 13:31:20
原创 canvas2image
/** * covert canvas to image * and save the image file */ export const Canvas2Image = function () { // check i
2020-07-28 14:23:36
原创 安卓5 白屏
原因：es6 不兼容 1. object.assign babel不會處理默認 npm install babel-plugin-transform-object-assign npm install babel-plugin-transf
2020-07-22 14:24:05
原创 iOS 10白屏 配置
const path = require('path'); const cwd = process.cwd(); const VueLoaderPlugin = require('vue-loader/lib/plugin'); cons
2020-06-29 13:21:21
原创 使用better-scroll 封裝滾動加載組件
<template> <div ref="wrapper"> <slot></slot> </div> </template> <script type="text/ecmascript-6"> import BScr
2020-06-18 13:16:18
原创 手機端奇葩彙總
原文：https://github.com/zhongDZ/zhongdz.github.com/issues/37 這裏收集了許多移動端上遇到的各種坑與相對解決方案 ##工具類網站 HTML5 與 CSS3 技術應用評估 各種奇妙的h
2020-06-17 13:16:16
原创 移動端坑
系統自帶webview裏的注意點 1.IOS端:active不生效 常見效果長按按鈕狀態發生變化,比如切換src等，用:active再方便不過，可是可是。。。 解決方案：body標籤裏綁定個<body ontouchstart=""><
2020-06-17 13:16:05
原创 vue-滾動加載組件
<template> <div id="infiniteScroll" class="infinite-scroll"> <slot></slot> </div> </template> <script> /** * 用法：
2020-05-12 13:09:25