前端亂燉

時間 2019-11-21

標籤前端简体版

原文原文鏈接

這一次，完全弄懂 JavaScript 執行機制

本文的目的就是要保證你完全弄懂javascript的執行機制，若是讀完本文還不懂，能夠揍我。不論你是javascript新手仍是老鳥，不管是面試求職，仍是平常開發工做，咱們常常會遇到這樣的狀況：給定的幾行代碼，咱們須要知道其輸出內容和順序。由於javascript是一門單線程…

javascript

成爲專業程序員路上用到的各類優秀資料、神器及框架

成爲一名專業程序員的道路上，須要堅持練習、學習與積累，技術方面既要有必定的廣度，更要有本身的深度。

css

Mockjs,不再用追着後端小夥伴要接口了

相信你們都存在這樣的一個困擾,在先後端分離的大環境下, 前端須要後端的接口去完成頁面的渲染, 可是大部分的狀況下,先後端須要同時進行開發, 這種狀況下,後端還沒完成數據輸出，前端只好寫靜態模擬數據。那麼問題就來了數據太長了，將數據寫在js文件裏，完成後挨個改url。某些邏輯…

vue

16種方法實現水平居中垂直居中

熟悉水平居中和垂直居中的方法, 不爲別的, 就爲用的時候可以信手拈來. 下面直接步入正題.原文：16種方法實現水平居中垂直居中水平居中 1) 如果行內元素, 給其父元素設置 text-align:center,便可實現行內元素水平居中. 2) 如果塊級元素, 該元素設置 ma…

java

正向代理與反向代理

最近工做中用到反向代理，發現網絡代理的玩法還真很多，網絡背後有不少須要去學習。而在此以前僅僅使用了過代理軟件，曾經爲了訪問google，使用了代理軟件，須要在瀏覽器中配置代理的地址。我只知道有代理這個概念，並不清楚代理還有正向和反向之分，因而趕忙學習一下，補充一下知識。首先弄清…

webpack

RESTful 接口實現簡明指南

在先後端分離的 Web 應用架構中，前端專一於頁面，同時與後端進行數據交互；然後端則專一於提供 API 接口。在這樣的結構下，REST 是一個很流行的先後端交互形式的約定。這只是一套約定，並非某個技術標準，因此在實際的應用中，對器實現程度徹底取決於後…

git

19 個 JavaScript 經常使用的簡寫技術

