架構師之路

Vue 折騰記 - (10) 給axios作個挺靠譜的封裝(報錯,鑑權,跳轉,攔截,提示)

稍微改改都能直接拿來用~~~喲吼吼,喲吼吼.....

如何無痛下降 if else 麪條代碼複雜度

相信很多同窗在維護老項目時，都遇到過在深深的 if else 之間糾纏的業務邏輯。面對這樣的一團亂麻，簡單粗暴地繼續增量修改經常只會讓複雜度愈來愈高，可讀性愈來愈差，有沒有固定的套路來梳理它呢？這裏分享三種簡單通用的重構方式。 所謂的【麪條代碼】，常見於對複雜業務流程的處理中。…

flex.css快速入門，極速佈局

什麼是flex.css? css3 flex 佈局相信不少人已經據說過甚至已經在開發中使用過它，可是我想咱們都會有一個共同的經歷，面對它的各類版本，各類坑，傻傻的分不清楚，flex.css就是對flex佈局的一種封裝，經過簡潔的屬性設置就能使得它完美的運行在移動端的各類瀏覽器，…

this、apply、call、bind

這又是一個面試經典問題~/(ㄒoㄒ)/~~也是 ES5中衆多坑中的一個，在 ES6 中可能會極大避免 this 產生的錯誤，可是爲了一些老代碼的維護，最好仍是瞭解一下 this 的指向和 call、apply、bind 三者的區別。 在 ES5 中，其實 this 的指向，始終…

ES6 實踐規範

前言：團隊基於 ES6 和 Eslint 規則規定代碼規範，本文的目的是梳理和總結團隊如今實行的規範。 做者：鄭靈華，點餐秒付終端團隊成員 目錄 1、Eslint 檢測 ES6 規範配置 編碼格式規範 聲明惟一性 初始化定義規範 代碼編寫注意事項 派生類相關 2、Airbnb 規範節選 箭頭函…

ECMA-262-5 詳解 - 3.1 詞法環境：通用理論 – ds.laboratory

這一節，咱們會討論詞法環境的細節，它是在一些編程語言中用於管理靜態做用域的一種機制。爲了確保能充分理解這一主題，咱們會簡要討論下其對立面：動態做用域（並無直接用於 ECMAScript）。咱們會看到環境是如何管理代碼中的詞法嵌套結構，以及爲閉包提供全面支持。
ECMA-262…

前端本地文件操做與上傳

第一種是最經常使用的手段，一般還會自定義一個按鈕，而後蓋在它上面，由於type="file"的input很差改變樣式。以下代碼寫一個選擇控件，並放在form裏面： 能夠看到文件的路徑是一個假的路徑，也就是說在瀏覽器沒法獲取到文件的真實存放位置。同時FormData打印出來是一個空的…

『翻譯』基於 Vue.js 與 Webpack 的三種代碼分割範式

代碼分割是提高單頁應用初始加載速度的重要方式之一。由於用戶不用在第一次進入應用時下載全部代碼，用戶能更快的看到頁面並與之交互。這會改善用戶體驗，尤爲在移動端；並且這對 SEO 有很大幫助，由於 Google 會下降加載速度慢的網站權重。 上週我寫了一篇關於Vue.js 與 We…

原生JS實現最簡單的圖片懶加載

試一下本身擼一個圖片懶加載... 懶加載其實就是延遲加載，是一種對網頁性能優化的方式，好比當訪問一個頁面的時候，優先顯示可視區域的圖片而不一次性加載全部圖片，當須要顯示的時候再發送圖片請求，避免打開網頁時加載過多資源。 當頁面中須要一次性載入不少圖片的時候，每每都是須要用懶加載…

10 個 JavaScript 難點

可以讀懂這篇博客的 JavaScript 開發者，運氣不會太差...

20個CSS高級技巧彙總

20個CSS高級技巧彙總。使用技巧會讓人變的愈來愈懶，沒錯，我就是想讓你變懶。

VS Code上手與超實用插件安利

說到代碼編輯器，咱們有必要提一提Sublime Text還有Atom。在開始使用VS Code以前Sublime Text一直是個人主力編輯器，和WebStorm （最強端前端開發工具） 一塊兒用。因爲這篇文章主要介紹VS Code下面就簡單歸納下這幾個： Sublime Tex…

打造本身的JavaScript武器庫

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

聊聊lodash的debounce實現

前段時間團隊內部搞了一個代碼訓練營，你們組織在一塊兒實現 lodash 的 throttle 和 debounce，實現起來以爲並不麻煩，可是最後和官方的一對比，發現功能的實現上仍是有差距的，爲了尋找個人問題，把官方源碼閱讀了一遍，本文是我閱讀完成後的一篇總結。 throttle…

另闢蹊徑：vue單頁面，多路由，前進刷新，後退不刷新

