20181022 前端開發日報

可以說的秘密:那些我們該討論的前端加密方法;vue開發規范;高級 Vue 組件模式 (1);Angular7的新特性;Python 協程應用之 Kubernetes Webterminal;vue.js響應式原理解析與實現;淺談前端實現頁面加載進度條以及 nprogress.js 的實現;JavaScript之ECMA對象的學習

  1. 可以說的秘密:那些我們該討論的前端加密方法 這篇文章介紹了前端開發中常用的加密方法并給出其適用場景。
  2. 高級 Vue 組件模式 (1)去年,曾經閱讀過一系列關于高級 react 組件模式的文章,今年上半年,又抽空陸陸續續地翻譯了一系列關于高級 angular 組件模式的文章,碰巧最近接手了一個公司項目,前端這塊的技術棧是 vue。我對于 vue 本身還是...
  3. Angular7的新特性 Angular7的新特性
  4. Python 協程應用之 Kubernetes Webterminal 在容器技術高度流行的當下,webterminal(WEB終端)作為一種簡單且實用的功能被諸多webUI管理系統所采用。當然我們研測云平臺也不例外。本文主要討論研測云平臺的 webterminal 不同實現之間的對比(Go 與 Python)。 webterminal 關鍵邏輯 想要實現 webterminal 關鍵點就是需要將 web 中的輸入/輸出還有resize...
  5. vue.js響應式原理解析與實現從很久之前就已經接觸過了angularjs了,當時就已經了解到,angularjs是通過臟檢查來實現數據監測以及頁面更新渲染。之后,再接觸了vue.js,當時也一度很好奇vue.js是如何監測數據更新并且重新渲染頁面。今天,就...
  6. 前端面試之組件化 視圖 數據 變化邏輯 1.2 組件的復用 props 二、JSX 本質是什么 2.1 JSX 語法 html 形式 引入 JS 變量和表達式 循環 style 和 className 事件 JSX 語法根本無法被瀏覽器所解析 那么它如何在瀏覽器運行? 2.2 JSX 解析 JSX 其...
  7. 高級 Vue 組件模式 (2)我們需要實現的需求是能夠使使用者通過 <toggle> 組件動態地改變包含在它內部的內容。
  8. React源碼解析-首次渲染(純DOM元素)II上一篇文章中,介紹了頂層對象ReactCompositeComponent[T]是如何構造的,接下來我們看看 batchedMountComponentIntoNode 做了什么事情。
  9. Go基礎學習記錄之Web開發的博客文章列表展示功能 每次我都會將自己實踐的代碼放到github上并且都會打一個tag,方便后面用的同學使用,這里我以下面分支的代碼進行實踐分享 https://github.com/durban89/typescript_demo.git tag: 1.1.5 本次分享繼續之前的Model層,之前的Model層重構,零零散散的總算是完成了,今天繼續添加一下文章列表展示功能,雖然說是一個簡單...
  10. 【ES6】對象的新功能與解構賦值ES6 通過字面量語法擴展、新增方法、改進原型等多種方式加強對象的使用,并通過解構簡化對象的數據提取過程。
  11. Node.js 高性能和可擴展應用程序的最佳實踐 [第 2/3 部分] 在 上篇文章 中,我們學會了如何無需憂慮代碼,而水平擴展 Node.js 應用程序。本章中,我們將討論擴展時必須注意的事項,以便在擴展流程時防止錯誤發生。 從 DB 中分離應用程序實例 本章首先要講的不是代碼,而是你的 基礎架構 。 如果你希望應用程序能夠多主機擴展,則必須部署數據庫到一些獨立的主機,以便可...
  12. CSS scroll-behavior和JS scrollIntoView讓頁面滾動平滑 byzhangxinxu from https://www.zhangxinxu.com/wordpress/?p=8073 本文可全文轉載,個人網站無需授權,只要保留原作者、出處以及文中鏈接即可,任何網站均可摘要聚合,商用請聯系授權。 一、引言開始言開頭言 1. 這些年自己步子慢了 這些年自己在無障礙訪問,SVG和Canvas這些偏小眾的領域花了大量的學習...
  13. 高級 Vue 組件模式 (3)之前一篇文章中,我們雖然將 toggle 組件劃分為了 toggle-button、toggle-on 和 toggle-off 三個子組件,且一切運行良好,但是這里面其實是存在一些問題的:
  14. 前端面試之MVVM淺析 1.2 vue 實現 todo-list 1.3 jQuery 和框架的區別 數據和視圖的分離,解耦(開放封閉原則) 以數據驅動視圖,只關心數據變化,DOM 操作被封裝 二、說一下對 MVVM 的理解 2.1 MVC M - Model V - View C - Controller 2.2 MVVM Model - 模型、數據 View - 視圖、模板...
  15. jQuery的deferred對象詳解 開發網站的過程中,我們經常遇到某些耗時很長的javascript操作。其中,既有異步的操作(比如ajax讀取服務器數據),也有同步的操作(比如遍歷一個大型數組),它們都不是立即能得到結果的。 通常的做法是,為它們指定回調函數(callback)。即事先規定,一旦它們運行結束,應該調用哪些函數。 ...
  16. Mozilla 如何提升 JS 和 WASM 之間的調用速度 “在 Mozilla,我們希望讓 WebAssembly 盡可能快。我們從設計開始就朝著這個目標努力,它已經具備了很高的吞吐量。然后,我們使用流式基線編譯器改進了加載時間。我們編譯代碼的速度比它們在網絡上傳輸的速度還要快?!?/div>
  17. Fiddler 能分析 HTTPS 流量意味著 HTTPS 協議不安全? 前幾天有個同學在公眾號問了我一個問題,涉及到Fiddler分析HTTPS流量的問題,雖然對Fiddler不太了解,但一看是HTTPS問題,我還是非常感興趣的,因為嗅探軟件的工作原理是相通的,基于現有知識分析一個未知的問題是非常有趣的事情,所以我放下工作,簡單了解了下,并有了一個相對滿意的解答,然后寫了此文,從問題分析到...
  18. Cat Chen 談前端職業生涯重要的幾個階段 做前端、后端還是全棧?做產品還是基礎架構?業務和技術哪個更重要?軟技能有多重要?聽聽 Cat Chen 怎么說。
  19. 緩存 React 事件監聽器來提高性能》在 js 里面有個不被重視的概念:對象和函數的引用,而這個卻直接地影響了 React 的性能。如果你打算創建兩個相同的函數,但是卻又不相等。 (by 眾成翻譯 - 飛魚) ???
    緩存 React 事件監聽器來提高性能
  20. 以面試官的角度來看 React 工作面試 原文地址:A React job interview — recruiter perspective. 原文作者:Bartosz Szczeciński 譯文出自:掘金翻譯計劃 本文永久鏈接:github.com/xitu/gold-m… 譯者:子非 校對者:
  21. Under the Hood: NaN of JS 文 | 楊魁 on 前端 在查看本文之前,請先思考兩個問題。 typeof1/undefined是多少 .indexOf(NaN)輸出什么 如果你還不確定這兩題的答案的話,請仔細閱讀本文。 這兩題的答案不會直接解釋,請從文章中尋找答案。 一、NaN...

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

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