前端學習

1/7ページ

懶載入的原理及實現

懶載入的原理 原理:先將img標籤中的src連結設為同一張圖片(空白圖片),將其真正的圖片地址儲存再img標籤的自定義屬性中(比如data-src)。當js監聽到該圖片元素進入可視視窗時,即將自定義屬性中的地址儲存到src屬性中,達到懶載入的效果。 這樣做能防止頁面一次性向伺服器響應大量請求導致伺服 […]

前端效能優化—-yahoo前端效能團隊總結的35條黃金定律

除了自己總結:1. 減少http請求,2.壓縮並優化js/css/image 3.儘量靜態頁面,從簡原則 4.程式碼規範(詳見:個人知識體系思維導圖) 從yahoo 新學到的:   網頁內容 減少http請求次數 80%的響應時間花在下載網頁內容(images, stylesheets, javas […]

微信小程式開發常用技巧(8)——給你的小程式新增一個客服會話

今天我們給小程式新增一個簡單的客服功能。客服人員可以直接使用微信公眾平臺網頁版客服工具進行客服訊息回覆。 首先來看看頁面長什麼樣: 應該已經看到了底部的客服圖示按鈕。接下來看看程式碼,程式碼也很簡單。 <!--pages/log/log.wxml--> <button class= […]

git的教程(完整)

在開發專案時,因為專案太大,管理麻煩,我們就會用到github,而使用github首先要學會git的使用。 首先需要的就是建立一個本地的git庫,因此先開啟git,在裡面輸入: mkdir lear(learn為資料夾名字) git init(初始化這個庫) 接著 就可以將我們需要的檔案上傳到本地的 […]

送給所有想學web前端者的幾點建議

因為現在web前端這個職業非常火,騰訊最近組織了一個大型web前端技術交流峰會,可見web前端這個職業是多麼的火,其實這個不是最重要,重要的在五年之後,web前端發展前景是勢不可當的。但是我現在看到的問題是,大家看到web前端這個職業發展非常好,未來前景也是非常好,掙錢也是非常多,但是大家都忽略了一 […]

Web前端設計和開發工具指南

程式碼編輯器 Visual Studio Code 這個由微軟開發的工具是一個原始碼編輯器, 支援和輔助除錯、語法突顯、智慧程式碼完成、片段等。 它還嵌入了 Git 控制元件、程式碼重構和自定義功能。 在 visualstudio 程式碼中, 您可以從編輯器除錯程式碼, 並將程式碼附加到執行的應用程 […]

2017年最值得學習的前端框架和技術

推薦一個前端學習群606721798這裡每天晚上20:00都有一節【免費的】前端直播課程,都是純乾貨分享, JavaScript 的普及造就了一個非常活躍的技術,框架和庫的生態系統。 這個生態系統不斷湧現多式多樣的框架和技術,對許多人來說都是高度的混亂。 那麼你應該關注什麼樣的技術呢? 你應該在哪裡 […]

web前端開發前途怎麼樣?適合那些人學習?

web前端的工作在以前稱之為網頁美工,但隨著flash逐漸退出網頁設計的舞臺之後,HTML css JavaScript為核心的前端技術成功的完成了技術棧的升級,是的web前端工程師的名頭也越叫越響,另外隨著網際網路思維以及網際網路 等概念的提出,網際網路本身就是屬於服務行業,技術的不斷提高也造就了 […]

web前端學習謹慎事項,有哪些是不可錯的,你都知道嗎?

今日小編和小夥伴們分享一下初學者進修web前端開發必要體味的web前端的一些知識點,供小夥伴們分享 1、學好HTML HTML是網頁的焦點,是以你首先應該學好它,不要懼怕,HTML很隨意進修的,但也很隨意誤用,學懂隨意要學精還得費點功夫,但學好HTML是成為Web開發人員的根基前提,這點是前端和後端 […]