摘要：官網(wǎng)地址聊天機(jī)器人插件開發(fā)實(shí)例教程一創(chuàng)建插件在系統(tǒng)技巧使你的更加專業(yè)前端掘金一個(gè)幫你提升技巧的收藏集。我會(huì)簡(jiǎn)單基于的簡(jiǎn)潔視頻播放器組件前端掘金使用和實(shí)現(xiàn)購物車場(chǎng)景前端掘金本文是上篇文章的序章，一直想有機(jī)會(huì)再次實(shí)踐下。

2道面試題：輸入U(xiǎn)RL按回車&HTTP2 - 掘金
通過幾輪面試，我發(fā)現(xiàn)真正那種問答的技術(shù)面，寫一堆項(xiàng)目真不如去刷技術(shù)文章作用大，因此刷了一段時(shí)間的博客和掘金，整理下曾經(jīng)被問到的2道面試題 從瀏覽器輸入U(xiǎn)RL按回車到頁面顯示都發(fā)生了什么 說說你了解的HTTP/2 筆者才疏學(xué)淺，如有錯(cuò)誤歡迎各位dalao指正...

騰訊 AlloyTeam 正式發(fā)布 Canvas 魔幻線條 - curvejs - 掘金
寫在前面 curvejs 中文讀["克js"]，是騰訊AlloyTeam打造的一款魔幻線條框架，讓線條成為一名優(yōu)秀的舞者，讓線條們成為優(yōu)秀的舞團(tuán)，HTML5 Canvas就是舞臺(tái)。 官網(wǎng)：https://alloyteam.github....

web 低多邊形 3d 動(dòng)態(tài)交互背景生成，類似 QQ 輕聊版登錄框 - 前端 - 掘金
demo1 demo2 demo3 ...

探索 RxJS - 做一個(gè) github 小應(yīng)用 - 前端 - 掘金
本文是一篇 RxJS 實(shí)戰(zhàn)教程，利用 RxJS 和 github API 來一步步做一個(gè) github 小應(yīng)用。因此，文章的重點(diǎn)是解釋 RxJS 的使用，而涉及的 ES6語法、webpack 等知識(shí)點(diǎn)不予講解。 本例的所有代碼在 github 倉庫：r...

css-protips - 讓你的 CSS 代碼更加專業(yè) - 前端 - 掘金
提示的收集，以幫助提升你的CSS技巧。 對(duì)于其他大名單退房 @sindresorhus的策展的名單 真棒名單. ...

DDFE 技術(shù)周刊（第十三期）2017.2.6 - 掘金
Hybrid 方案DDFE - [17年跨領(lǐng)域?qū)W習(xí)]從 WKWebview 再談混合開發(fā)豆瓣的混合開發(fā)框架 -- Rexxar美團(tuán)大眾點(diǎn)評(píng) Hybrid 化建設(shè)iOSObjective-C編碼規(guī)范那些好用的iOS開發(fā)工具iOS JS 交互之利用系統(tǒng)JSCont...

