原创 動畫 收藏

animate.css 最有名的動畫效果庫 magic.css css 動畫效果庫 類似 animate.css popmotion 一個函數式聲明前端動畫庫 NES.css 任天堂主題風格 css 庫 particles.js

原创 項目中用到的跑馬燈等滾動特效積累

1.普通滾動 <div class="info"> <transition name="slide" mode="out-in"> <div clas

原创 css 樣式代碼收藏

1.文字漸變color:#DBA465; background-image: linear-gradient(to bottom, #fffefc 20%, #fdd050);

原创 橫向滾動樣式

display: flex; flex-wrap: nowrap; margin-bottom: 30px; margin-top: 15px;

原创 canvas2image

/** * covert canvas to image * and save the image file */ export const Canvas2Image = function () { // check i

原创 安卓5 白屏

原因:es6 不兼容 1. object.assign babel不會處理默認 npm install babel-plugin-transform-object-assign npm install babel-plugin-transf

原创 iOS 10白屏 配置

const path = require('path'); const cwd = process.cwd(); const VueLoaderPlugin = require('vue-loader/lib/plugin'); cons

原创 使用better-scroll 封裝滾動加載組件

<template> <div ref="wrapper"> <slot></slot> </div> </template> <script type="text/ecmascript-6"> import BScr

原创 手機端奇葩彙總

原文:https://github.com/zhongDZ/zhongdz.github.com/issues/37   這裏收集了許多移動端上遇到的各種坑與相對解決方案 ##工具類網站 HTML5 與 CSS3 技術應用評估 各種奇妙的h

原创 移動端坑

系統自帶webview裏的注意點 1.IOS端:active不生效 常見效果長按按鈕狀態發生變化,比如切換src等,用:active再方便不過,可是可是。。。 解決方案:body標籤裏綁定個<body ontouchstart=""><

原创 vue-滾動加載組件

<template> <div id="infiniteScroll" class="infinite-scroll"> <slot></slot> </div> </template> <script> /** * 用法:

原创 移動端滾動條滾動收集

1.錨點鏈接 2.document.getElementById(rewardid).scrollIntoView();  3. Math.easeout = function (A, B, rate, callback) { i

原创 vue 分頁手寫

<template> <div id="root"> <nav-con id="nav" ref="nav" :title="'他們送上了祝福'"></nav-con> <div class="co

原创 移動端滾動問題(-webkit-overflow-scrolling/iscroll)

兼容問題: 如果元素定位在加了-webkit-overflow-scrolling:touch的容器上方時,如果上下滾動容器內容,定位的元素會跟着容器內容一起往上或往下滾動   iScroll是什麼 很多場景,如果使用body的滾動會很

原创 vue 組件系列-dataloading

// referenced: https://github.com/bedlate/vue-data-loading <template> <div class="vue-data-loading"> <div