原文連接，最近很火的一篇文章 1. 三元操做符當想寫 if...else 語句時，使用三元操做符來代替。 const x = 20; let answer; if (x > 10) { answer = 'is greater'; } else { answer = 'is les…

es6

深刻理解 JavaScript Errors 和 Stack Traces

本文做者是著名 JavaScript BDD 測試框架 Chai.js 源碼貢獻者之一，Chai.js 中會遇到不少異常處理的狀況。跟隨做者思路，從 JavaScript 基本的 Errors 原理，到如何實際使用 Stack Traces，深刻學習和理解 JavaScript Errors 和 Stack Traces。文章貼出的源碼連接也很是值得學習。

web

先後端分離開發模式的 mock 平臺預研

投稿文章從先後端分離的項目開發方式出發，針對這種開發模式下前端的編碼和自測依賴後臺真實接口，致使沒法提升效率的問題，回顧了各類 mock 數據方案，並總結出較好的實踐方式。

前端同窗必需要了解關於通訊方面的知識

經過個人前端經驗告訴我掌握下列通訊知識，前端足夠了1.head、options、get、put、post、delete含義與區別2.常見的 GET 和 POST 的區別（淺比較）3.get和post更底層的區別（這但是HR想要的哦）4.總結一下 http 狀態碼5.http 緩存

瀏覽器渲染過程與性能優化

你們都知道萬維網的應用層使用了HTTP協議，而且用瀏覽器做爲入口訪問網絡上的資源。用戶在使用瀏覽器訪問一個網站時須要先經過HTTP協議向服務器發送請求，以後服務器返回HTML文件與響應信息。這時，瀏覽器會根據HTML文件來進行解析與渲染（該階段還包括向服務器請求非內聯的CSS文…

RESTful API 接口設計整理

RESTful API 接口設計整理。安全、URL 定義、查詢參數（排序、過濾）、版本、Headers、狀態碼、響應主體、錯誤、緩存、API WIKI 文檔要點等

你可能不知道的 14 個 JavaScript 調試技巧

瞭解你的工具能夠在完成任務的過程當中發揮重大做用。儘管傳言 JavaScript 難以調試，可是若是你掌握了一些調試技巧，那麼你將會花費更少的時間來解決這些錯誤。

前端 PS 切圖方法，圖文詳細

寫在前面：本文主要內容是目前我所知道的切圖技巧結合網上的資料，寫出來分享一波。圖文教程，多圖！！ BB：不少人都會說，切圖這個活倒底分給UI仍是分給前端。雖然好的UI會給咱們把圖切好，可是他們切的圖不必定百分之百符合咱們的需求，因此我一直都以爲這是頁面仔必需要會的一項技能，由於…

手把手教你如何使用webpack 生成css sprites

咱們在開發網站的時候，一般會把經常使用的圖標合併成css sprite(雪碧圖)，能夠有效的減小站點的http請求數量，從而提升網站性能。下面讓咱們一塊兒來學習一下如何使用webpack合併sprite圖。好了，以上就是webpack生成css sprite的辦法了，是否是覺着很…

影響前端性能的本源——Reflow和Repaint

在移動端的web開發工做中，常常遭遇到的問題就是客戶反映，打開速度慢，這個說專業點就是性能變差。當接到這種投訴的時候本身心中也是一臉懵逼，在開發環境中測試的好好，怎麼正式運行以後就慢了。內心雖然在考慮現象的真實緣由，但在嘴上估計不少人第一時間就回答給客戶是網速的問題而非本身程序的問題。

Firefox 團隊實現的新的超快 CSS 引擎 - Quantum CSS (aka Stylo)

Firefox 團隊在重寫瀏覽器（again），其中 CSS 的部分也一樣須要加速。Quantum CSS 融合了 Parallelism（Servo）、The Rule Tree（Firefox）和 The Style Share Cache（Chrome & Safari）的特色，核心加速點是並行運算。

React 開發中面臨的九個重要抉擇

在 React 開發的過程當中咱們經常會遇到一些抉擇，下面我將選取其中一些我的認爲重要的抉擇來一一分析。但請記住如下所說的都只是的建議，可能有一些方面也沒有考慮到，你們仍是須要依據實際狀況本身選擇最合適的，切勿隨波逐流。當開始React開發以前，你或你的團隊必須先考慮選擇什麼樣…

vue-cli#2.0 webpack 配置分析

做者：滴滴公共前端團隊 - 王宏宇前言做爲 Vue 的使用者咱們對於 vue-cli 都很熟悉，可是對它的 webpack 配置咱們可能關注甚少，今天咱們爲你們帶來 vue-cli#2.0 的 webpack 配置分析 vue-cli 的簡介、安裝咱們不在這裏贅述，對它還不…

CSS 五種方式實現 Footer 置底

頁腳置底（Sticky footer）就是讓網頁的 footer 部分始終在瀏覽器窗口的底部。這樣的佈局隨處可見，偶然看到 CSS-TRICKS 上介紹頁腳置底的文章以爲不錯，對開闊佈局的思路挺有幫助，遂譯之。

前端常見跨域解決方案（全）

跨域是指一個域下的文檔或腳本試圖去請求另外一個域下的資源，這裏跨域是廣義的。廣義的跨域：其實咱們一般所說的跨域是狹義的，是由瀏覽器同源策略限制的一類請求場景。
什麼是同源策略？
同源策略/SOP（Same origin policy）是一種約定，由Netscape公司199…

」天龍八步「細說瀏覽器輸入URL後發生了什麼

當咱們在瀏覽器輸入網址並回車後，一切從這裏開始。
咱們在瀏覽器輸入網址，其實就是要向服務器請求咱們想要的頁面內容，全部瀏覽器首先要確認的是域名所對應的服務器在哪裏。將域名解析成對應的服務器IP地址這項工做，是由DNS服務器來完成的。
客戶端收到你輸入的域名地址後，它首先去找本地…

Git Cheat Sheet：關於 git 的命令集合

熟練使用 git 可以成爲甩鍋神器，如 git blame 查找究竟是誰動了個人代碼，git bisect 確認究竟是誰提了一個錯誤的提交，git shortlog 查看每人與多少個提交。

在 JavaScript 中學習數據結構與算法

這是一本5萬字符（中文約2w）的小書，可能須要幾個小時閱讀，須要幾天或更多時間去消化。部分代碼還不能正確地跑起來，有錯別字，有不許確的概念...，但這不妨礙它做爲你一個野生前端學習數據結構與算法的啓蒙文章，期待你的一針見血、刀刀致命? 對任何專業技術人員來講，理解數據結構都非…

從 setState promise 化的探討體會 React 團隊設計思想

從 setState 那個衆所周知的小祕密提及... 在 React 組件中，調用 this.setState() 是最基本的場景。這個方法描述了 state 的變化、觸發了組件 re-rendering。可是，也許看似日常的 this.setState() 裏面卻也許蘊含了不少…

JS——事件流與事件處理程序

本文對事件流和事件處理程序進行了簡單整理，主要用於理清思路，不作詳細概念解釋。供你們複習與記憶使用。

《Not An Imposter: Fighting Front-End Fatigue》
David Berner：I recently spoke with a back-end developer friend about how many hours I spend coding or learning about code outside of work. He showed me a passage from an Uncle Bob book, 「Clean Code」, which compares the hours musicians spend with their instruments in preparation for a concert to developers rehearsing code to perform at work.

原文地址：https://www.smashingmagazine....