原创 夯實基礎，徹底掌握js的核心技術(三)：堆棧內存及閉包詳解
數據渲染機制及堆棧內存 1. 數據值操作機制 /* * 1. 先聲明一個變量a,沒有賦值（默認值誰undefined） * 2. 在當前作用域中開闢一個位置存儲12這個值 * 3. 讓變量a和12關聯在一起（定義：賦值） */ var a
2020-07-22 16:13:57
原创 夯實基礎，徹底掌握js的核心技術(二)：面向對象編程（Object Oriented Programming）
單例設計模式（Singleton Pattern） 1. 單例模式解決的問題： 表現形式： Var obj = { xxx; xxx, … } 2. 作用： 把描述同一件事物的屬性和特徵進行“分組、分類”（存儲在同一個推內存空間中），因此
2020-07-14 20:51:54
原创 夯實基礎，徹底掌握js的核心技術(一)
由於工作項目原因，最近很少更新博客了，不過忙中抽閒，利用晚上時間，總結了一些有關JS的基礎知識，並分享一些大廠面試 題，根據知識點進行具體分析講解，希望能對方便大家來學習。 數據類型/堆棧內存 JS中的數據類型 基本數據類型 numbe
2020-07-10 16:09:30
原创 每個前端工程師都應該懂的前端性能優化總結：
採用css雪碧圖（css sprite/css圖片精靈）技術 採用css雪碧圖（css sprite/css圖片精靈）技術，把一些小圖合併到一張大圖上，使用的時候通過背景圖片定位，定位到具體的某一張小圖片上<br />css代碼如下： .p
2020-06-16 19:40:36
原创 教你輕鬆搞定vue-codemirror的基本用法：主要實現代碼編輯、驗證提示、代碼格式化
2017年的時候用過codemirror,當時用的是jQuery庫、codemirror、beautify插件。主要實現代碼的編輯功能、插入一些變量功能、beautify插件主要用來格式化代碼，實現代碼美化效果。不過這兩年做項目都是用vu
2020-06-16 19:40:36
原创 axios學習筆記（二）：輕鬆弄懂XHR的使用及如何封裝簡易axios
使用 XMLHttpRequest（XHR）對象可以與服務器交互。您可以從URL獲取數據，而無需讓整個的頁面刷新。這允許網頁在不影響用戶的操作的情況下更新頁面的局部內容。在 AJAX 編程中，XMLHttpRequest 被大量使用。 <
2020-06-16 19:40:36
原创 # 小程序入門到精通：微信小程序介紹及開發準備工作（一）
1. 什麼是小程序？ 微信小程序（wei xin xiao cheng xu），簡稱小程序，英文名Mini Program，是一種不需要下載安裝即可使用的應用 ( 張小龍對其的定義是無需安裝，用完即走，實際上是需要安裝的，只不過小程序的體積
2020-06-16 19:40:36
原创 每個前端工程師都應該去了解的前端面試題總結(一)
當我們需要找工作的時候，面試對於我們每個程序員來說都是非常重要的環節，掌握一些面試題技巧是非常有必要的，今天主要分享幾個js有關的面試題 作用域 var num1 = 55 var num2 = 66 function f1(num,
2020-04-15 14:39:27
原创 # ES6學習筆記（四）：教你理解ES6的新增語法
let ES6新增的用於聲明變量的關鍵字 let聲明的變量只在所處於的塊級有效 不存在變量提升 暫時性死區 // 使用let聲明的變量具有塊級作用域 if(true) { let a = 10 console.log(a
2020-03-09 15:37:52
原创 帶你學習Javascript中的函數進階（一）
1. 函數的定義和調用 1.1 函數的定義方式 函數聲明方式function關鍵字（命名函數） 函數表達式（匿名函數） new Function() var fn = new Function('參數1', '參數2',...,'函
2020-03-02 15:34:02
原创 作爲前端，你需要懂得javascript實現繼承的方法
在ES6之前，javascript不跟其他語言一樣，有直接繼承的方法，它需要藉助於構造函數+原型對象模擬實現繼承。現在我們可以利用ES6的extends方法實現繼承，如果想了解更多有關ES6實現的繼承請查看《ES6學習筆記（二）：教你玩轉
2020-03-01 15:28:10
原创 ES6學習筆記（三）：教你用js面向對象思維來實現 tab欄增刪改查功能
前兩篇文章主要介紹了類和對象、類的繼承，如果想了解更多理論請查閱《ES6學習筆記（一）：輕鬆搞懂面向對象編程、類和對象》、《ES6學習筆記（二）：教你玩轉類的繼承和類的對象》，今天主要來分享關於如何用js面向對象的思維來實現tab欄的一些
2020-02-29 15:37:10
原创 作爲前端，你需要了解的js構造函數和原型
1.1 概述 在典型的OOP的語言中，都存在類的概念，類就是對象的模板，對象就是類的實例，但在ES6之前，JS中並沒有引入類的概念。對象不是基於類創建的，而是用一種構造函數的特殊函數來定義對象和它們的特徵。 創建對象可以通過以下三種方式：
2020-02-29 15:37:10
原创 ES6學習筆記（一）：輕鬆搞懂面向對象編程、類和對象
目錄 面向過程編程P OP(Process oriented programming) 面向對象編程OOP(Object Oriented Programming) 總結 @ 面向過程編程P OP(Process oriente
2020-02-26 15:30:52
原创 Webpack實戰（八）：教你搞懂webpack如果實現代碼分片（code splitting）
2020年春節已過，本來打算回鄭州，卻因爲新型冠狀病毒感染肺炎的疫情公司推遲了上班的時間，我也推遲了去鄭州的時間，在家多陪娃幾天。以前都是在書房學習寫博客，今天比較特殊，抱着電腦，在樓頂曬着太陽，陪着家人，寫着博客。 前面的幾篇文章主
2020-02-25 15:27:03