原创 移動端滾動神器 better-scroll 系列篇二 原生js+BS製作幻燈片
話不多說，上代碼 初始html結構 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" co
2020-06-16 03:29:53
原创 一文看懂響應式佈局
響應式佈局概念 響應式佈局(Responsive design)，意在實現不同屏幕分辨率的終端上瀏覽網頁的不同展示方式。通過響應式設計能使網站在手機和平板電腦上有更好的瀏覽閱讀體驗。 響應式佈局一 : Meta 標籤 兼容性:IE
2020-06-16 03:29:53
原创 深入淺出js函數防抖與節流
函數防抖概念簡述 當持續觸發事件時，一段時間內只能觸發一次。將幾次操作合併爲一此操作進行。比如說有一條賽車通道，賽車通過的時間爲5s，5s之後到達終點，執行領獎操作。 這5s之內只允許一輛賽車在通道內，如果第一輛賽車還在通道
2020-06-16 03:29:53
原创 移動端滾動神器 better-scroll 系列篇四 原生js+BS 實現 城市列表，錨點定位
需求分析 思路分析 先做佈局 通過監聽右側導航的滑動或點擊，獲取當前Y軸位置，賦予列表相同的位置，實現列表的滾動 列表的滾動，獲取位置範圍，完成右側導航定位 一，頁面佈局 <!DOCTYPE html> <html la
2020-06-16 03:29:53
原创 js內存管理系列篇一：內存分析
說在前面 我是web光明頂一期的學生，本文是對深究JS原理這個階段的分析。 在js裏面，內存的概念大都被忽略了，大家都知道js是門高級語言，有自動的垃圾回收機制，所以很多人理所當然的覺得這個事情是不需要我們管的，那麼你就大錯特
2020-06-16 03:29:53
原创 自定義封裝移動端事件庫
封裝移動端事件庫的意義 移動端使用click事件會有延遲 有許多左滑或者右滑的操作，原生js沒有 有時業務會需要長按事件，原生js沒有 開始封裝 思路分析 既然是庫，那麼可以先寫一個匿名自執行函數(保護內部變量不受污
2020-06-16 03:29:53
原创 移動端多指操作一 ios篇
說在前面 移動端常用的事件上篇文章已講，這篇文章講點花的，多指操作（ios篇） ios 多指操作 第一步 清除默認事件 // 清除默認事件 否則會選取元素 document.addEventListener("touc
2020-06-16 03:29:53
1
原创 移動端多指操作二 安卓篇 (兼容性處理)
說在前面 上篇文章說了ios上的多指操作，那爲什麼不放在一起，把安卓的也一起講了，因爲安卓的存在兼容問題，gesturestart，gesturechange等事件安卓上都是沒有的，這些只存在於ios設備上，所以這些事件安卓設
2020-06-16 03:29:53
原创 淺析vue項目優化
vue用了半年多了，一路踩坑過來，也算是收穫不少。不錯呢，踩坑的文章很多，我就不寫了，主要來寫一寫怎麼去優化vue項目 注意 : 適用於vue-cli 初始化、 webpack 打包的單頁應用。 組件化 組件化(也叫模塊化)是前端的一個新
2020-06-16 03:29:53
原创 原生js實現響應式，數據驅動
響應式編程與數據驅動概覽 什麼是響應式編程： 響應式編程：(Reactive Programming 或稱反應式編程)是一種流行的編程方法，編寫代碼是基於對變化的反應。 響應式編程的優點： 執行的代碼和執行的線程是分開的。
2020-06-16 03:29:53
48
原创 一文看懂vue 路由攔截
爲什麼要設置路由攔截 1.有些頁面組件頁面需要登錄才能操作，不然會發生不可預知的錯誤 2.根據用戶權限配置頁面，若沒有這個權限，則你無法進入，進行攔截 1.路由設置：router/index.js export default n
2020-06-16 03:29:53
原创 深度瞭解Ajax技術
1.什麼是Ajax？ Ajax技術是使瀏覽器可以爲用戶提供更爲自然的瀏覽體驗 2.Ajax核心 Ajax的核心是JavaScript對象XmlHttpRequest。 該對象在Internet Explorer 5中首次引入，它是一種支持
2020-06-16 03:29:53
1
原创 深度探祕web前端性能優化
性能優化總論 1.性能優化的必要性 性能優化一直是我們在討論的一個話題，也是很重要的知識點，當項目功能越來越多，模塊規模一步步擴大，就會發生一系列的性能問題，比如說vue首屏加載會變得非常慢，編譯會延遲，打包也要等半天。必須明確性能優化的
2020-06-16 03:29:53
原创 原生js實現上滑加載，下拉刷新
這是手機端常見的一個功能，可能很多人都是用框架或者插件實現。 這裏，我試着用原生js實現。 這樣能更明白原理與底層實現 首先，佈局，模擬初始數據 <!DOCTYPE html> <html lang="en"> <head>
2020-06-16 03:29:52
原创 移動端滾動神器 better-scroll 系列篇一 初探BS
better-scroll是什麼 1.BetterScroll 是一款重點解決移動端各種滾動場景需求的開源插件，適用於滾動列表、選擇器、輪播圖、索引列表、開屏引導等應用場景。簡而言之，移動端滾動神器。以下簡稱BS。 2.基於原生j
2020-06-16 03:29:52