摘要：然而學(xué)習(xí)布局，你只要學(xué)習(xí)幾個(gè)手機(jī)端頁面自適應(yīng)解決方案布局進(jìn)階版附源碼示例前端掘金一年前筆者寫了一篇手機(jī)端頁面自適應(yīng)解決方案布局，意外受到很多朋友的關(guān)注和喜歡。

十分鐘學(xué)會(huì) Fiddler - 后端 - 掘金
一.Fiddler介紹 Fiddler是一個(gè)http抓包改包工具，fiddle英文中有“欺騙、偽造”之意，與wireshark相比它更輕量級(jí)，上手簡單，因?yàn)橹荒茏ttp和https數(shù)據(jù)包，所以在針對(duì)http和https數(shù)據(jù)包的抓取上它更加專業(yè)。 不僅可以記錄...

使用 Visual Studio Code 編寫 Swift 代碼 - iOS - 掘金
本文的主要任務(wù)是使用 Swift Development Environment 為 Visual Studio Code 提供一個(gè)完善的 Swift 開發(fā)環(huán)境。 Visual Studio Code 卓越的性能，優(yōu)秀的定制性，高效的迭代速度，...

PWA 在餓了么的實(shí)踐經(jīng)驗(yàn) - 前端 - 掘金
PWA （ Progressive Web Apps，漸進(jìn)式網(wǎng)頁應(yīng)用）是由谷歌提出的新一代 Web 應(yīng)用概念，旨在提供可靠、快速、類似 Native 應(yīng)用的服務(wù)方案。 本篇旨在和大家分享「餓了么 M 站」在 PWA 改造中的實(shí)踐經(jīng)驗(yàn)。涉及到的方面有：PWA 線...

面試算法實(shí)踐與國外大廠習(xí)題指南 - 后端 - 掘金
面試算法實(shí)踐與國外大廠習(xí)題指南 翻譯自 Kevin Naughton Jr. 維護(hù)的倉庫 interviews，包含了在線練習(xí)、算法概述與大廠習(xí)題實(shí)戰(zhàn)等內(nèi)容。筆者發(fā)現(xiàn)正好和之前翻譯的 Java 語法清單 以及 Java 進(jìn)階面試問題列表 構(gòu)成面...

ctop - Docker 容器狀態(tài)展示命令行工具 - 后端 - 掘金
Top-like interface for container metrics ctop provides a concise and condensed overview of real-time m...

重拾后端之Spring Boot（四）：使用JWT和Spring Security保護(hù)REST API - 掘金
重拾后端之Spring Boot（一）：REST API的搭建可以這樣簡單重拾后端之Spring Boot（二）：MongoDb的無縫集成重拾后端之Spring Boot（三）：找回熟悉的Controller，Service重拾后端之Spring Boot（四...

(譯) 理解瀏覽器關(guān)鍵渲染路徑 - 前端 - 掘金
在in面試被CTO問到的問題，謹(jǐn)以此翻譯來表達(dá)對(duì)自己知識(shí)匱乏的鄙視。 當(dāng)瀏覽器接收到從服務(wù)器發(fā)送過來的HTML頁面信息，在將其繪畫渲染到屏幕上之前會(huì)有許多的步驟要做。瀏覽器繪制頁面需要做的這一系列行為我們稱為關(guān)鍵渲染路徑。 了解CRP的知識(shí)對(duì)于...

使用 css 3 制作長投影 Long Shadow - 前端 - 掘金
在flat design(扁平化的設(shè)計(jì))中，Long Shadow （長投影）被看著屢試不爽的設(shè)計(jì)技能。比如下面這張，非常經(jīng)典的長投影設(shè)計(jì): 攝影師選擇長投影通常是給圖片帶來戲劇效...

