20170930 前端開發日報

使用 KUTE.js 實現有趣的 Web 動畫效果;前端切圖 | 百度EUX;webpack 4: 新的變化1 (第24–25周);Webug通關攻略(二);JavaScript中奇特的~運算符;移動前端知識總結;玩轉 React(一)- 前言;玩轉 React(三)- JavaScript代碼里寫HTML一樣可以很優雅

  1. 使用 KUTE.js 實現有趣的 Web 動畫效果 我寫這篇文章為的是介紹一個搭載thednp和dalisoft,實現開放源代碼、免費的、功能豐富的 JavaScript動畫引擎,名字叫作 KUTE.js 。 這是系列連載文章 Beyond CSS: Dynamic DOM Animation Libraries 的第二篇。如果你很想閱讀更多關于如何在web上使用動畫的干貨,或者是什么時候你可以使用JavaScript動畫圖庫,而不僅...
  2. 前端切圖 | 百度EUX 前端之切切切切切圖 by.陳 蔓青 2017-9-25 身為前端,除了與風格迥異的代碼打交道,還有一個很常見的就是跟設計師對接,從他們提供的 psd 里面扣出需要用到的小圖標等等。下面就講講切圖的各種姿勢 pho
  3. webpack 4: 新的變化1 (第24–25周) 在過去的幾周里,我完成和合并了所有 webpack 4 的 PR ,其中有很多很大的變化。下面是一些重要的變化的總結,這樣你在看到下邊的更新日志的時候不會覺得驚訝。 Sets 在 API 層,現在很多類已經開始使用 Set(或者 Sortabl
  4. Webug通關攻略(二) 如果不出錯的話,每篇通關攻略應該是5條題目~ 下面繼續開始表演~ 6.這關需要RMB購買哦 首先是個登錄框。。。難道是注入? 到這里我已經覺得不太可能。。應該是一條邏輯漏洞支付的題目。。因此直接去看了源碼。。過濾的死死的~ 所以直接去數據庫看了下賬號密碼。。(起碼得給個測試賬號密碼吧。。) 賬...
  5. JavaScript中奇特的~運算符 本次分享一下并不是很常用的按位非運算符~的原理以及一點點用法。
  6. #移動前端開發#【移動前端知識總結】移動端的相關知識匯總,meta標簽,手機兼容,媒體查詢,點擊延遲,touch事件等 #前端開發博客# ???
    移動前端知識總結
  7. 玩轉 React(一)- 前言 本人計劃編寫一個針對初級前端開發者學習 React 的系列教程 - 《玩轉 React》。 文章更新頻率:每周 1 ~ 2 篇。 為什么是針對初級前端開發者 經驗豐富的程序員,學習新框架是不會看這種文章的。講實話,最高效、最權威的還是官方文檔。如果你覺得你是高
  8. 玩轉 React(三)- JavaScript代碼里寫HTML一樣可以很優雅這是《玩轉 React》系列的第三篇,看到本篇的標題,了解過 React 的同學可能已經大致猜到我要講什么了,本篇中要講的內容對于剛接觸 React 的同學來說,可能有些難以接受,但希望你能堅持學下去,這是 Facebook ...
  9. React V15.6 實現一個簡單的個人主頁學習 React 的過程中實現了一個個人主頁,沒有復雜的實現和操作,適合入門 ~ 原文地址:https://github.com/axuebin/react-blog/issues/17 這個項目其實功能很簡單,就是常見的主頁、博客、demo、關于我等功能。 ...
  10. 與時俱進版前端資源教程 眾所周知,前端發展如火如荼,日新月異,而且很長一段時間內都將如此。這份由晚晴幽草軒軒主正在維護的教程列表;旨在為 前端學習 、 技能提升 、 視野擴展 、 資料查找 等行個方便。將會在日常工作探索、學習中,持續保持更新,增新優之章,除舊失之文;盡可能使得這份列表保持簡練,以避免信息過重且冗雜;望其能在浩...
  11. 【漏洞預警】Mac OS X存在Javascript沙箱繞過漏洞,可造成任意文件讀?。ê琍oC) 2017-09-28 21:42:18 閱讀:727次 來源: wearesegment.com 作者:興趣使然的小胃 譯者: 興趣使然的小胃 預估稿費:120RMB 投稿方式:發送郵件至linwei##,或登陸網頁版在線投稿 漏洞概要 漏洞名稱:Mac OS X本地Javascript隔離繞過漏洞(可讀取本地文...
  12. JavaScript 異步隊列實現及拓展 引入 隊列對于任何語言來說都是重要的,io 的串行,請求的并行等等。在 JavaScript 中,又由于單線程的原因,異步編程又是非常重要的。昨天由一道面試題的啟發,我去實現 JS 中的異步隊列的時候,借鑒了 express 中間件思想,并發散到 co 實現 與 generator,以及 asyncToGenerator。 ps: 本文無圖,代碼較多。 異...
  13. 2017秋招前端工程師百度阿里網易騰訊(全offer)面經|掘金技術征文 2017.09.29更新百度面完三面收到sp offer,百度地圖部門,base北京阿里被調崗到阿里音樂,已收到意向,base杭州,這個比較運氣。。騰訊給的意向是IEG的運營開發,所以偏后臺一些,base深圳網易云音樂收到sp offer,base杭州補完了百
  14. JS中的算法與數據結構——字典(Dictionary) 字典(Dictionary) 字典(Dictionary)是一種以 鍵-值對 形式存儲數據的數據結構 ,就如同我們平時查看通訊錄一樣,要找一個電話,首先先找到該號碼的機主名字,名字找到了,緊接著電話號碼也就有了。這里的鍵
  15. 玩轉 React(二)- 新型前端開發方式 這是《玩轉 React》系列的第二篇。在該篇中,我們來了解下,React 的出現到底給我們的開發方式帶來了什么樣的變化。 我的感觸可以用一個字來形容,爽!主要爽在以下兩個方面。 視圖是數據的映射(單向數據流) React 是一個視圖層的框架,所謂視圖層就是我們
  16. 探索傳統 JavaScript 基準測試 | 現在看看另一方面,所有的靜態性能測試——無論是微基準micro-benchmark還是大型應用的宏基準macro-benchmark,都注定要隨著時間的推 … (
    探索傳統 JavaScript 基準測試
  17. 我是怎樣讓網站用上HTML5 Manifest Manifest是用來做離線頁面的,即使斷網也能正常打開頁面,用起來簡單,但是在實際使用中存在以下問題:(1)如何自動緩存所有的頁面的資源?因為manifest不能使用*通配符進行cache(2)如果網站資源更新,怎么讓manifest文件自動更新?不然如果用
  18. 《HelloGitHub》第 18 期 興趣是最好的老師,HelloGitHub 就是幫你找到興趣!希望熱愛開源的小伙伴加入到本項目中,讓有意思的項目被更多人發現、使用、參與,歡迎留言討論。
  19. 為什么你應該停止使用 Git rebase 命令 簡評:作者闡釋了 git rebase 命令的原理和缺陷,rebase 會導致線性的歷史沒有分支。此外如果 rebase 過程中發生了沖突,還可能會引入更多的問題。作者推薦使用 git merge。 用了幾年的 Git 后 ,我發現使用越來越多的先進的 Git 命令已經逐漸成為我日常工作流的一部分了。在我發現 Git rebase 后,我馬上...
  20. Promise 異步流程控制 前言 最近部門在招前端,作為部門唯一的前端,面試了不少應聘的同學,面試中有一個涉及 Promise 的一個問題是: 網頁中預加載20張圖片資源,分步加載,一次加載10張,兩次完成,怎么控制圖片請求的并發,怎樣感知當前異步請求是否已完成? 然而能全部答上
  21. 從 Template 到 DOM:Vue.js 源碼角度看內部運行機制 寫在前面 因為對Vue.js很感興趣,而且平時工作的技術棧也是Vue.js,這幾個月花了些時間研究學習了一下Vue.js源碼,并做了總結與輸出。 文章的原地址:https://github.com/answershuto/learnVue。 在學習過程中,為Vue加上了中文的注釋https://github.com/answershuto/learnVue/tree/master/v...
  22. Electron & Vue2 hexo博客編輯發布工具 CEditor是一個markdown編輯器,支持導出pdf,html和markdown文件,并且支持一鍵發布到hexo博客。 列表搜索 編輯導出發布 License MIT Copyright (c) 201
  23. 開源庫:最大化重用代碼 react-nativeish Maximizing code reuse for Create React App and Create React Native App
  24. #setInterval#【setInterval()、clearInterval()、setTimeout()和clearTimeout()js計數器方法】setTimeout()方法是在等待指定時間后執行函數, 且只執行一次傳入的句柄函數. setInterval()方法是每指定間隔時間后執行一次傳入的...請戳→ #前端開發博客# ???
    setInterval()、clearInterval()、setTimeout()和clearTimeout()js計數器方法
  25. 用 Three.js, React 和 WebGL 開發游戲 — SitePoint 我正在制作一款名為 “Charisma The Chameleon” 的游戲,它使用 Three.js,React 和 WebGL 開發。這是一篇使用 react-three-renderer (簡稱 R3R) 結合這些框架的介紹。 SitePoint

關注github前端日報 訂閱精彩文章

前端日報欄目數據來自碼農頭條,每日分享互聯網上熱門的前端開發、移動開發、設計、資源和資訊等,為開發者提供動力,如果覺得內容對你有用,記得分享給你的小伙伴。進入碼農頭條查看更多