原创 小程序封裝request方法

封裝一個成本低,效率快,簡單又簡潔的方法 在公共的js文件中: function commonAjax(url, types, data) { //這裏的tpyes個人根據項目情況來定,也可以完全區分開 wx.showLoadin

原创 Flex彈性盒模型詳解

Flexbox叫彈性盒模型,它的使用場景主要是屏幕自適應佈局和取代浮動佈局。 細節性的知識需要大量實踐,系統性的知識則需要真正理解系統。我認爲Flexbox就屬於系統性的知識。所以這篇文章從概念入手,力求做到只要閱讀一遍,就可以讓開發者心

原创 解決IE8及以下不支持getElementsByClassName的bug

原因: 在DOM3裏已經加入了getElementsByClassName這個方法,然而IE9、10以外的其它版本均不支持。 第一種方法: 改爲getElementById獲取(好吧,相當於沒說,哈哈哈) 第二種方法: 將原生getEle

原创 git強制線上覆蓋本地

git fetch --all git reset --hard origin/master origin/master 是當前master分支 可根據需要的分支修改該值

原创 前端現狀

參加技術評審,合不合理,怎麼做,聽後端說就行了,有時候一個需求後端與後端、後端與產品討論花費一半的時間 爲什麼還要前端參與,因爲要你來做事。技術評審你可以討論該不該展示,怎麼展示的問題,怎麼做的問題還是算了吧,重邏輯在後端 偶爾和產品撕一

原创 手動搭建 webpack + react 框架

轉自:https://blog.csdn.net/qq_35771567/article/details/83588854 準備 創建空項目文件夾。 建議安裝cnpm,下文所有npm可以用cnpm代替 npm install -g c

原创 微信小程序手機FormId

直接上圖,關鍵點,report-submit屬性一定要加上 JS文件中代碼: formSubmit:function(e){ // 監聽提交事件,獲取e.detail console.log(e.detail); } 圖

原创 VS Code 自動補全css前綴插件

vscode擴展中搜索:Autoprefixer 然後在css頁面,ctrl+shift+p,選擇autoprefixer,就可以自動全部添加好了

原创 javascript的誕生

JavaScript因爲互聯網而生,緊隨着瀏覽器的出現而問世。回顧它的歷史,就要從瀏覽器的歷史講起。 1990年底,歐洲核能研究組織(CERN)科學家Tim Berners-Lee,在全世界最大的電腦網絡——互聯網的基礎上,發明了萬維網(

原创 flex

Flexbox叫彈性盒模型,它的使用場景主要是屏幕自適應佈局和取代浮動佈局。 細節性的知識需要大量實踐,系統性的知識則需要真正理解系統。我認爲Flexbox就屬於系統性的知識。所以這篇文章從概念入手,力求做到只要閱讀一遍,就可以讓開發者心

原创 正則表達式中?=和?:和?!的理解

要理解?=和?!,首先需要理解前瞻,後顧,負前瞻,負後顧四個概念: 前瞻: exp1(?=exp2) 查找exp2前面的exp1 後顧: (?<=exp2)exp1 查找exp2後面的exp1 負前瞻: exp1(?!exp2) 查找後

原创 TCP和UDP比較

引言 網絡協議是每個前端工程師都必須要掌握的知識,TCP/IP 中有兩個具有代表性的傳輸層協議,分別是 TCP 和 UDP,本文將介紹下這兩者以及它們之間的區別。 一、TCP/IP 網絡模型 計算機與網絡設備要相互通信,雙方就必須基於相同

原创 深入理解JavaScript作用域和作用域鏈

前言 JavaScript中有一個被稱爲作用域(Scope)的特性。雖然對於許多新手開發者來說,作用域的概念並不是很容易理解,本文我會盡我所能用最簡單的方式來解釋作用域和作用域鏈,希望大家有所收穫! 作用域(Scope) 1.什麼是作用域

原创 深入理解JavaScript執行上下文和執行棧

前言 如果你是一名 JavaScript 開發者,或者想要成爲一名 JavaScript 開發者,那麼你必須知道 JavaScript 程序內部的執行機制。執行上下文和執行棧是JavaScript中關鍵概念之一,是JavaScript難點

原创 一文讀懂HTTP/2 及 HTTP/3特性

前言 HTTP/2 相比於 HTTP/1,可以說是大幅度提高了網頁的性能,只需要升級到該協議就可以減少很多之前需要做的性能優化工作,當然兼容問題以及如何優雅降級應該是國內還不普遍使用的原因之一。 雖然 HTTP/2 提高了網頁的性能,但是