20170724 前端開發日報
前端事件綁定知識點（面試常考）；合格前端系列第六彈-從指向看 JavaScript ；刺破 Vue 的心臟之—— 響應式 源碼分析；10個JavaScript難點；webpack多頁應用架構系列（十六）：善用瀏覽器緩存，該去則去，該留則留； JS 事件淺析；htcap：一款實用的遞歸型 web 漏洞掃描工具；使用node爬蟲，爬取指定排名網站的JS引用庫
-
前端事件綁定知識點（面試常考） 簡介 事件是可以被 JavaScript 偵測到的行為。 網頁中的每個元素都可以產生某些可以觸發 JavaScript 函數或程序的事件。 事件通常與函數配合使用，當事件發生時函數才會執行。 執行JS 事件的方式： HTML 事件屬性...
-
合格前端系列第六彈-從指向看JavaScript 很多人剛剛接觸前端甚至一些“老”前端都經常會在JavaScript中所謂的難點，如this，原型，繼承，閉包等這些概念中迷失了自我。接下來這篇文章會把我自己對于JavaScript中這些點通過指向的概念做個總結并分享給大家，希望可以幫助大家更好的了解這些所謂的難點。
-
刺破vue的心臟之——響應式源碼分析 之前發 刺破 vue 的心臟之——詳解 render function code 的時候，承諾過會對 Vue 的核心過程的各個部分通過源碼解析的方式進行抽絲剝繭的探索，今天就來進入第二部分 響應式原理部分的源碼解析 ，承諾兌現得有些晚，求輕拍 一、先分析工作原理 還是之前的套路，在讀源碼之前，先分析原理 上圖來自 Vue 官...
-
10個JavaScript難點 10個JavaScript難點 1.立即執行函數 立即執行函數，即Immediately Invoked Function Expression (IIFE)，正如它的名字，就是創建函數的同時立即執行。它沒有綁定任何事件，也無需等待任何異步操作： {代碼...} fu...
-
webpack多頁應用架構系列（十六）：善用瀏覽器緩存，該去則去，該留則留 本文首發于Array_Huang的技術博客——實用至上，非經作者同意，請勿轉載。原文地址：https://segmentfault.com/a/1190000010317802如果您對本系列文章感興趣，歡迎關注訂閱這里：https://segmentfault.com/blog/arr...
-
JS事件淺析 一個網頁由三層組成（html 結構，js 行為，css 表現），一切的東西其實都建立在html上，html里面的dom提供了一些事件，然后通過js封裝，我們可以用js去調用dom上的事件。事件有很多，有我用過的有我沒用過的，今天我想分析一番。 事件流 我們都知道，有兩種事件流，一個是冒泡一個是捕獲。 捕獲就是從body開始到你...
-
htcap：一款實用的遞歸型Web漏洞掃描工具 今天給大家介紹的是一款名叫 htcap 的開源 Web 漏洞掃描工具，它通過攔截 ajax 調用和頁面 DOM 結構的變化并采用遞歸的形式來爬取單頁面應用（SPA）。htcap 并不是一款新型的漏洞掃描工具，因為它主要針對的是漏洞掃描點的爬取過程，然后使用外部工具來掃描安全漏洞。在 htcap 的幫助下，我們就可以通過手動或自動滲透測...
-
使用node爬蟲，爬取指定排名網站的JS引用庫 前期準備 本爬蟲將從網站爬取排名前幾的網站，具體前幾名可以具體設置，并分別爬取他們的主頁，檢查是否引用特定庫。 github地址 所用到的node主要模塊 express 不用多說 request http模塊 cheerio 運行在服務器...
-
關于javascript中的從堆棧內存到執行上下文 關于javascript中的從堆棧內存到執行上下文 我GitHub上的菜鳥倉庫地址： 點擊跳轉查看其他相關文章 文章在我的博客上的地址： 點擊跳轉 先從計算機角度說一下內存：內存，包括三個部分：只讀存儲器（ROM...
-
ReactNative學習筆記十之npm 在之前的筆記中總有各種形式的npm install，npm到底是干什么用的，它的命令都有哪些，這里會詳細介紹一下。 npm NPM的全稱是Node Package Manager，是隨同 NodeJS 一起安裝的包管理和分發工具，它很方便讓JavaScript開發者下載、安裝、上傳以及管理已經安裝的包。 版本 查看 $ npm -v 2.3.0 升級 $ sudo npm...
-
TypeScript：不止穩，而且快 前言 關于 TypeScript 是什么，應該大部分人都已經知道了，但是在這兒，還是摘抄一下知乎的回答： TypeScript 是 JavaScript 的強類型版本。然后在編譯期去掉類型和特有語法，生成純粹的 JavaScript 代碼。由于最終在瀏覽器中運行的仍然是 JavaScript，所以 TypeScript 并不依賴于瀏覽器的支持，也并...
-
Vue 和 React 使用方式的對標 這篇文章將接地氣的從開發使用角度對比Vue和 React ，帶有嚴重個人偏好，慎入。 這篇文章首次發布于 knowledge 項目，因為博客正在換皮膚和評論系統，關于這篇文章的任何問題，都可以在我 GitHub 的 knowledge 倉庫提issues討論。 目錄結構 關于組建的創建方式 關于 State ...
-
分享自己折騰多時的一套 vue 組件 --we-vue 接觸 Vue.js 已經一年多了，記得用它 hello world 的時候，最新的穩定版本還是 1.0.24，而眼下，v2 都已經迭代好多次了。 不得不說，初識Vue.js 時，讓我有種初戀的趕腳。（當然了，對于 jQuery 這舊愛也是沒辦法...
-
JavaScript 函數重載 譯者按: jQuery之父John Resig巧妙地利用了閉包，實現了JavaScript函數重載。 原文: JavaScript Method Overloading 譯者: Fundebug 為了保證可讀性，本文采用意譯而非直譯。另外，本文版權歸原作者所有，翻譯僅用于學習。 在一個業余項目中，我寫了一個簡單的addMethod函數，用于實現函數重...
-
用 TS + Vue 重寫 APlayer HTML5 音樂播放器 簡介 @DIYgod/APlayer 是一款簡潔漂亮的 HTML5 音樂播放器 (〃?ω?) 在我第一次看到這款播放器顏值的時候讓我眼前一亮，我非常崇拜那些能設計出好看界面的設計師 (* 簡介 @DIYgod/APlayer 是一款簡潔漂亮的 HTML5 音樂播放器 (〃?ω?) 在我第一次看到這款播放器顏值的時候讓我眼前一亮，我非常崇拜那些能設計出好看界面的設計師 (*
-
JSXX - 又一個模板引擎 該模板引擎采用與 JSX 類似的語法，但是提供了 for 和 if 語句來方便使用，與 JSX 類似，該模板引擎會將模板編譯為與之對應的模板函數，可以同時在瀏覽器和 node 端使用。 Vue 的模板引擎似乎也提供了預編譯的方式，但是它生成的模板函數會使用 with 語句來在運行時確定模板變量的作用域，見 Vue-Templ...
-
Web前端模板引擎の字符串模板 這是一個系列文章，將會介紹目前Web前端領域里用到的三種模板引擎技術，它們分別是： 基于字符串的模板 基于Dom操作的模板 基于虛擬Dom的模板 本文是這個系列的第一篇，著重介紹基于字符串的模板引擎的實現原理，...
-
如何更有效率和質量地開發Vue項目 前言 自總結完了上篇前端工程化的思想，并在vue全家桶的項目加以實踐，趁熱給大家總結一篇如何更有效率與質量地開發vue項目，以及其中踩過的一個個坑。。。 基于vue-cli的自定義
-
nodejs + express + mssql 封裝數據操作 在網上看到有一些nodejs連接sqlserver的相關教程，但非常少，而且很多都有錯，特別是操作數據庫的語句，在這里我做了一番整理，搭建一個完整的nodejs后臺，并封裝sqlserver的操作。 nodejs的安裝和express的安裝...
-
前端每周清單第 23 期：React 內部原理與實現，自定義基于 JavaScript 的 16 位虛擬機 - 知乎專欄 前端 前端每周清單 編輯：徐川 作者：王下邀月熊 前端每周清單專注前端領域內容，分為新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。關注【前端之巔】微信公眾號（ID：frontshow），及時獲取前端每
-
阿里云前端周刊 - 第 17 期 推薦 1. Styled-Components 實戰 https://hackernoon.com/styled... Styled-Components 是由 Max Stoiber 與 Glen Maddern 創建的新的 CSS -in-JS 工具庫，能夠幫你組織 React 或者 React Native 項目中的樣式聲明...
-
換個思路理解Javascript中的this 在網上很多文章都對 Javascript 中的 this 做了詳細的介紹，但大多是介紹各個綁定方式或調用方式下 this 的指向，于是我想有一個統一的思路來更好理解 this 指向，使大家更好判斷，以下有部分內容不是原理，而是一種解題思路。
-
Angular Renderer (渲染器) Angular 其中的一個設計目標是使瀏覽器與 DOM 獨立。DOM 是復雜的，因此使組件與它分離，會讓我們的應用程序，更容易測試與重構。另外的好處是，由于這種解耦，使得我們的應用能夠運行在其它平臺 (比如：Node.js、WebWorkers、NativeScript 等)。 為了能夠支持跨平臺，Angular 通過抽象層封裝了不同平臺的差異。比如定...
-
前端視角下的Ruby 請把話筒轉交給我，對Ruby我有一些逼要裝。 image.png 在Beansmile做前端已經有半年多了，這件四川特產我還留著。倒不是說這件衣服布料有多好，它怎么看都更像是一個表白的工具吧？當然穿著這件衣服在外面招搖撞騙的時候，還是會有些朋友問我“Ruby 請把話筒轉交給我，對Ruby我有一些逼要裝。 image.png 在Beansmile做前端已經有半年多了，這件四川特產我還留著。倒不是說這件衣服布料有多好，它怎么看都更像是一個表白的工具吧？當然穿著這件衣服在外面招搖撞騙的時候，還是會有些朋友問我“Ruby
-
Webpack 2 Tree Shaking配置 原文 Tree Shaking是一個針對 ES6 以上代碼的清楚死代碼的算法，也是Webpack 2最被期待的特性之一。通過清除未使用的ES6引用，Webpack能更助于壓縮過程從而得到比之前更小的文件體積。 Webpack 2簡單應用代碼已更新...
-
關于promises，你理解了多少？ 用Javascript的小伙伴們，是時候承認了，關于 promises 我們一直存在著問題。并非說 promises 本身有問題，Promises/A+ 是極好的。 就我過去數年觀察大量 PouchDB API 以及其他 promise-heavy API 的 用Javascript的小伙伴們，是時候承認了，關于 promises 我們一直存在著問題。并非說 promises 本身有問題，Promises/A+ 是極好的。 就我過去數年觀察大量 PouchDB API 以及其他 promise-heavy API 的
-
理解 JWT（JSON Web Token）認證及實踐 最近想做個小程序，需要用到授權認證流程。以前項目都是用的 OAuth2 認證，但是Sanic 使用OAuth2 不太方便，就想試一下 JWT 的認證方式。這一篇主要內容是 JWT 的認證原理，以及python 使用 jwt 認識的實踐。 幾種常用的認證機制 HTTP Basic Auth HTTP Basic Auth 在HTTP中，基本...
-
面向未來的API —— GitHub GraphQL API 使用介紹 本文根據GitHub開發者文檔，整理翻譯了GitHub GraphQL API的使用方法，你可以了解到GraphQL的基本概念、GitHub GraphQL API的使用，兩個實際的使用案例，以及使用Explorer查詢GitHub GraphQL API 本文根據GitHub開發者文檔，整理翻譯了GitHub GraphQL API的使用方法，你可以了解到GraphQL的基本概念、GitHub GraphQL API的使用，兩個實際的使用案例，以及使用Explorer查詢GitHub GraphQL API
-
開源JavaScript插件和庫速查表 我關注的
-
Vue 折騰記 - (6) 寫一個不大靠譜的backToTop組件 前言 返回頂部這個功能用jq實現,好容易實現,一個animate配合scrollTo就搞定了 今天我們來試試vue封裝一個原生js實現的返回頂部;寫起來夠嗆,借助github,看了別人的gist,稍微封裝了下; 當然不是用scrollTo直接調位那種,沒有過渡
來自：http://caibaojian.com/fe-daily-20170724.html