目的：vue-cli構建的vue單頁面應用，某些特定的頁面，實現前進刷新，後退不刷新，相似app般的用戶體驗。
注： 此處的刷新特指當進入此頁面時，觸發ajax請求，向服務器獲取數據。不刷新特指當進入此頁面時，不觸發ajax請求，而是使用以前緩存的數據，以便減小服務器請求，用戶…

Mongoose開發實戰-高級篇

今天的主題是Mongoose中的聚合函數(Aggregate)。

【譯】高階函數：利用Filter、Map和Reduce來編寫更易維護的代碼

高階函數能夠幫助你加強你的JavaScript，讓你的代碼更具備聲明性。簡單來講，就是簡單，簡練，可讀。 知道何時和怎樣使用高階函數是相當重要的。它們可讓你的代碼更容易理解和具備更好的可維護性。它們也可讓你很輕鬆的進行函數間的組合。咱們叫它複合函數，不過我不會在這裏進行…

CSS 常見佈局方式

本文思惟導圖，歡迎補充 本文首發於個人我的網站：http://cherryblog.site 前言 舒適提示：本文較長，圖片較多，原本是想寫一篇 CSS 佈局方式的，可是奈何 CSS 佈局方式種類太多而且實現方法太多，因此本文主要是介紹 flex 佈局和 grid 佈局，以及 C…

翻譯連載 |《你不知道的JS》姊妹篇 | JavaScript 輕量級函數式編程-引言＆前言

原文地址：Functional-Light-JS 原文做者：Kyle Simpson － 《You-Dont-Know-JS》做者 譯者團隊（排名不分前後）：阿希、blueken、brucecham、cfanlife、dail、kyoko-df、l3ve、lilins、Litt…

Vue.js 依賴收集

由於對Vue.js很感興趣，並且平時工做的技術棧也是Vue.js，這幾個月花了些時間研究學習了一下Vue.js源碼，並作了總結與輸出。 文章的原地址：https://github.com/answershut...。 在學習過程當中，爲Vue加上了中文的註釋http…

Async/Await是這樣簡化JavaScript代碼的

在Async/Await替代Promise的6個理由中，咱們比較了兩種不一樣的異步編程方法：Async/Await和Promise，這篇博客將經過示例代碼介紹Async/Await是如何簡化JavaScript代碼的。

阿里校招前端筆試題小結

阿里前端筆試題，題目很少，難度也不大，我只記錄了兩道稍微有點難度的編程題。題目以下： 1.JSON.stringify 的功能是，將一個 JavaScript 字面量對象轉化爲一個 JSON 格式的字符串。例如 當要轉化的對象有「環」存在時（子節點屬性賦值了父節點的引用），爲了…

使用 webpack 優化資源

在前端應用的優化中，對加載資源的大小控制極其的重要，大多數時候咱們能作的是在打包編譯的過程對資源進行大小控制、拆分與複用。
本片文章中主要是基於 webpack 打包，以 React、vue 等生態開發的單頁面應用來舉例說明如何從 webpack 打包的層面去處理資源以及緩存，…

JavaScript 性能優化

前端工程師不但要保證完成界面的規劃與開發，而且同時須要保證代碼的質量，其中Javscript的運行速度則變得很是重要，此篇文章從工程師的角度入手，結合了開發者工具進行分析, 總結了一些經常使用的優化手段和法則....

• 小亦俊

Vuejs渡劫系列二：最全的vue-cli項目下的配置簡析

Vuejs渡劫系列的第二篇文章，創建在有紮實的Vuejs和webpack基礎知識前提下，經過vue-cli腳手架快速搭建項目，該文章會一一梳理項目下的文件配置和用途。

也許是史上最全的前端資源大彙總

最近有不少朋友問有沒有相關的書籍推薦，但願可以自學一下前端。這裏列出了學習前端所須要的，幾乎全部的知識，分享給你們。

移動端網頁絕對自適應方案總結

簡單總結了實現移動端網頁絕對自適應的五種方法；百分比、媒體查詢、REM、meta inital-scale、transform scale以及每種方法的優缺點以及可能會遇到的坑。

前端移動端適配總結

Vuejs官方編碼指南,快來看看你的代碼符合多少最佳實踐

This is the official style guide for Vue-specific code. If you use Vue in a project, it’s a great reference to avoid errors, bikeshedding, …

前端表單進階之路：經過 Vue.js 實現表單可配置化

做爲現代網頁中最先具備邏輯的部分，表單至今仍在博客類、分類信息以及論壇等以用戶發佈的信息爲核心的網站中，扮演着重要的角色。對這些網站來講，表單意味着信息的初始來源，所以它實際上承載了對於信息處理的第一手邏輯。對於不一樣的類目，表單的內容顯然在業務上須要進行區分，因此，如何實現表單…