原创 述職

述職分享 - 劉睿敏 主要工作成果 DDP:react/redux-thunk/koa(ssr) 是什麼:需求管理平臺(需求的創建 -> 評審 -> 開發 用戶:產品/運營/技術/大佬 everbody 價值: 解決需求來源不統一(l

原创 javascript垃圾回收機制 - 標記清除法/引用計數/V8機制

原理:找出那些不再繼續使用的變量,然後釋放其所佔用的內存,垃圾回收器會按照固定的時間間隔週期性地執行這一操作 策略:標記清除法/引用計數 JavaScript 內存分配: 在定義變量時就完成了內存分配,還可以通過函數調用分配內存,使用值的

原创 Node單線程 - 怎麼理解"單線程"/Node實現多線程

Node單線程的理解 Node 是單線程的指的是 JavaScript 的執行是單線程的,但 Javascript 的宿主環境,無論是 Node 還是瀏覽器都是多線程的 在 Node 啓動後,會創建 v8 的實例,這個實例是多線程的(在活

原创 詳解JS錯誤處理:前端JS/Vue/React/Iframe/跨域/Node

js錯誤捕獲 js錯誤的實質,也是發出一個事件,處理他 error實例對象 對象屬性 message:錯誤提示信息 name:錯誤名稱(非標準屬性)宿主環境賦予 stack:錯誤的堆棧(非標準屬性)宿主環境賦予 對象類型(

原创 React和Vue的區別

總結: 實習呆在一家算是大型公司吧,前端技術很老舊,現在公司又很geek,即使用React框架又使用Vue,使用場景也都很深度,所以想總結一下框架的對比和傳統前端技術對比又有什麼好處 React和Vue的相同點 使用 Virtual DO

原创 詳解call bind apply - 區別/使用場景/es6實現/es3實現

call,apply,bind的區別 apply接收數組 func.apply(obj, [arus]) call一連串參數 func.call(obj, param1, param2....) bind返回一個函數 func.bind(

原创 詳解JS事件 - 事件模型/事件流/事件代理/事件對象/自定義事件

事件模型 DOM0 級事件模型 -沒有事件流,這種方式兼容所有瀏覽器 // 方式一 將事件直接通過屬性綁定在元素上 <button onclick="clickBtn()"></button> / 方式二 獲取到頁面元素後,通過 on

原创 JS異步詳解 - 瀏覽器/Node/事件循環/消息隊列/宏任務/微任務

js異步歷史 一個 JavaScript 引擎會常駐於內存中,它等待着我們把JavaScript 代碼或者函數傳遞給它執行 在 ES3 和更早的版本中,JavaScript 本身還沒有異步執行代碼的能力,引擎就把代碼直接順次執行了,異步任務

原创 CSS - 實現垂直居中的幾種方式

1. 元素爲未知寬高的元素flexhttp://www.ruanyifeng.com/blo... display: flex; justify-content:center; align-items:Center; translate p

原创 【winter重學前端筆記】10瀏覽器:一個瀏覽器是如何工作的?CSS計算

加載css 加載是異步,不會影響DOM樹的構建,只是說在CSS沒處理好之前,構建好的DOM並不會顯示出來 啓發:所以CSS不能太大,頁面一打開將會停留較長時間的白屏,所以把圖片/字體等轉成base64放到CSS裏面是一種不太推薦的做法

原创 【16】winter重學前端 - JavaScript執行(一):Promise裏的代碼爲什麼比setTimeout先執行?

js實現異步的幾種形式 回調函數 事件監聽 - 事件驅動模式 發佈/訂閱 - 觀察者模式 Promises對象 js異步歷史 一個 JavaScript 引擎會常駐於內存中,它等待着我們把JavaScript 代碼或者函數傳遞給它執行

原创 H5/web app/第三方網頁 微信授權登錄 調研

微信登錄: 用戶可使用微信帳號快速登錄你的網站,同一用戶使用微信登錄你的不同應用和公衆帳號,會對應同一個UnionID,以便進行不同業務間的帳號統一 微信授權登錄可分爲: 掃碼登錄(一般用於 PC 網頁)- 微信開放平臺 跳轉 APP 授

原创 【筆記】重學前端-winter

本文爲:winter 發佈在極客時間 【重學前端】系列課程的的筆記和總結支持正版哦: https://time.geekbang.org/col... 導語 如果深入進去了解,你會發現,表面上看他們可能是一時忘記了,或者之前沒注意但實際上是

原创 Quiz - 回顧

CSS - 實現垂直居中的幾種方式(特別:垂直居中) 1. 元素爲未知寬高的元素flexhttp://www.ruanyifeng.com/blo... display: flex; justify-content:center; alig

原创 QUIZ

1. 實現css佈局一個div垂直居中其距離屏幕左右兩邊各10px其高度始終是寬度的50% div中有文本'A'其font—size:20px文本水平垂直居中 <style> .wrapper { margin: 0