原创 移動端滾動條滾動收集
1.錨點鏈接 2.document.getElementById(rewardid).scrollIntoView(); 3. Math.easeout = function (A, B, rate, callback) { i
2020-05-08 13:08:46
原创 vue 分頁手寫
<template> <div id="root"> <nav-con id="nav" ref="nav" :title="'他們送上了祝福'"></nav-con> <div class="co
2020-04-29 13:09:37
原创 移動端滾動問題(-webkit-overflow-scrolling/iscroll)
兼容問題： 如果元素定位在加了-webkit-overflow-scrolling:touch的容器上方時，如果上下滾動容器內容，定位的元素會跟着容器內容一起往上或往下滾動 iScroll是什麼 很多場景，如果使用body的滾動會很
2020-04-05 14:07:23
原创 vue 組件系列-dataloading
// referenced: https://github.com/bedlate/vue-data-loading <template> <div class="vue-data-loading"> <div
2020-02-20 14:53:45
原创 reset 移動端
html, body, ul, li, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } ::-webkit-scrollbar { d
2020-02-20 14:53:45
原创 js 監控瀏覽器性能
查看性能的參數說明： var t = performance.timing; // 詳情參見 performance API。 (1). 白屏時間 -> css加載完成時間戳 - t.fetchStart (2). 首屏/用戶可
2020-02-20 14:53:45
原创 vue組件系列-走馬燈組件
<template> <div class="sec-alert"> <div :class="{ animated: isAnimating }"> <div class="line" v-text="ti
2020-02-20 14:53:45
原创 git 記錄
Git global setup git config --global user.name "" git config --global user.email "" Create a new repository git clone ht
2019-12-24 14:06:07
原创 js 技巧
1.刪除重複項 var fruits = [“banana”, “apple”, “orange”, “watermelon”, “apple”, “orange”, “grape”, “apple”]; // First
2019-11-07 14:04:26
原创 Vue 開發技巧或者說Vue知識點梳理（轉，自個學習）
Vue 組件通訊 ——常見使用場景可以分爲三類： 父子通信： 父向子傳遞數據是通過 props，子向父是通過 events（$emit）；通過父鏈 / 子鏈也可以通信（$parent / $children）；ref 也可以訪問
2019-11-07 14:04:26
原创 js 數組去重（收藏）
function unique (arr) { return Array.from(new Set(arr)) } var arr = [1,1,'true','true',true,true,15,15,false,false
2019-10-23 14:00:06
原创 js 實現數字格式化（貨幣格式）幾種方法
// 方法一 function toThousands(num) { var result = [ ], counter = 0; num = (num || 0).toString().split('');
2019-09-18 13:58:05
原创 Flex 佈局教程：實例篇
一、骰子的佈局 骰子的一面，最多可以放置9個點。 下面，就來看看Flex如何實現，從1個點到9個點的佈局。你可以到codepen查看Demo。 如果不加說明，本節的HTML模板一律如下。 <div class="box">
2019-09-10 13:56:54
原创 Flex 佈局教程：語法篇
Flex 是 Flexible Box 的縮寫，意爲"彈性佈局"，用來爲盒狀模型提供最大的靈活性。 任何一個容器都可以指定爲 Flex 佈局。 .box{ display: flex; } 行內元素也可以使用 Flex
2019-09-10 13:56:53
原创 【轉載】49個CSS知識點
01.【負邊距】💘負邊距的效果。注意左右負邊距表現並不一致。左爲負時，是左移，右爲負時，是左拉。上下與左右類似 02.【shape-outside】❤不要自以爲是了。你以爲自己是方的，在別人眼裏你卻是圓的 03.【BFC應用】💓BF
2019-08-16 13:56:36