前端結構體系

時間 2019-12-07

標籤前端結構體系简体版

原文原文鏈接

JavaScript 實現點擊按鈕複製指定區域文本

html5 的 webAPI 接口能夠很輕鬆的使用短短的幾行代碼就實現點擊按鈕複製區域文本的功能，不須要依賴 flash。

css

JavaScript深刻之繼承的多種方式和優缺點

JavaScript深刻系列第十五篇，講解JavaScript各類繼承方式和優缺點。寫在前面本文講解JavaScript各類繼承方式和優缺點。可是注意：這篇文章更像是筆記，哎，再讓我感嘆一句：《JavaScript高級程序設計》寫得真是太好了！ 1.原型鏈繼承 func…

html

瞭解真實的『REM』手機屏幕適配

rem 的官方定義『The font size of the root element.』，即以根節點的字體大小做爲基準值進行長度計算。通常認爲網頁中的根節點是 html 元素，因此採用的方式也是經過設置 html 元素的 font-size 來作屏幕適配，但實際狀況真有這麼簡單嗎？

前端

總有你要的編程書單（GitHub）

一些 GitHub 上不錯的文章或電子書列表與你們分享。不乏有很多經典，能夠收起來慢慢閱覽。

html5

Vuex 框架原理與源碼分析

Vuex 是一個專爲 Vue 服務，用於管理頁面數據狀態、提供統一數據操做的生態系統。

java

原型繼承補充（prototype和proto詳解）

在上篇文章中，因爲篇幅的緣由只是針對構造函數的構造過程和原型鏈的存取進行深刻的講解，有點偏原理性的講解，並無對___proto___、prototype和constructor這些屬性之間的互相關係以及實際上的應用分析清楚。因此本文的目的就是爲了加深對原型繼承的理解，並可以將…

git

【譯】You Don't Need jQuery

GitHub 上經典文章《You Don't Need jQuery》的翻譯版。在文章中，做者總結了大部分 jQuery API 替代的方法，提倡咱們使用原生的 JavaScript . 前端 er，一塊兒來看看。

github

前端 Web 開發資源整理

做者整理的一系列前端乾貨：1）想開發項目，哪裏找教程；2）關於前端的有趣網站；3）分享一些前端文章合集；

web

原來你是這樣的 jsonp(原理與具體實現細節)

前言原文地址倉庫地址 jsonp(JSON with padding) 你必定不會陌生，前端向後端拿數據的方式之一，也是處理跨域請求的得利助手。咱們早已習慣，早已熟練了 jQ 或者 zepto 的 ajax 調用方式。可是有可能還不太它內部具體是如何實現一個 jsonp 的，從請求的發出…

26 個純 CSS 構建的 Web 項目

在本文中，咱們將分享 26 個純 CSS 構建地開源 Web 項目。這些項目將向你證實，純 CSS3 就足以實現如此多炫酷的效果。一塊兒來 Enjoy 吧！

從 event loop 規範探究 javaScript 異步及瀏覽器更新渲染時機

詳細探究 javaScript 異步及瀏覽器更新渲染時機

關於 js 中的回調函數 callback

本文寫於 1 年前曾經的學習文章現在拿出來分享前言其實我一直很困惑關於 js 中的 callback, 困惑的緣由是，學習中這塊看的資料少，可是平時又常常見，偶爾複製一下前人代碼，功能實現了也就再也不去追其起因，這麼着，這個 callback 的概念就愈來愈混亂，由於你總感受它是你 Ajax…

原來又到了校招季，一個前端新人的回憶

寫在最前昨天和一個童鞋聊到很晚，才意識到如今又是新的一輪校招季了，他像當時的我同樣，本身出於喜歡學習了前端，但又不知本身處在了什麼水平，也因爲知識、眼界的限制不知道路在哪裏（真的前端發展到如今知識面太廣）而擔驚受怕。在和他交談的同時也回想起當時的本身，像我一個普通的本科生從接…

原生 js 實現前端路由

最近一直在研究先後端分離，ajax 能夠很好的解決先後端分離的問題，可是又存在着瀏覽器沒法前進後退，這個問題比較尷尬。可是採用前端路由的方式能夠很好的解決這個問題。這篇文章主要是介紹了前端路由的兩種實現手段，並用原生的 Js 對其分別進行了實現。

談談 CSS 預處理器

在寫 CSS 的時候咱們會發現，爲了兼容瀏覽器等緣由，咱們每每須要寫不少冗餘的代碼，CSS 預處理器就是爲了解決 CSS 的這些問題，簡化 CSS 代碼的編寫。

小科普：到底什麼是 BFC、IFC、GFC 和 FFC

FC 的全稱是：Formatting Contexts，是 W3C CSS2.1 規範中的一個概念。它是頁面中的一塊渲染區域，而且有一套渲染規則，它決定了其子元素將如何定位，以及和其餘元素的關係和相互做用。

2016 年 CSS 庫、框架和工具新生榜 TOP 50

CSS 於 2016 年發佈的開源項目，其產量之大超出人們的預料，但縱觀 CSS 在過去幾年的巨大變化與快速發展，此結果的出現彷佛又在情理之中。這些 CSS 庫、框架和工具的創建不只給咱們提供了學習的視角，更給咱們的工做與生活帶來了便利。
原文地址 https://speckyboy.com/top-50-...

前端開發者指南（2017）

做者：科迪·林黎（Cody Lindley），由「前端大師（Frontend Masters）」傾情贊助。這是一本可供任何人使用的指南，用於學習前端開發實踐。該指南大致上勾勒出了前端工程的輪廓，同時也討論了前端工程的實踐：2017 年，如何學習前端工程，用什麼工具來實踐？筆…

JavaScript深刻系列15篇正式完結！

寫在前面 JavaScript 深刻系列共計 15 篇已經正式完結，這是一個旨在幫助你們，其實也是幫助本身捋順 JavaScript 底層知識的系列。重點講解了如原型、做用域、執行上下文、變量對象、this、閉包、按值傳遞、call、apply、bind、new、繼承等 JS …

Sublime Text 2 經常使用快捷鍵網頁版

十分直觀的 Sublime Text 2 經常使用快捷鍵網頁版，包含 Windows 版和 Mac 版。Sublime 黨們，能夠收了。固然，把它用作桌面也是美美的。

JavaScript 事件委託詳解 | 掘金技術徵文

基本概念事件委託，通俗地來說，就是把一個元素響應事件（click、keydown......）的函數委託到另外一個元素；通常來說，會把一個或者一組元素的事件委託到它的父層或者更外層元素上，真正綁定事件的是外層元素，當事件響應到須要綁定的元素上時，會經過事件冒泡機制從而觸發它的…

今天又是一個讀書的好天氣，我打開電腦，總想作些什麼，過了一下子，卻又意興闌珊, 忽然想起 Vue，就想着來學習一下。
我去翻了一番，裏面的設計思想着實讓個人視野開闊了很多，而後趕忙動手把這些東西記下來，就造成了這一篇文章。
Vue 一共九千多行代碼，這只是 Vue 源碼開頭的一個很小的部分。
我打算專門學習一下 Vue，畢竟這個東西對於咱們這種小白來講，很陌生，我也很想要知道它的實現流程是什麼，因此須要不斷地作筆記。
若是你也想要和我一塊兒學習，共同進步，請關注我吧！我只要有時間，就會去寫讀 Vue 源碼時的筆記的。