原创 大廠面經--js基礎篇(原型，原型鏈，繼承)
1、js中的原型和原型鏈 和其他的面向對象編程語言不同，最開始js並沒有引入class的概念，但是js中有在大量使用對象，爲了保證對象之間的聯繫，JavaScript引入了原型與原型鏈的概念。 1.1、什麼是原型 在js中，每一個
2020-05-24 11:07:10
原创 前端面試總結-----網絡基礎
一. http協議 1. http協議的發展歷程以及每個版本存在的問題 1.1 http1.1優缺點 1.1.1 優點 針對tcp連接十分耗時，使用Connection: keep-alive增加了持久連接 增加管道機制，在1
2020-05-04 14:17:57
原创 前端項目工程化工具webpack，gulp，babel的使用和原理
一、項目中的工程化 1.什麼是前端模塊化 前端開發和其他開發工作的主要區別，首先是前端是基於多語言、多層次的編碼和組織工作，其次前端產品的交付是基於瀏覽器，這些資源是通過增量加載的方式運行到瀏覽器端，如何在開發環境組織好這些碎片化
2020-02-23 22:51:42
1
原创 使用eslint+prettier來構建前端項目提交規範
前端項目規範化的背景 團隊多人協同開發，爲了保證代碼質量，對代碼制定規範化的標準是必須的，在此分享下，目前我們的項目採用的規範化手段 一、代碼校驗以及提交過程中的配置 在package.json中配置pre-commit pr
2020-02-23 22:51:41
原创 前端打包工具---webpack原理，使用，優化
1.webpack的原理 原理 webpack整體是一個事件驅動架構，所有的功能都以Plugin(插件)的方式集成在構建流程中， 通過發佈訂閱事件來觸發各個插件執行。webpack核心使用tapable來實現Plugin(插件)
2019-10-26 06:24:02
原创 使用hash和history實現前端路由切換,含完整源碼
1.前端路由出現的背景 路由最早出現在後端，也就是服務器端的路由，對於服務器來說，當接收到客戶端發來的HTTP請求，就會根據所請求的相應URL，來找到相應的映射函數，然後執行該函數，並將函數的返回值發送給客戶端。對於最簡單的靜態資
2019-07-30 03:41:33
1
原创 js中事件冒泡和捕獲的坑
一、事件捕獲 二、事件冒泡 在下面的大圖查看中，要求點擊圖片之外的部分和叉叉關閉大圖查看，點擊圖片部分沒有效果 <div className="editour-pic-big" ref={r => this.imgRef
2019-07-18 03:14:46
原创 微信小程序開發---微信獲取微信綁定手機號並登錄流程
一、微信原生調用步驟 調用wx.login()獲得code wx.login({ success: function(res){ console.log(res.code) } }) 開發者使用code在微信服務
2019-06-11 11:52:55
1
原创 多個組件實例上添加事件監聽器導致的問題
問題描述： 最近在做項目遇到一個問題：項目是一個mvc的框架，在項目站內切換的時候不會卸載上一個頁面的組件，這就會導致一個問題，如果一個組件被多個頁面調用，並且該組件上涉及到添加事件監聽器，如果使用getId的方式獲得dom並添加事件
2019-05-10 20:18:03
原创 記錄看過的前端開發和部署的文章
1.大公司開發和部署前端項目： https://www.cnblogs.com/haitangxun/articles/4669439.html https://blog.csdn.net/guduyibeizi/article/de
2019-05-07 11:40:14
原创 小程序開發----分享
分享是小程序中使用最多的功能，包括小程序原生頁面的分享和使用webview打開的h5頁面的分享。 原生頁面：onShareAppMessage(),點擊右上角的三個點分享會自動執行該函數，關於該函數需要注意： 該函數是同步函數，裏面
2019-05-01 01:03:29
2
原创 小程序開發---架構
一、相關SDK 小程序SDK 原生小程序頁面開發使用微信提供的小程序基礎庫(小程序sdk：https://developers.weixin.qq.com/miniprogram/dev/api/)進行。 小程序基礎庫提供豐富的微信
2019-04-29 14:32:42
原创 第一次加載img,得到的高度爲0，刷新高度正常問題（頁面圖片加載完成後獲取圖片高）
問題描述： 因爲埋點的需要，需要判斷一個產品是否進入用戶可視區域，在實現過程中出現： 每次新打開一個窗口，使用element.getBoundingClientRect().top的值都是錯的，但是刷新頁面，值又正常了。 思考過程：
2019-04-27 14:01:14
原创 windows下配置並運行react-native項目
因爲後邊要做rn項目，所以需要搭建下環境，過程中遇到很多問題，特記錄下來。 首先我是按照react-native中文網官方提供的教程進行進行安裝的。 react-native 需要的依賴的環境：node, python2, jdk，
2019-04-20 09:39:10
原创 h5拖拽api (drag,drop)實現多圖片拖動排序，兼容移動端
需求：h5頁面實現允許多張圖片上傳並且支持對圖片長按拖動排序，由於我們的h5頁面在pc端和移動端都有入口，因此拖動排序需要兼容pc和移動端。這裏不涉及圖片上傳，只涉及對上傳的圖片進行拖動排序。 在開發前需要知道，h5拖拽api(dra
2019-04-09 04:49:06
69