原创 javascript 閉包詳解＋示例（一）
閉包形成與變量的作用域及變量生命週期密切相關 1、變量的作用域 當在函數中聲明一個變量，如果之前沒有帶上var，這個變量會變成全局變量，全局變量容易造成命名衝突。 在js中，內部變量可以看到外部變量，外部變量無法看到內部變量，變量的搜索是
2020-06-23 04:04:46
原创 前端性能優化
如今瀏覽器能夠實現的特性越來越多，並且網絡逐漸向移動設備轉移，使我們的前端代碼更加緊湊，如何優化，就變得越來越重要了。 開發人員普遍會將他們的代碼習慣優先於用戶體驗。但是很多很小的改變可以讓用戶體驗有個飛躍提升，所以任何一點兒小小的優
2020-02-26 03:23:39
原创 javascript原型模式
在原型變成思想中，類並不是必須的，對象並不一定要從類中創建，一個對象通過克隆另一個對象而得到。 1、原型模式實現的關鍵是語言本身提供了clone方法，es5提供了Object.creat方法。如下： var Plane=funct
2020-02-26 03:23:39
原创 前端性能優化－－預加載技術
當我們談到前端的性能時，總是會提到比如合併、壓縮、緩存或者在服務器上開啓gzip之類的，目的都是爲了讓頁面加載的更快。 資源預拉取（prefetch）則是另一種性能優化的技術。通過預拉取可以告訴瀏覽器用戶在未來可能用到哪些資源。
2020-02-26 03:23:39
原创 javascript中的this、apply、call
1、js的this總是指向對象，具體指向哪個對象是在運行時給予函數的執行環境動態綁定的。 this指向大體分爲4種： 作爲對象的方法調用作爲普通函數調用構造器調用call、appy調用首先看一下下面的例子： window.name="ni
2020-02-26 03:23:39
原创 手把手，從無到有帶你用vue進行項目實戰 系列三(深入剖析vue篇）
相關鏈接： 手把手，從無到有帶你用vue進行項目實戰 系列一(搭建框架篇) 手把手，從無到有帶你用vue進行項目實戰 系列二（cdn、gzip性能加速篇） 對Vue的解析主要分爲簡介、核心內容、組件、路由和狀態管理四部分 一、簡介 Vu
2018-09-01 20:30:23
原创 全面理解Javascript的面向對象(二)--創建對象與繼承
在前文全面理解Javascript的面向對象(一)中詳細介紹了面向對象的主要知識點，可以幫助大家很細緻的瞭解js面向對象的概念，本文作爲補充，主要從對象的構建和繼承的方式兩方面進行分析。 一、創建對象主要的幾種方式 1 工廠模式 工廠模式
2018-09-01 20:30:23
1
原创 從無到有構建Angular2 後臺管理系統的前端架構
最近公司的項目需求，需要設計一套後臺管理系統的前端框架，我使用了Angular-cli構建Angualr2的模板，並按照需求，添加了ng2-charts/ng2-smart-table/file-upload等ng2的插件，項目的源碼地
2018-09-01 20:30:22
原创 手把手，從無到有帶你用vue進行項目實戰 系列二(cdn、gzip性能加速篇）
相關鏈接： 手把手，從無到有帶你用vue進行項目實戰 系列一(搭建框架篇) 手把手，從無到有帶你用vue進行項目實戰 系列三(深入剖析vue篇） 一、前言 在系列一中桃子叔叔介紹了使用iview-cli構建項目框架並基於框架進行的相
2018-09-01 20:30:22
1
原创 從無到有構建angular1框架
既然是從無到有構建angular1 的框架，就要首先從angular的基本知識說起，本文將從以下幾個方面介紹： Angularjs 技術框架 指令集 Service、Route Application 由於angular1和angu
2018-09-01 20:30:22
1
原创 深入理解 CSS3 彈性盒佈局模型
深入理解 CSS3 彈性盒佈局模型 Web 應用的樣式設計中，佈局是非常重要的一部分。佈局用來確定頁面上不同組件和元素的尺寸和位置。隨着響應式用戶界面的流行，Web 應用一般都要求適配不同的設備尺寸和瀏覽器分辨率。響應式用戶界
2018-09-01 20:30:21
3
原创 Typescript代碼實例解析
簡介： TypeScript 是一種由微軟開發的自由和開源的編程語言，它是JavaScript的一個超集，擴展了JavaScript的語法。 語法特性 類 Classes 接口 Interfaces 模塊 Modules 類
2018-09-01 20:30:21
原创 javascript正則表達式知識點全面梳理
一、使用方式 1、字面量模式 var reg = /is/g 全局匹配'is' 2、構造函數RegExp var reg = new RegExp('is','g'); 二者區別： 正則表達式字面量始終共享同一個RegExp實例，而使用
2018-09-01 20:30:21
3
原创 javascript 代理模式
代理模式是爲一個對象提供一個代用品或佔位符，以便控制對它的訪問。 實例一、圖片懶加載 圖片懶加載是指，圖片的加載應該在頁面全部加載完後，再去加載。這樣能夠提高加載的速度和網頁的體驗性。實際操作就是，將原來網頁的src獨立出來，將原來圖片使
2018-09-01 20:30:21
3
原创 Angular2 入門教程
一、 入門 1、初識Angular2 硬知識：Angular2與Angular的區別 （1）依賴加載：Angular1是依賴前置，angular2是按需加載 （2）數據綁定： Angular1 在啓動時會給所有的異步交互點打補丁：
2018-09-01 20:30:20