Promise 對(duì)象的鏈?zhǔn)秸{(diào)用 - 前端 - 掘金
Promise對(duì)象的鏈?zhǔn)秸{(diào)用 2016-12-06 liujians Promise對(duì)象是解決異步回調(diào)嵌套的一種方案 現(xiàn)在封裝Promise的庫很多、像q,bluebrid等等 Promise對(duì)象下調(diào)用.then方法就可以把異步排個(gè)順序 那么只要返回Promi...

微信開發(fā)實(shí)例教程 Vo1 - 智能聊天機(jī)器人 - 掘金
本篇教程所描述的插件開發(fā)過程都是基于douchat微信開發(fā)框架，在閱讀本教程前，請(qǐng)先了解douchat并在你的服務(wù)器安裝配置好這個(gè)簡(jiǎn)潔、優(yōu)雅、開源的公眾號(hào)開發(fā)框架。官網(wǎng)地址：http://douchat.cc/ 聊天機(jī)器人插件開發(fā)實(shí)例教程 一、創(chuàng)建插件在系統(tǒng)...

CSS 技巧：使你的 CSS 更加專業(yè) - 前端 - 掘金
一個(gè)幫你提升 CSS 技巧的收藏集。 對(duì)于其他收藏集合可以查看 @sindresorhus 創(chuàng)建的收藏集合 Awesome Lists. 目錄 專業(yè)技巧 支...

Progressive web app 理念及發(fā)展前景 - 前端 - 掘金
前端分享學(xué)習(xí)博客，探究前端相關(guān)技術(shù)，推動(dòng)天朝前端發(fā)展，有任何問題都可以留言一起探究 由于站內(nèi)自鏈接問題，部分pre中的代碼首字母使用大寫以過濾篩選，請(qǐng)注意；網(wǎng)站還有一點(diǎn)bug，更新中... 執(zhí)拗低版本ie兼容的童鞋請(qǐng)繞道，杜絕低...

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

通過例子學(xué)習(xí) CSS Grid Layout - 前端 - 掘金
Grid by Example A collection of usage examples for the CSS Grid Layout specification. What is Grid Layout? L...

直白的話告訴你在 javascript 中如何用 jsonp 實(shí)現(xiàn)跨域請(qǐng)求 - 前端 - 掘金
前言 這邊文檔希望通過自己對(duì)jsonp的理解，能夠采用最簡(jiǎn)單、最直白的語言告訴大家jsonp是干嘛的！當(dāng)然，其間難免有紕漏之處，希指正出來...

使用 RxJS 掌控異步 - 前端 - 掘金
教你使用 RxJS 在 200 行代碼內(nèi)優(yōu)雅的實(shí)現(xiàn)文件分片斷點(diǎn)續(xù)傳。 本文是一系列介紹 RxJS 文章的第三篇，這一系列的文章將從一個(gè)小的例子開始，逐漸深入的講解 RxJS 在各種場(chǎng)景下的應(yīng)用。對(duì)應(yīng)的，也會(huì)有對(duì) RxJS 各種操作符的講解。這篇文章將接...

動(dòng)態(tài)規(guī)劃算法的思想及實(shí)現(xiàn)方法 - 前端 - 掘金
介紹 動(dòng)態(tài)規(guī)劃(簡(jiǎn)稱DP)是算法設(shè)計(jì)思想當(dāng)中最難也是最有趣的部分了，動(dòng)態(tài)規(guī)劃適用于有重疊子問題和最優(yōu)子結(jié)構(gòu)性質(zhì)的問題，是一種在數(shù)學(xué)、計(jì)算機(jī)科學(xué)和經(jīng)濟(jì)學(xué)中經(jīng)常使用的，通過把原問題分解為相對(duì)簡(jiǎn)單的子問題的方式求解復(fù)雜問題的方法。使用動(dòng)態(tài)規(guī)...

關(guān)于 FormData - 前端 - 掘金
介紹 先看看 MDN 對(duì)FormData的介紹: XMLHttpRequest Level2添加了一個(gè)新的接口FormData. 利用FormData對(duì)象,我們可以通過JavaScript用一些鍵值對(duì)來模擬一系列表單控件,我們...

(譯) 使用 WebSocket 和 CSS3 創(chuàng)造魔法 - 前端 - 掘金
原文地址：Making Magic with WebSockets and CSS3 原文作者：Hélio Dolores ...

qart.js - 前端生成好看的二維碼 - 前端 - 掘金
Merges Pictures and QR Codes for Artistic QR Codes. ...

Vuex2 與 Axios 開發(fā) - 前端 - 掘金
總結(jié)筆者最近在項(xiàng)目中使用Vuex2和Axios的總結(jié)和小技巧，方便日后查看。本人能力有限，如有錯(cuò)誤還請(qǐng)大大們指正探討?。 閱讀前須知 接上一篇的Axios的配置，閱讀本文默認(rèn)您已經(jīng)掌握了Vuex2的基本語法、Axios的使用配置與方法、Promi...

用 Vuex 構(gòu)建一個(gè)筆記應(yīng)用 - 前端 - 掘金
原文：Learn Vuex by Building a Notes App，有刪改。 本文假設(shè)讀者熟悉 Vuex 文檔 的內(nèi)容。如果不熟悉，you definitely should！ 在這個(gè)教程里面，我們會(huì)通過構(gòu)建一個(gè)筆記應(yīng)用來學(xué)習(xí)怎么用 Vuex。我會(huì)簡(jiǎn)單...

基于 Vue 的簡(jiǎn)潔 HTML5 視頻播放器組件 - 前端 - 掘金
A HTML5 video player component for Vue.js Demo live demo is here: https://hilongjw.github.io/vu... Instllatio...

使用 Vue.js 和 Vuex 實(shí)現(xiàn)購物車場(chǎng)景 - 前端 - 掘金
本文是上篇文章的序章，一直想有機(jī)會(huì)再次實(shí)踐下Vuex。寫下這篇總結(jié)，See Demo。 什么是Vuex？ Flux-inspired Application Architecture for Vue.js Vuex實(shí)際上是類Flux的數(shù)據(jù)管理架構(gòu)。它主要幫我們...

前端開發(fā)之走進(jìn) Vue.js - 前端 - 掘金
Vue.js作為目前最熱門最具前景的前端框架之一，其提供了一種幫助我們快速構(gòu)建并開發(fā)前端項(xiàng)目的新的思維模式。本文旨在幫助大家認(rèn)識(shí)Vue.js，了解Vue.js的開發(fā)流程，并進(jìn)一步理解如何通過Vue.js來構(gòu)建一個(gè)中大型的前端項(xiàng)目，同時(shí)做好相應(yīng)的部署與優(yōu)化工作。...

Vue2.0 新手完全填坑攻略 - 前端 - 掘金
這是一篇基于 Vue2.0 的新手入門文章，通過 Demo 實(shí)例介紹了 Vue2.0 的環(huán)境搭建及服務(wù)器端渲染的過程。...

vue-today：一個(gè)Vue+Webpack驅(qū)動(dòng)的灰常小清新的簡(jiǎn)單日歷組件 - 前端 - 掘金
一個(gè)Vue+Webpack驅(qū)動(dòng)的灰常小清新的簡(jiǎn)單日歷組件，Today is Cute；歡迎繼續(xù)完善，僅供學(xué)習(xí)和交流使用。...

Vuex + Firebase 構(gòu)建 Notes App - 前端 - 掘金
前幾天翻譯了基于這篇博客的文章：用 Vuex 構(gòu)建一個(gè)筆記應(yīng)用。在此基礎(chǔ)上我對(duì)它做了一些更新： 把數(shù)據(jù)同步到 Firebase 上，不會(huì)每次關(guān)掉瀏覽器就丟失數(shù)據(jù)。 加了筆記檢索功能 為保證代碼整潔，加上了 eslint 你可以從 Github Repo 下...

用 Vue 寫了一個(gè)知乎日?qǐng)?bào) web app - 前端 - 掘金
A Vue.js & Nodejs project 聲明：『知乎』是 知乎. Inc 的注冊(cè)商標(biāo)。本軟件與其代碼非由知乎創(chuàng)作或維護(hù)。軟件中所包含的信息與內(nèi)容皆違反版權(quán)與知乎用戶協(xié)議。它是一個(gè)免費(fèi)軟件，使用它不收取您任何費(fèi)用。其中的所有內(nèi)容均可在知乎獲...

基于 vue 和 websocket 的多人在線聊天室 - 前端 - 掘金

author： So 最近看到一些關(guān)于websocket的東西，就決定寫一個(gè)在線聊天室嘗試一下。最終決定配合vue來寫，采用了官方的vue腳手架vue-cli和官方的router，在本例中呢，我是用了CHAT這個(gè)對(duì)象來存儲(chǔ)app的數(shù)據(jù)的，但后來一想，雖然...

知乎網(wǎng)頁上屏幕截圖功能的實(shí)現(xiàn) - 前端 - 掘金

背景 最近注意到知乎的屏幕截圖反饋功能，感覺非常不錯(cuò)。也不知道什么時(shí)候開始增加的這個(gè)功能： 簡(jiǎn)單說明一下： 點(diǎn)擊知乎頁面右下角的反饋按鈕，彈出反饋彈窗 窗口中會(huì)顯示當(dāng)前頁面的截圖，并且可以在上面...