原创 JS事件冒泡處理
什麼是JS事件冒泡？ 在一個對象上觸發某類事件（比如單擊onclick事件），如果此對象定義了此事件的處理程序，那麼此事件就會調用這個處理程序，如果沒有定義此事件處理程序或者事件返回true，那麼這個事件會向這個對象的父級對象傳播，從
2020-06-22 13:19:28
原创 Webpack 常用插件總結
講講webpack常用的幾個插件: 1、uglifyjs-webpack-plugin 作用：壓縮混淆js文件 用法配置： plugins: [ new UglifyJsPlugin({ uglifyOpti
2020-06-22 13:19:26
原创 ES5中的幾種繼承方式
原生javascript中的繼承，是考驗對JS掌握程度一個重要反饋，現在來總結JavaScript中的幾種繼承方式，並分析其利弊。主要有三種方式：構造函數方式、原型鏈繼承方式、組合繼承以及寄生組合繼承方式。 一、借用構造函數 f
2020-06-22 13:19:26
原创 URLSearchParams 兼容性引發IOS 10 白屏問題
在使用公司平臺提供的組件時，遇到在6s、7p時出現白屏情況，通過review代碼發現平臺的組件使用了URLSearchParams和es6 的includes。 通過caniuse.com 或者MDN查看 URLSearchParams兼
2020-06-22 13:19:26
1
原创 js Arguments對象
js的內置對象Arguments是函數的實際函數，他保存函數的所有參數。Arguments是一個對象，typeof Arguments得到的是Object，但有length,index的屬性。強調的是Arguments不是數組Array。
2020-06-22 13:19:26
原创 Weex 樣式開發規範總結
樣式表和 CSS 規則是由 Weex js 框架和原生渲染引擎管理的。出現性能考慮，Weex 目前只支持單個類選擇器，並且只支持 CSS 規則的子集。在Weex裏，每一個Vue組件的樣式都是scoped。 一、盒模型 Weex 盒模型基於
2020-06-22 13:19:25
1
原创 Weex 簡介
最近項目在改造，嘗試使用Weex代替原有的H5 和原生頁面，提高系統運行效率。期間遇到了很多坑，後面會仔細講講，先來看下Weex的基本信息。 一、什麼是weex "Weex是一個可以使用現代化的 Web 技術開發高性能原生應用的框架"，這
2020-06-22 13:19:24
原创 Weex 開發注意事項
上一篇簡紹了weex 的一些基礎知識和開發規範，這篇講些實戰中會遇到的坑，和開發技巧相關東西。 1、使用webpack 構建時的注意事項 項目中使用的是webpack 3.X 版本，webpack現在已發佈4.X 版本，但4.X
2020-06-22 13:19:23
2
原创 微信小程序事件小結
最近在寫微信小程序，分（總）享（結）一些小的開發技巧。 1、事件綁定bindtap 微信小程序裏面的事件綁定方法是bindtap，此方法只能指定方法名，不能傳參數。 <image src="{{item.imgUrl
2020-06-04 11:39:14
原创 React簡單概覽
學習React 一段時間了，現在總結下個人對React的認識。 什麼是React React是Facebook推出的一個高效的javascript庫，用於構建“可預期的”和“聲明式的”Web用戶界面，可以用來構建因數據不斷變化的大
2020-06-04 11:39:14
原创 ES5中的繼承
原生javascript中的繼承，是考驗對JS掌握程度一個重要反饋，現在來總結JavaScript中的幾種繼承方式，並分析其利弊。主要有三種方式：構造函數方式、原型鏈繼承方式、組合繼承以及寄生組合繼承方式。 一、借用構造函數 f
2020-06-04 11:39:14
原创 Javascript跨域問題總結
今天來總結下前端跨域問題的解決方案，網上有很多這個問題的總結和描述了；跨域問題也是前端的一個老問題了，現在就來簡單聊聊。 同源策略（Same origin policy）是一種約定，它是瀏覽器最核心也最基本的安全功能，如
2020-06-04 11:39:14
原创 React 組件概括
React中一切皆可爲組件，組件從概念上類似於 JavaScript 函數，組件也可以理解爲React中的一種狀態機，它裏面包括從外面獲取的props 和內部保持狀態的state，並返回用於描述頁面展示內容的 React 元素，其中其數據
2020-04-15 22:34:05
原创 React 中的key & 啓發式算法
Key 是React循環遍歷數組(map)構建列表時用到的一個特殊字符串屬性。Key可以幫助React識別出被修改、添加、刪除的Item，未修改的元素直接複用，從而提高渲染性能。 1、組件中的Key 在開發React同一層級相同類型的組
2020-03-30 16:42:43
1
原创 使用ajax和window.history.pushState無刷新改變頁面內容和地址欄URL
在訪問現在很火的google plus時，細心的用戶也許會發現頁面之間的點擊是通過ajax異步請求的，同時頁面的URL發生了了改變。並且能夠很好的支持瀏覽器的前進和後退。不禁讓人想問，是什麼有這麼強大的功能呢？ HTML5裏引用了新
2020-02-24 19:24:49