瀏覽器前端

細說Web API中的Blob

在通常的Web開發中，不多會用到Blob，但Blob能夠知足一些場景下的特殊需求。Blob，Binary Large Object的縮寫，表明二進制類型的大對象。Blob的概念在一些數據庫中有使用到，例如，MYSQL中的BLOB類型就表示二進制數據的容器。在Web中，Blob類…

JS HTTP 請求終極解決方案 - fly.js

接下來會出幾篇文章深刻的介紹fly.js的高級玩法。這是首篇，一個總體的介紹，若是您有興趣能夠去 fly官網瞭解更多。 提供統一的 Promise API。 支持瀏覽器環境，輕量且很是輕量 。 支持 Node 環境。 支持請求／響應攔截器。 自動轉換 JSON 數據。 支持切換…

帶你理解 JS 容易出錯的坑和細節

當執行 JS 代碼時，會生成執行環境，只要代碼不是寫在函數中的，就是在全局執行環境中，函數中的代碼會產生函數執行環境，只此兩種執行環境。 想必以上的輸出你們確定都已經明白了，這是由於函數和變量提高的緣由。一般提高的解釋是說將聲明的代碼移動到了頂部，這其實沒有什麼錯誤，便於你們理…

Three.js 初探 - 微場景製做

最近在搗鼓 Three.js 相關, 以爲作一個微場景是一個很不錯的選擇，結果作下來發現效果還能夠。 首先你要清楚本身想實現的效果, 就須要一張效果圖, 而後才能根據效果圖來建模。 我在網上找到一張本身喜歡的風格的建築圖作參考，明確本身大概要實現的效果，但結果不必定要如出一轍。…

傻傻分不清的__proto__與prototype

從__proto__和prototype這兩個比較難分辨的屬性入手理解繼承和原型鏈。

簡單實現 3D 相冊

以前寫過《CSS3 動畫簡單入門》，文章內容只是簡單介紹 CSS3 動畫屬性的使用，並無一個綜合的案例演示，所以本章做爲前者的內容補充。
下面簡單介紹本章須要實現的 3D 效果： 當加載頁面後，圖片展現「攤牌」的效果，當鼠標點擊頁面左滑動或者右滑動時，圖片會跟隨左旋轉或右旋轉…

兩句話理解js中的this

前言: 一直都搞不清javascript中this的指向,你不知道的javascript(上卷)這本書中有3章都是在講解this,去年第一次看完仍是以爲似懂非懂的,一深刻的問仍是不清楚,如今在看一遍,真心以爲這本書裏講的是真好,想深刻了解一下的,這本書是一個不錯的選擇.

打造本身的JavaScript武器庫

做爲戰鬥在業務一線的前端，要想少加班，就要想辦法提升工做效率。這裏提一個小點，咱們在業務開發過程當中，常常會重複用到日期格式化、url參數轉對象、瀏覽器類型判斷、節流函數等一類函數，這些工具類函數，基本上在每一個項目都會用到，爲避免不一樣項目屢次複製粘貼的麻煩，咱們能夠統一封裝，發佈…

也許 Vue+CSS3 作交互特效更簡單

作項目就不免會開發交互效果或者特效，而我最近開發的項目一直在使用vue，開發技術棧方面，理所固然就使用了vue+css3開發，過程當中發現使用vue+css3開發特效，和javascript/jquery+css3的思惟方式不同，可是比javascript/jquery+css…

Q：你瞭解異步編程、進程、單線程、多線程嗎？

同步：一個進程在執行某個請求的時候，若該請求須要一段時間才能返回信息，那麼這個進程將會一直等待下去，直到收到返回信息才繼續執行下去。 異步：進程不須要一直等下去，而是繼續執行下面的操做，無論其餘進程的狀態。當有消息返回時系統會通知進程進行處理，這樣能夠提升執行的效率。 進程：狹…

CSS定位屬性詳解