30 分鐘學(xué)會(huì) Flex 布局 - 前端 - 掘金
為什么我要寫這一篇關(guān)于 Flex 布局的教程？ 因?yàn)樗趾唵戊`活，區(qū)區(qū)簡單幾行代碼就可以實(shí)現(xiàn)各種頁面的的布局，以前我在學(xué)習(xí)頁面布局的時(shí)候我深受其 float、display、position 這些屬性的困擾。然而學(xué)習(xí) Flex 布局，你只要學(xué)習(xí)幾個(gè) ...

手機(jī)端頁面自適應(yīng)解決方案—rem 布局進(jìn)階版（附源碼示例） - 前端 - 掘金
一年前筆者寫了一篇 《手機(jī)端頁面自適應(yīng)解決方案—rem布局》，意外受到很多朋友的關(guān)注和喜歡。但隨著時(shí)間的推移，該方案已然過時(shí)，故為大家介紹一個(gè)目前我極力推薦使用的，更加完美的方案——rem布局（進(jìn)階版） ...

CSS 五種方式實(shí)現(xiàn) Footer 置底 - 前端 - 掘金
頁腳置底（Sticky footer）就是讓網(wǎng)頁的footer部分始終在瀏覽器窗口的底部。 當(dāng)網(wǎng)頁內(nèi)容足夠長以至超出瀏覽器可視高度時(shí)，頁腳會(huì)隨著內(nèi)容被推到網(wǎng)頁底部；但如果網(wǎng)頁內(nèi)容不夠長，置底的頁腳就會(huì)保持在瀏覽器窗口底部。 ...

前端基礎(chǔ)進(jìn)階：詳細(xì)圖解，徹底搞懂閉包與作用域鏈 - 前端 - 掘金
攻克閉包難題 初學(xué)JavaScript的時(shí)候，我在學(xué)習(xí)閉包上，走了很多彎路。而這次重新回過頭來對(duì)基礎(chǔ)知識(shí)進(jìn)行梳理，要講清楚閉包，也是一個(gè)非常大的挑戰(zhàn)。 閉包有多重...

【譯】8 張 Gif 圖學(xué)會(huì) Flexbox - 前端 - 掘金
Flexbox 實(shí)現(xiàn)了幫助我們脫離 CSS 苦海（例如垂直居中）的目標(biāo)，但想精通它卻需要你應(yīng)對(duì)一些挑戰(zhàn)。所以，我們將通過一些動(dòng)畫讓你直觀地了解 Flexbox 的工作原理，并使用它來構(gòu)建靈活的布局。 Flexbox 的基本原則是提供一種構(gòu)建靈活、直觀的...

Flex 布局應(yīng)用 - 掘金
CSS3為我們提供了一種可伸縮的靈活的web頁面布局方式-flexbox布局，它具有很強(qiáng)大的功能，可以很輕松實(shí)現(xiàn)很多復(fù)雜布局。然而Flex屬性較多，不便于記憶，而在項(xiàng)目中，布局使用頻繁，那么可以將flex抽離為一個(gè)布局工具類，簡化使用方式，快速應(yīng)用于項(xiàng)目，減少...

這個(gè)項(xiàng)目碉堡了 - 掘金
新年第一天上班，沒想到就立春了，俗話說，一年之計(jì)在于春，全新的 17 年開始啦，來，收拾下心情，投入到工作中，擼起袖子，就是干！ 就在前幾天，Airbnb 開源了一個(gè)項(xiàng)目叫做 Lottie，我個(gè)人覺得這個(gè)項(xiàng)目簡直碉堡了！ 動(dòng)畫相信大家都不陌生，在 App 開發(fā)...

JavaScript 很少為人所知的玩法 - 前端 - 掘金
Stack OverFlow 的聯(lián)合創(chuàng)始人杰夫·阿特伍德?曾提出著名的“Atwood定律”，即： Any application that can be written in JavaScript, will eventually be ...

使用 Service worker 實(shí)現(xiàn)加速 / 離線訪問靜態(tài) blog 網(wǎng)站 - 前端 - 掘金
作者：Google 開發(fā)技術(shù)專家 (GDE)?楊波 (Alpha) 現(xiàn)在很流行基于 GitHub page 和 markdown 的靜態(tài) blog，非常適合技術(shù)的思維和習(xí)慣，針對(duì)不同的...

原生 js 實(shí)現(xiàn)前端路由 - 前端 - 掘金
最近一直在研究前后端分離，ajax可以很好的解決前后端分離的問題，但是又存在著瀏覽器無法前進(jìn)后退，這個(gè)問題比較尷尬。但是采用前端路由的方式可以很好的解決這個(gè)問題。 前端路由與...

SVG 新司機(jī)開車指南 - 前端 - 掘金
TL,TR 確保大家一小時(shí)內(nèi)可以開車上路..... 來不及解釋了，快學(xué)車..... SVG其相關(guān)特性遠(yuǎn)比想象中要強(qiáng)，本文首先介紹下SVG的相關(guān)定義、優(yōu)缺點(diǎn)和Demo，接下來會(huì)介紹它的...

前端不為人知的一面——前端冷知識(shí)集錦 - 前端 - 掘金
（點(diǎn)擊上方公眾號(hào) ，可快速關(guān)注） 作者：伯樂在線專欄作者 - 劉哇勇 如有好文章投稿，請(qǐng)點(diǎn)擊 → 這里了解詳情 如需轉(zhuǎn)載，發(fā)送「轉(zhuǎn)載」二字查看說明 前端已經(jīng)被玩兒壞了！像console.log()可以向控制臺(tái)輸出圖片等炫酷的...

正確使用 Mac 的姿勢(shì) - Android - 掘金
不像很多達(dá)人上大學(xué)或者更早時(shí)間就開始就使用 Mac， 我從15年12月份才開始用，到現(xiàn)在已經(jīng)有一年多時(shí)間。Mac 現(xiàn)在成為我的御用電腦， 當(dāng)然工作中我還沒有完全切換到 Mac 上來，主要開發(fā)還在用 Ubuntu 進(jìn)行開發(fā)。和 Ubuntu 一樣它們都用相同的特...

干貨 | 教你打造一款顏值逆天的 VS Code - 前端 - 掘金
先睹為快 昨天有幸參加了無戒老師主持的寫作分享課，來自簡書的四位大神一鳴，別山舉水，一元亦有用，尹沽城無私的分享了自己的寫作經(jīng)驗(yàn)。他們對(duì)文字的虔誠，讓我深受感染。因此我在考慮用什么詞來形容我想跟大家分享的代碼編...

JavaScript30 中文指南 - 05 Flex 實(shí)現(xiàn)可伸縮的圖片墻 - 前端 - 掘金
作者：?緝熙Soyaine 簡介：JavaScript30 是 Wes Bos 推出的一個(gè) 30 天挑戰(zhàn)。項(xiàng)目免費(fèi)提供了 30 個(gè)視頻教程、30 個(gè)挑戰(zhàn)的起始文檔和 30 個(gè)挑戰(zhàn)解決方案源代碼。目的是幫助人們用純 JavaScript 來寫東西，不借助框架和庫...

HTML+CSS 重難點(diǎn)（一） 盒子模型及標(biāo)準(zhǔn)流下的定位 - 前端 - 掘金
① 頁面上的每個(gè)元素都被瀏覽器看成是一個(gè)矩形的盒子，這個(gè)盒子由元素的內(nèi)容、填充、邊框和邊界組成。網(wǎng)頁就是由許多個(gè)盒子通過不同的排列方式（上下排列、并排排列、嵌套）堆積而成； ② 內(nèi)容區(qū)域的寬度可通過width和height屬性設(shè)...

CSS3 動(dòng)畫函數(shù) - 前端 - 掘金
多時(shí)候我們可能經(jīng)常寫動(dòng)畫樣式的過渡效果，這里面的過渡樣式我們可能經(jīng)常使用比較熟悉的 ease linear ease-in 等，其實(shí)它還有一個(gè)定義函數(shù)，CSS3 貝爾賽曲線 cubic-bezier。這個(gè)函數(shù)里面可以定義一些過渡效果。當(dāng)然更多復(fù)雜的動(dòng)畫可以借助...

基于 GitHub 的敏捷學(xué)習(xí)方法之道與術(shù) - 掘金
原文首發(fā)于個(gè)人博客：基于 GitHub 的敏捷學(xué)習(xí)方法之道與術(shù) - 呂立青的博客 「持續(xù)行動(dòng)，持續(xù)反思，持續(xù)進(jìn)步。」—— via. 敏捷學(xué)習(xí)宣言 前言 對(duì)時(shí)間的敬畏 需要好多年才能懂得，最好不是去震驚世界，而是要像易卜生所說的，生活在世界上。 我們都一...

用 Chrome 開發(fā)者工具分析 javascript 的內(nèi)存回收（GC） - 前端 - 掘金
今天在知乎看到一個(gè)問題："通過 createElment 創(chuàng)建的元素，不 append 到 html 中，那么此元素被自動(dòng)銷毀的時(shí)機(jī)是什么?" 比如：var a; (function(){ ? ?a = document.createEl...

Chrome DevTools – 測(cè)試響應(yīng)和設(shè)備特定可視窗口 - 前端 - 掘金
更新后的Device Mode(設(shè)備模式)（從Chrome 49開始）是現(xiàn)在“移動(dòng)優(yōu)先”開發(fā)工具的一個(gè)組成部分，并擴(kuò)展了主要的DevTools 工具條。了解如何使用其控件來模擬各種設(shè)備或完全響應(yīng)式。 TL;DR 使用Device Mode(設(shè)備模式)...

MacBook 最佳實(shí)踐 - 掘金
MacBook 你值得擁有 MacBook 兼具命令行的高效與圖形界面的酷炫，實(shí)在是程序員必備利器。本文主要介紹我在兩年的使用過程中總結(jié)出的一些最佳實(shí)踐，供大家參考、借鑒。 Mac OS 簡介 Mac OS可以被分成操作系統(tǒng)的兩個(gè)系列： 一個(gè)是老舊且已不被支...

JS原型鏈與繼承別再被問倒了 - 掘金
我面試過很多同學(xué)，其中能把原型繼承講明白的寥寥無幾，能把new操作符講明白的就更少了。希望這篇文章能夠解決你的疑惑，帶你面試飛起來。原文：詳解JS原型鏈與繼承 摘自JavaScript高級(jí)程序設(shè)計(jì): 繼承是OO語言中的一個(gè)最為人津津樂道的概念.許多OO語言都支...

原生 JS 中對(duì)象相關(guān) API 合集 - 前端 - 掘金
Microzz zhaohui@microzz.com 主頁 ...

js 中基礎(chǔ)數(shù)據(jù)結(jié)構(gòu)數(shù)組去重問題 - 掘金
本文寫于1年前 曾經(jīng)的學(xué)習(xí)文章如今拿出來分享 引言 一說到數(shù)據(jù)結(jié)構(gòu)，很多人就開始頭大了，因?yàn)榭偢杏X像什么數(shù)據(jù)結(jié)構(gòu)，算法之類的概念都很高大上，我知道有很多的同學(xué)都是畢業(yè)后覺得編程高薪，亦或培訓(xùn)速成所以就選擇了一門語言，從而從事了這個(gè)行業(yè)，但是對(duì)于編程語言的一些基...

JavaScript 最全數(shù)組方法總結(jié)（下） - 前端 - 掘金
JavaScript中提供了多種數(shù)組方法，如下： 轉(zhuǎn)換方法—toLocaleString()方法、toString()方法、valueOf()方法 棧方法——push()方法、pop()方法 隊(duì)列方法——shift()方法、unsh...

從實(shí)現(xiàn)后臺(tái)商品屬性代碼說起，聊聊相關(guān)的思維！JS、模擬數(shù)據(jù)、橋梁 - 掘金

筆記：如何獲取網(wǎng)站根域名 - 文藺的博客 @wemlion - 前端 - 掘金
本文作者:文藺本文地址:http://www.wemlion.com/2017/g...本文由 @文藺 創(chuàng)作，轉(zhuǎn)載請(qǐng)保留此聲明。所有權(quán)利保留，請(qǐng)勿用于商業(yè)目的。 首先聲明，這里...

如何用 JavaScript 實(shí)現(xiàn)一個(gè)數(shù)組惰性求值庫 - 前端 - 掘金
在編程語言理論中，惰性求值（英語：Lazy Evaluation），又譯為惰性計(jì)算、懶惰求值，也稱為傳需求調(diào)用（call-by-need），是一個(gè)計(jì)算機(jī)編程中的一個(gè)概念，它的目的是要最小化計(jì)算機(jī)要做的工作。它有兩個(gè)相關(guān)而又有區(qū)別的含意，可以表示為“延遲求值”和...

JavaScript 設(shè)計(jì)模式 ① 正確使用面向?qū)ο缶幊痰淖藙?shì) - 掘金
javascript是一門弱語言，他有著分同一般的靈活性使它迅速的成為幾乎人人必會(huì)的一門語言，but，你們使用的姿勢(shì)真的正確嗎？ 在以前的開發(fā)過程當(dāng)中，老板：給我加個(gè)驗(yàn)證用戶郵箱、驗(yàn)證用戶短信...功能！ function checkMessage(){......

單頁式應(yīng)用性能優(yōu)化 - 首屏數(shù)據(jù)漸進(jìn)式預(yù)加載 - 前端 - 掘金
前言 針對(duì)首頁和部分頁面打開速度慢的問題，我們開始對(duì)單頁式應(yīng)用性能進(jìn)行優(yōu)化。本文介紹其中一個(gè)方案：基于 HTTP Chunk 的首屏數(shù)據(jù)漸進(jìn)式預(yù)加載方案，該方案總體減少了單頁應(yīng)用1.2s的首屏呈現(xiàn)時(shí)間。同時(shí)對(duì)比其與同構(gòu)渲染方案的異同。 注：原文為百度SSP單頁...

【掘金日?qǐng)?bào)】第四期 使用Sublime？怎么能不知道這些 Sublime 插件合集！ - 掘金
掘金日?qǐng)?bào)主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容，技術(shù)內(nèi)容分：前端、后端、Android、iOS、產(chǎn)品設(shè)計(jì)、工具資源和一些有趣的東西。 前端 深度剖析：如何實(shí)現(xiàn)一個(gè) Virtual DOM 算法 本文會(huì)在教你怎么用 300~400 行代碼實(shí)現(xiàn)一個(gè)基本的 Virtual...

騰訊 IVWEB 團(tuán)隊(duì)：前端識(shí)別驗(yàn)證碼思路分析 - 掘金
騰訊云技術(shù)社區(qū)-掘金主頁持續(xù)為大家呈現(xiàn)云計(jì)算技術(shù)文章，歡迎大家關(guān)注！ 作者：莫卓穎 相信很多前端同學(xué)對(duì)于二維碼識(shí)別、圖像對(duì)比等這類高大上的圖像識(shí)別技術(shù)望而生畏，覺得此類識(shí)別技術(shù)只能通過更加底倉的高級(jí)語言才能實(shí)現(xiàn)（諸如c等），本文試圖從前端的角度出發(fā)介紹如...

前端開發(fā)之 Sublime Text 3 插件合集 - 工具資源 - 掘金
Sublime is great and for many still the best text editor available. But out of the box, it lacks some features that modern competi...

(譯) 前端調(diào)試技巧與訣竅 - 掘金
原文地址：Debugging Tips and Tricks 原文作者：SARAH DRASNER 譯文出自：掘金翻譯計(jì)劃 譯者：lsvih 校對(duì)者：loveky,ymz1124 前端調(diào)試技巧與訣竅 編寫代碼其實(shí)只是開發(fā)者的一小部分工作。為了讓工作更有效率...

JS 一些優(yōu)化性能的小細(xì)節(jié) - 掘金
Github博客: https://github.com/asd0102433...喜歡的朋友star 支持一下 Js高性能優(yōu)化小結(jié) 謹(jǐn)慎使用閉包 由于閉包[[Scope]] 屬性包含與執(zhí)行環(huán)境作用域鏈相同的對(duì)象引用，函數(shù)活動(dòng)對(duì)象本來會(huì)隨著執(zhí)行環(huán)境完畢...

ES6：解構(gòu)——JavaScript 從數(shù)組和對(duì)象中提取數(shù)據(jù)的優(yōu)雅方法 - 掘金
本文編譯：胡子大哈 翻譯原文：http://huziketang.com/blog/po... 英文連接：ES6: Destructuring — an elegant way ...

JavaScript巧學(xué)巧用 - 掘金
關(guān)于 微信公眾號(hào)：前端呼啦圈（Love-FED） 我的博客：勞卜的博客 知乎專欄：前端呼啦圈 前言 由于工作和生活上的一些變化，最近寫文章的頻率有點(diǎn)下降了，實(shí)在不好意思，不過相信不久就會(huì)慢慢恢復(fù)過來，感謝大家一直以來的關(guān)注和支持。 本文主要給大家分享一下在...

如何搭建高質(zhì)量、高效率的前端工程體系 -- 頁面結(jié)構(gòu)繼承 - 前端 - 掘金
作者：莫卓穎 序言 相信很多程序員都會(huì)經(jīng)歷兩件事：第一件事情是沒日沒夜加班擼代碼；第二件事情是寫的程序出現(xiàn)bug沒有及時(shí)發(fā)現(xiàn)而被老板罵。 不知道大家有木有考慮從工具或者架構(gòu)的角度出發(fā)去解決以上兩個(gè)問題，木有考慮的同學(xué)也木有關(guān)系，本系列文章將會(huì)將會(huì)圍繞整個(gè)前端...

把 JavaScript 文件放在文檔的頭部還是尾部? - 前端 - 掘金
我們今天來聊一聊關(guān)于JavaScript文件的引入位置的問題；大家在平時(shí)的Web開發(fā)中有沒有想過這樣一個(gè)問題，那就是我應(yīng)該在文檔的頭部（也就是標(biāo)簽內(nèi)部里面）引入所需要的JavaScript文件還是應(yīng)該在尾部（也就是

如何處理好前后端分離的 API 問題 - 前端 - 掘金
API 都搞不好，還怎么當(dāng)程序員？如果 API 設(shè)計(jì)只是后臺(tái)的活，為什么還需要前端工程師。 作為一個(gè)程序員，我討厭那些沒有文檔的庫。我們就好像在操縱一個(gè)黑盒一樣，預(yù)期不了它的正常行為是什么。輸入了一個(gè) A，預(yù)期返回的是一個(gè) B，結(jié)果它什么也沒有。有的時(shí)候，還...

Web 開發(fā)資源匯總 - 前端 - 掘金
layout title date ...

如何擺脫項(xiàng)目命名困難的尷尬局面 - 掘金
如何高效的命名你的項(xiàng)目 在做一個(gè)項(xiàng)目的時(shí)候，我們往往遭遇命名問題的困惑，當(dāng)看到一些非專業(yè)人的代碼，看到他們凌亂的碼法，有時(shí)候真的苦不堪言。深刻知道一個(gè)良好的命名規(guī)范的重要性，同時(shí)在項(xiàng)目中也會(huì)遇到一些命名的瓶頸。所以有必要寫一篇關(guān)于常見命名的方式。以下是通過3年...

2017 百度前端技術(shù)學(xué)院 - 自定義右鍵菜單 - 前端 - 掘金
轉(zhuǎn)載自：http://www.jianshu.com/p/7314... 效果預(yù)覽 ...

前端切圖神器 avocode - 前端 - 掘金
安裝avocode 前端的基礎(chǔ)工作就是把設(shè)計(jì)師的設(shè)計(jì)稿還原成前端頁面，所以切圖是作為一個(gè)前端的基本技能。殺敵要有趁手的兵器，而前端一般都是用photoshop,但是這個(gè)兵器非常笨重，可能當(dāng)你笨拙的揮動(dòng)的它時(shí)，敵人已經(jīng)揮刀到你的頸部了。畢...

前端性能優(yōu)化黃金法則 - 前端 - 掘金
前端是龐大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各種各樣的資源。前端優(yōu)化是復(fù)雜的，針對(duì)方方面面的資源都有不同的方式。那么，前端優(yōu)化的目的是什么 ? 從用戶角度而言，優(yōu)化能夠讓頁面加載得更快、對(duì)用戶的操作響應(yīng)得更及時(shí)...

前端優(yōu)化實(shí)踐 - 前端 - 掘金
原文出處： 凹凸實(shí)驗(yàn)室 記得前百度工程師張?jiān)讫堈f過，頁面前端優(yōu)化問題絕對(duì)不僅僅是為頁面提速的問題，更是工程的問題，有興趣的同學(xué)可以閱讀《前端工程與性能優(yōu)化》。里面有提到根據(jù)雅虎14條優(yōu)化原則，《高性能網(wǎng)站建設(shè)指南》以及《高性能網(wǎng)站建設(shè)進(jìn)階指南》中提到的優(yōu)...

Web 前端應(yīng)該從哪些方面來優(yōu)化網(wǎng)站? - 前端 - 掘金
不知道是哪位大牛的文章，轉(zhuǎn)過來回答。前端是龐大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各種各樣的資源。前端優(yōu)化是復(fù)雜的，針對(duì)方方面面的資源都有不同的方式。那么，前端優(yōu)化的目的是什么 ? 1. 從用戶角度而言，優(yōu)化能夠...

制造 JSON API 模擬數(shù)據(jù)的一個(gè)方案 - 前端 - 掘金
前后端并行開發(fā)（或者說多個(gè)業(yè)務(wù)間并行開發(fā)）中，一個(gè)比較麻煩的問題，就是如何制造模擬數(shù)據(jù)和模擬異常狀態(tài)。此前一直沒有找到很好的生成模擬JSON數(shù)據(jù)快捷、簡單的方法，直到發(fā)現(xiàn)了 神器 mockjs。但 mockjs 需要在代碼中引入js，操作起來不太方便，另一方面...

js 獲取 url 中的參數(shù), 并保證獲取到的參數(shù)不亂碼 - 掘金
最近開發(fā)項(xiàng)目的時(shí)候，需要通過js獲取url種的參數(shù)，網(wǎng)上有一個(gè)通用的獲取參數(shù)的方法getQueryString(),但是其在獲取中文參數(shù)的時(shí)候，存在獲取到的值亂碼的問題，研究了一下，原來是瀏覽器的問題。如果url中存在中文字符，瀏覽器會(huì)自動(dòng)將url中的中文進(jìn)行...

通過斷點(diǎn) (Breakpoint Sharer) 試著閱讀 Vue.js 的代碼——其一 - 前端 - 掘金
想必大家都有通過debug閱讀代碼的經(jīng)歷，最近突發(fā)奇想覺得如果可以分享斷點(diǎn)的，不失為一種新奇的閱讀體驗(yàn)，所以花了一些時(shí)間做了一個(gè)分享斷點(diǎn)的Chrome 擴(kuò)展 Breakpoint Sharer，歡迎下載使用。代碼也公開在了github，目前還只有最基本的功能，...