20180820 前端開發日報

2018 來談談 Web Component;Vue CLI 3.0正式發布,帶來多項重大更新;[原簡書]webpack4的遷移;Node JS Buffer使用理解;15個有趣的JS和CSS庫(2018.7);一道js閉包面試題的學習;CSS 實現拋物線運動效果;前端也需要了解的 JSONP 安全

  1. 2018 來談談 Web Component 原文地址:Web Components in 2018 原文作者:James Milner 譯文出自:掘金翻譯計劃 本文永久鏈接:github.com/xitu/gold-m… 譯者:老教授 校對者:xutaogit、zyziyun 對很多人來說,組件已經
  2. Vue CLI 3.0正式發布,帶來多項重大更新 Vue CLI 的核心目標是為基于 Webpack 4 構建的預配置提供構建設置,目標是最大限度地減少開發人員配置的次數。
  3. [原簡書]webpack4的遷移感覺是突然之間,webpack4的消息就滿天飛了,聽說打包速度提高了很多,還有最大的噱頭是實現了零配置,leader有一天就吩咐我說,有時間把我們的項目也升個級唄。好嘞。
  4. Node JS Buffer使用理解 JavaScript 起初為瀏覽器而設計,沒有讀取或操作二進制數據流的機制。Buffer類的引入,則讓NodeJS擁有操作文件流或網絡二進制流的能力。 Buffer基本概念 Buffer 對象的內存分配不是在V8的堆內存中,而是Node在C++層面進行內存申請
  5. 15個有趣的JS和CSS庫(2018.7) Tutorialzine每月都會給我們精心挑選優秀的web開發資源,這些資源可以幫助我們解鎖最新和最炫酷的網絡開發姿勢。前端er,讓我們一起先睹為快吧! Polly.js polly是一個用于記錄,重放和模擬HTTP交互的開源庫。它提供了一套完善且易用的AP
  6. 一道js閉包面試題的學習最近看到一條有意思的閉包面試題,但是看到原文的解析,我自己覺得有點迷糊,所以自己重新做一下這條題目。 閉包面試題原題 {代碼...} 一、關于這個函數的執行過程 先大致說一下這個函數的執行過程: ① 初始化一...
  7. CSS 實現拋物線運動效果 CSS3 animation 也能實現拋物線效果。水平和垂直運動使用不同的 timing-function 即可。
  8. 前端也需要了解的 JSONP 安全 看到這篇文章,我偷偷反思了下自己的代碼。。。
  9. 前端每日實戰:110# 視頻演示如何用純 CSS 創作一只憤怒小鳥中的黑炮效果預覽 按下右側的“點擊預覽”按鈕可以在當前頁面預覽,點擊鏈接可以全屏預覽。 [鏈接] 可交互視頻 此視頻是可以交互的,你可以隨時暫停視頻,編輯視頻中的代碼。 請用 chrome, safari, edge 打開觀看。 [鏈接] ...
  10. PHP websocket聊天室示例代碼PHP部分如下: {代碼...} HTML部分如下: {代碼...}
  11. Go實現Websocket消息推送 1.websocket 簡介 以往瀏覽器要獲取服務端數據,都是通過發送 HTTP 請求,然后等待服務端回應的。也就是說瀏覽器端一直是整個請求的發起者,只有它主動,才能獲取到數據。而要讓瀏覽器一側能夠獲取到服務端的實時數據,就需要不停地向服務端發起請求。雖然大多數情況下并沒有獲取到實際數據,但這大大增加了網絡壓...
  12. whistle--前端調試利器前端本地開發的場景中,我們需要頻繁的改動代碼,并需要實時看到效果,并且在一些開發場景中,我們需要將特定的請求代理到特定的IP、本地文件等,所以使用fiddler或whistle等本地、真機抓包調試工具是非常必要的。
  13. 前端中常見數據結構小結常見數據結構的 JavaScript 實現 棧 隊列 鏈表 集合 字典 哈希表 二叉樹 圖 前端與數據結構 數據結構在開發中是一種編程思想的提煉,無關于用何種語言開發或者是哪種端開發。下列將筆者涉獵到的與前端相關的數據...
  14. PHP websocket之聊天室實現PHP部分 {代碼...} HTML部分 {代碼...}
  15. 漫談前端性能,突破 React 應用瓶頸 當我們在談論性能時,到底在說什么?基于 React 框架開發的應用,在性能上又有哪些特點?這篇文章我們從瀏覽器和 JavaScript 引擎角度來剖析前端性能,同時創新 React,充分利用瀏覽器能力突破局限。

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

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