在介紹postion以前，有必要先了解下文檔流。 簡單說就是元素按照其在 HTML 中的位置順序決定排布的過程。HTML的佈局機制就是用文檔流模型的，即塊元素（block）獨佔一行，內聯元素（inline），不獨佔一行。 通常使用margin是用來隔開元素與元素的間距；padd…

用戶界面設計中的視覺差別

咱們的眼睛很奇怪，由於它常常對咱們說謊。但若是你瞭解人類視覺感知的這種特性，你就能設計出更友好的用戶界面。若是你是一個字體設計者，經過利用人眼的視覺特性，你就能設計出「看上去」更加和諧的字體。若是你是設計用戶和機器交流方式的界面設計師，瞭解這種視覺特性，對你的工做也會十分有用。…

利用 javascript 實現富文本編輯器

不打算考慮兼容性，因此沒有必要採用UEditor這麼重的插件。爲此決定自研一個富文本編輯器。本文，主要介紹如何實現富文本編輯器，和解決一些不一樣瀏覽器和設備之間的bug。

web調試優化-chrome開發者工具不徹底指南

chrome，對於web開發者而言，都是很熟悉的一個瀏覽器，不管是從事的是前端，後端或者是測試！簡單、快捷和功能強大使它受到了許多開發者的青睞！在瀏覽器排行上，chrome最多人使用，並且佔了瀏覽器份額的半壁江山。可見其歡迎程度。做爲一個前端開發者，我也是注重chrome的使用…

vue快速入門的三個小實例

用vue作項目也有一段時間了。可是關於vue入門基礎的文章，我尚未寫過，那麼今天就寫vue入門的三個小實例，這三個小實例是我剛接觸vue的時候的練手做品，難度從很簡單到簡單，都是入門級的。但願能幫到你們更好的學習和了解vue，也是讓本身可以複習一下vue。若是發現文章寫得有什…

Angular 5 開發一個有道翻譯

最近輪子造的比較多，意在給初學者一個參考例子，目前反饋來看，若是技術棧不符，不多有人會點進來讀，之後能夠考慮轉換博文類型了。 給你們的常規印象就是，大版本跳躍會帶來 breaking change，由於 angular 從 1.x 到 2.x 簡直是兩個框架，不對，就是兩個框架…

JavaScript原型詳解

1，前言 下面是2008年Github建立以來，各類編程語言的排名狀況 排名其中JavaScript自2013年以後就盤踞第一名，成爲github上被使用最多的語言，早期，JS的使用還主要集中於瀏覽器中，可是隨着node.js進軍服務器開發和React Native逐漸向移動端…

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

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

瀏覽器的渲染：過程與原理

內容說明本文不是關於瀏覽器渲染的底層原理或前端優化具體細節的講解，而是關於瀏覽器對頁面的渲染——這一過程的描述及其背後原理的解釋。這是由於前端優化是一個很是龐大且零散的知識集合，一篇文章若是要寫優化的具體方法恐怕只能作一些有限的列舉。然而…

Chrome控制檯實用指南

前言 原文地址:Chrome控制檯使用指南 博客地址:Damonare的我的博客 Chrome瀏覽器我想是每個前端er必用工具之一吧，一部分緣由是它速度快，體積不大，支持的新特性也比其它瀏覽器多，還有一部分我想就是由於它的控制檯功能強大了吧，說它是神器一點也不過度，很方便。但…

14招搞定JavaScript調試

不少時候，你們可能只是依靠console.log來調試JavaScript代碼，這樣作的侷限性不言而喻，這篇博客將教你幾招實用的調試技巧。

[[譯]HTML&CSS Lesson5: 定位](https://juejin.im/entry/59e48...

CSS最大的用處之一就是能夠將內容和元素定位到任何咱們想要的位置，使咱們的設計具備結構，使內容更加易懂。 CSS有好幾種不一樣的定位屬性，每種都有本身的使用場景。在這節課中咱們會經過不一樣的案例——可複用的佈局和針對單元素的佈局——來介紹每種方法。 定位的其中一種方法就是使用flo…