原创 前端性能優化(二) 前端性能分析

摘要: 前端性能優化是一個很寬泛的概念,本書前面的部分也多多少少提到一些前端優化方法,這也是我們一直在關注的一件重要事情。配合各種方式、手段、輔助系統,前端優化的最終目的都是提升用戶體驗,改善頁面性能,我們常常竭盡全力進行前端頁面

原创 前端性能優化(三) 移動端瀏覽器前端優化策略

摘要: 前端性能優化是一個很寬泛的概念,本書前面的部分也多多少少提到一些前端優化方法,這也是我們一直在關注的一件重要事情。配合各種方式、手段、輔助系統,前端優化的最終目的都是提升用戶體驗,改善頁面性能,我們常常竭盡全力進行前端頁面

原创 H5動畫

前言 前一段時間被各種H5總結刷屏,除了內容以及設計之外在動畫方面在其表現方面也起到了很大的加持作用,漸漸的動畫也成爲了一個產品所不可缺少的一個元素。2017年1月11號早讀文章由凹凸實驗室@Avin授權分享。 正文從這開始~

原创 JS中的原生對象

1、什麼是對象? 萬物皆對象 人 —- 身高、體重、年齡 在程序中 — 屬性(特點,靜態的特徵) —- 喫飯、工作、跑步 在程序中 — 方法(特點,動態特徵)

原创 DOM&BOM

1 什麼是DOM? 文檔對象模型(Document Object Model) 盒子模型 模型:手機工程樣機 w3c:萬維網聯盟,國際標準組織 DOM作用:可以去修改網頁內容、樣式、結構,每

原创 Node開發流程詳解,node開發步驟詳解)(包括源碼共享)

NodeJS基礎 什麼是NodeJS JS是腳本語言,腳本語言都需要一個解析器才能運行。對於寫在HTML頁面裏的JS,瀏覽器充當瞭解析器的角色。而對於需要獨立運行的JS,NodeJS就是一個解析器。 每一種解析器都是一個運行環境

原创 JS流程控制源碼

三大結構 順序結構 選擇結構(分支) 循環結構 1 選擇結構 a.if語句–語法結構 if(條件){ code.. }

原创 JS基礎

JS基礎 一、JavaScript入門篇 第1章 請做好準備 1-1 爲什麼學習JavaScript 一、你知道,爲什麼JavaScript非常值得我們學習嗎? 1.所有主流瀏覽器都支持JavaScript 2.目前,全世界大

原创 JS中的數組

1 數組 是什麼?一組數據,有序,有索引 一組有序數據的集合 數組有個作用:可以批量的存儲數據 數組的元素: 在這個集合中的每個項目 數組的索引: 給數組的元素一個具體的序號 數組的長度: 數組中元素

原创 JS變量

1 變量是什麼?有什麼用 變量就是內存中的一塊臨時空間,用來存儲數據 變量的聲明(定義) a. 聲明的時候沒有賦初始值,默認輸出的是undefined b. 可以同時聲明多個

原创 關於HTML的基礎知識

1 前端工程師是幹什麼的? pc頁面 移動端頁面 web開發=前端開發+後臺開發--->web應用(網站) 後臺:數據 前臺:負責數據展示+交互效果 2 需要學習的內容有哪些? 工具部分: ps(處

原创 JS中的事件入門

1 事件 事件可以理解爲用戶和瀏覽器的交互行爲 2 事件函數綁定 事件函數: 當事件發生了,用於處理該事件的具體應對方案就是事件處理函數 表現出來就是一些代碼塊 例如: 當鼠標點擊(事件)— 做什麼操作?就

原创 JS中setInterval和setTimeout

1 setInterval 是一個函數,功能: 可以重複去執行某段代碼塊(函數) setInterval(函數,時間間隔), 隔多少時間,去重複執行第一個參數(函數塊) 注意:時間單位 毫秒 1000 = 1

原创 DOM概述

DOM1級主要定義的是HTML和XML文檔的底層結構。DOM2和DOM3級別則在這個結構的基礎上引入了更多的交互能力,也支持了更高級的XML特性。爲此DOM2和DOM3級分爲許多模塊(模塊之間具有某種關聯),分別描述了DOM的某個

原创 css修改下拉列表select的默認樣式

select的一些默認樣式我們很難修改,比如圖標的替換。接下來就說說如何修改這些默認樣式: html代碼: 芝