摘要:借著產(chǎn)品層面的功能和視覺(jué)升級(jí),我們用對(duì)它進(jìn)行了一次技術(shù)重構(gòu)。前端優(yōu)化是一個(gè)讓人技術(shù)提升的,希望你也能從這里學(xué)到一些東西。年最流行的前端鏈接我們每周會(huì)給多名前端開(kāi)發(fā)者發(fā)送新聞郵件。
面試 -- 網(wǎng)絡(luò) HTTP
現(xiàn)在面試門(mén)檻越來(lái)越高,很多開(kāi)發(fā)者對(duì)于網(wǎng)絡(luò)知識(shí)這塊了解的不是很多,遇到這些面試題會(huì)手足無(wú)措。本篇文章知識(shí)主要集中在 HTTP 這塊。文中知識(shí)來(lái)自 《圖解 HTTP》與維基百科,若有錯(cuò)誤請(qǐng)大家指出。文章會(huì)持續(xù)更新。 面試 -- 網(wǎng)絡(luò) TCP/IP 了解 Web 及網(wǎng)絡(luò)基礎(chǔ) 對(duì)端傳輸…
我基于我自己對(duì) jsonp 的理解,很直白的言語(yǔ)表達(dá)了 jsonp 的含義,如果你還在找尋理解 jsonp 相關(guān)的文檔,我希望它能幫助到你!
相信很多剛涉及移動(dòng)端設(shè)計(jì)與開(kāi)發(fā)的同學(xué)基本上會(huì)在前端開(kāi)發(fā)中的像素問(wèn)題上糾結(jié)很久,所以寫(xiě)下這篇筆記,便于自己日后翻閱。如果有啥理解上的錯(cuò)誤,歡迎大家指正~
vue.js 的底層思想
記錄了在開(kāi)發(fā)騰訊 2016 公司代碼報(bào)告頁(yè)面時(shí)遇到的問(wèn)題以及解決方案。
隨著移動(dòng)互聯(lián)網(wǎng)的到來(lái),各種高清屏幕移動(dòng)設(shè)備的層出不窮,導(dǎo)致 H5 應(yīng)用在移動(dòng)設(shè)備 retina 屏幕下經(jīng)常會(huì)遇到圖標(biāo)不清晰的問(wèn)題。
作者:滴滴公共前端 黃軼 項(xiàng)目背景 滴滴的 webapp 是運(yùn)行在微信、支付寶、手 Q 以及其它第三方渠道的打車(chē)軟件。借著產(chǎn)品層面的功能和視覺(jué)升級(jí),我們用 Vue 2.0 對(duì)它進(jìn)行了一次技術(shù)重構(gòu)。 技術(shù)棧 MVVM框架: Vue 2.0源碼:es6代碼風(fēng)格檢查:eslint構(gòu)建…
gulp 負(fù)責(zé) css 等,webpack 負(fù)責(zé) js
解決了前后端代碼不能復(fù)用和單頁(yè)面 SEO 問(wèn)題
在前端領(lǐng)域中,掌握三欄布局是一個(gè)開(kāi)發(fā)人員必備的技巧,本文將介紹七種三欄布局的技巧,在實(shí)際開(kāi)發(fā)中,你可以選擇適合自己實(shí)際需求的方式。
今天的數(shù)據(jù),感謝大家的支持,有問(wèn)題可以加QQ群反饋,實(shí)時(shí)答復(fù):595325417 什么是 Easy Mock Easy Mock 是一個(gè)極其簡(jiǎn)單、高效、可視化、并且能快速生成模擬數(shù)據(jù)的在線 mock 服務(wù)。以項(xiàng)目管理的方式組織 Mock List,能幫助我們更好的管理 Moc…
來(lái)自騰訊 ISUX - 余果 的分享,詳細(xì)剖析 base64 的使用場(chǎng)景和優(yōu)缺點(diǎn),很贊!
git 團(tuán)隊(duì)合作開(kāi)發(fā)過(guò)程中,需要用 git 處理的合并分支時(shí)如何解決相關(guān)問(wèn)題
主要展示的是 gulp 常用插件的使用方法和用途,通過(guò)對(duì)插件的熟練運(yùn)用達(dá)到精通 gulp。
可能是目前中文世界里對(duì) PWA 最全面詳細(xì)的長(zhǎng)文了
年前去阿里面試,過(guò)程中說(shuō)道了 fastclick 解決 iPhone 機(jī)器上 300ms 點(diǎn)擊延遲的問(wèn)題,然后就被問(wèn)到了 zepto 的 “點(diǎn)擊穿透” 的現(xiàn)象以及產(chǎn)生這個(gè)具體原因,當(dāng)時(shí)回答的不是很好,主要是沒(méi)有特別深入的去研究這個(gè)原因,只是知道有這個(gè)現(xiàn)象和問(wèn)題,大概怎么解決,面試完了之后有一天突然想起來(lái)了,就決定仔細(xì)的研究下。
js 運(yùn)行時(shí)錯(cuò)誤自動(dòng)捕獲
本文主要從工作效率、速度性能、穩(wěn)定性、響應(yīng)式、兼容性、搜索 SEO、信息無(wú)障礙等方面進(jìn)行講解。
前端優(yōu)化是一個(gè)讓人技術(shù)提升的 point,希望你也能從這里學(xué)到一些東西。
html2canvas.js vs rasterizeHTML.js
作者:威威(滬江前端開(kāi)發(fā)工程師)
最近, 產(chǎn)品同學(xué)一如往常笑嘻嘻的遞來(lái)需求文檔, 縱使內(nèi)心萬(wàn)般拒絕, 身體倒是很誠(chéng)實(shí)。 接過(guò)需求,好在需求不復(fù)雜, 簡(jiǎn)單構(gòu)思 后決定用 Vue, 得心應(yīng)手。 切好圖, 挽起袖子準(zhǔn)備擼代碼的時(shí)候, SEO 同學(xué)不知何時(shí)已經(jīng)站到了背后。
"聽(tīng)說(shuō)你要用 Vue?"
"恩..."
"SEO 考慮了嗎? 整個(gè) SPA 出來(lái),網(wǎng)頁(yè)的 SEO 咋辦?"
"奧..."
換以前, 估計(jì)只能無(wú)奈的換個(gè)實(shí)現(xiàn)方式, 但是 Vue 2.0 時(shí)代的到來(lái), 給你多了一種可能。 你可以對(duì) SEO 工程師說(shuō): 用 Vue 沒(méi)問(wèn)題!
關(guān)于 JavaScript 繼承本質(zhì)的剖析
Read the original 我們最好了解 "原生" 的構(gòu)建方式 譯者注:這篇文章旨在告訴大家,構(gòu)建的過(guò)程是怎樣的。因?yàn)楝F(xiàn)在太多的腳手架工具了,大家確實(shí)很方便就搭建了環(huán)境,但內(nèi)部的過(guò)程卻讓人迷糊。 前言 構(gòu)建工具變得越來(lái)越豐富多彩了,但是你真的需要它們嗎?有沒(méi)有更簡(jiǎn)單的方式去…
前端面試??紗?wèn)題整理,按模塊知識(shí)點(diǎn)分類,持續(xù)完善中... Front-end-Developer-Questions by Modules and knowledge
本文將詳細(xì)介紹在 JavaScript 中算法的用法,配合動(dòng)圖生動(dòng)形象的讓你以最快的方法學(xué)習(xí)算法的原理以及在需求場(chǎng)景中的用途。
關(guān)于模塊化,最直接的表現(xiàn)就是我們寫(xiě)的 require 和 import 關(guān)鍵字,如果查閱相關(guān)資料,就一定會(huì)遇到 CommonJS 、CMD AMD 這些名詞,以及 RequireJS、SeaJS 等陌生框架。比如 SeaJS 的官網(wǎng) 這樣描述自己: “簡(jiǎn)單友好的模塊定義規(guī)范,Sea.js 遵循 CMD 規(guī)范。自然直觀的代碼組織方式,依賴的自動(dòng)加載……”
JavaScript 從誕生至今已經(jīng)走過(guò)了 20 年的歷程。它的前世 (1995~2015 年) 是一個(gè)長(zhǎng)達(dá) 20 年沒(méi)有類的世界,它的今生隨著 2015 年 6 月 ES6 的發(fā)布迎來(lái)了有類的時(shí)代。JavaScript 從無(wú) “類” 到有“類”,經(jīng)歷了從 ES1 到 ES6 的階段。
我們每周會(huì)給 70,000 多名前端 Web 開(kāi)發(fā)者發(fā)送新聞郵件。
因此,我們認(rèn)為值得回顧一下 2016 年我們發(fā)送的所有期刊,并強(qiáng)調(diào)一下我們分享的一些最流行的文章。
原文地址:https://medium.com/statuscode...
阮老師貼了一段代碼,報(bào)錯(cuò)了,然后左思右想覺(jué)得這是 V8 的錯(cuò),這微博一發(fā)下面引起了激烈的討論......
我們一起來(lái)看看報(bào)錯(cuò)的原因究竟是什么!
一些常用的技巧,不定期更新。
感覺(jué)堅(jiān)持更新個(gè)一年是不是就可以出本書(shū)了,哈哈。
講解瀏覽器緩存的基本工作方式
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/107080.html
摘要:需要說(shuō)明是的,這里說(shuō)的專家不再關(guān)心細(xì)節(jié),不代表成為專家后學(xué)不會(huì)細(xì)節(jié),也不代表專家不了解細(xì)節(jié)。本文將從三個(gè)點(diǎn)去解釋,為什么專家看上去越來(lái)越原理技術(shù)細(xì)節(jié)。試想一個(gè)不能理解業(yè)務(wù)要做什么的人,即便懂得再多技術(shù)細(xì)節(jié),對(duì)業(yè)務(wù)也是沒(méi)有價(jià)值的。1. 引言 本周的精讀是有感而發(fā)。 筆者接觸前端已有八年,觀察了不少前端大牛的發(fā)展路徑,發(fā)現(xiàn)成功的人都具有相似的經(jīng)歷: 初期技術(shù)熱情極大 -> 大量標(biāo)志性技術(shù)項(xiàng)目 -...
摘要:著作權(quán)歸作者所有。工作年限越長(zhǎng),公司對(duì)于開(kāi)發(fā)者的要求就會(huì)越高。了解技術(shù)的內(nèi)部機(jī)制才能讓自己不被淘汰。 著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系 Scott 獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處[務(wù)必保留全文,勿做刪減]。 Scott 近兩年無(wú)論是面試還是線下線上的技術(shù)分享,遇到許許多多前端同學(xué),由于團(tuán)隊(duì)原因,個(gè)人原因,職業(yè)成長(zhǎng),技術(shù)方向,甚至家庭等等原因,在理想國(guó)與現(xiàn)實(shí)之間,在放棄與堅(jiān)守之間,搖擺不停,...
摘要:我笑了笑,我得到了我想要的答案。有強(qiáng)烈的個(gè)人色彩,無(wú)評(píng)價(jià)標(biāo)準(zhǔn)。對(duì)于沒(méi)有經(jīng)驗(yàn)的大學(xué)生,企業(yè)最多考量的就是才干。這些都需要長(zhǎng)期的積累,由內(nèi)而外的自然散發(fā)。很多大學(xué)畢業(yè)生,進(jìn)入職場(chǎng)后發(fā)現(xiàn)實(shí)際情況與預(yù)想的不太一樣。我笑了,你能這么想最好了。 showImg(https://segmentfault.com/img/bV1DoI?w=3500&h=1442); 總有些人有些事似曾相識(shí),我一遍遍的...
摘要:我笑了笑,我得到了我想要的答案。有強(qiáng)烈的個(gè)人色彩,無(wú)評(píng)價(jià)標(biāo)準(zhǔn)。對(duì)于沒(méi)有經(jīng)驗(yàn)的大學(xué)生,企業(yè)最多考量的就是才干。這些都需要長(zhǎng)期的積累,由內(nèi)而外的自然散發(fā)。很多大學(xué)畢業(yè)生,進(jìn)入職場(chǎng)后發(fā)現(xiàn)實(shí)際情況與預(yù)想的不太一樣。我笑了,你能這么想最好了。 showImg(https://segmentfault.com/img/bV1DoI?w=3500&h=1442); 總有些人有些事似曾相識(shí),我一遍遍的...
閱讀 1185·2021-09-27 13:34
閱讀 995·2021-09-13 10:25
閱讀 521·2019-08-30 15:52
閱讀 3460·2019-08-30 13:48
閱讀 660·2019-08-30 11:07
閱讀 2181·2019-08-29 16:23
閱讀 2007·2019-08-29 13:51
閱讀 2340·2019-08-26 17:42