原创 NodeJS優缺點及適用場景討論

NodeJS優缺點及適用場景討論  前端開發  程序猿  2013年12月12日 http://www.xprogrammer.com/159.html 概述:NodeJS宣稱其目標是“旨在提供一種簡單的構建可伸縮網絡程序的方法”,

原创 不容錯過的 10 篇前端技術熱文

本文精選了 前端大全 2016年5月的10篇熱門文章。其中有職場分享、技術分享和技術資源。 原文地址:http://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651550902&id

原创 前端中的 IoC 理念及應用

前端中的 IoC 理念 什麼是 IoC Java Spring框架中IoC(Inversion of Control,可翻譯爲爲「控制反轉」),DI(Dependency Injection,依賴注入,簡稱DI)是他的核心思想,ang

原创 常用SQL語句

常用SQL語句 SQL(Structure Query Language)結構化查詢語言用於關係型數據庫,Mysql,Oracle,sqlServer 前端學會這些基本的DB操作基本夠用了 DDL(Data Definition La

原创 ReactJS Render Props封裝技巧

Render Props 一種在 React 組件之間使用一個值爲函數的prop, 在React 組件間共享代碼的簡單技術 class MouseTracker extends React.Component { constr

原创 WebAssembly入門,未來可期

先來幾個名詞 解釋器 一行行地邊解釋邊執行 編譯器 是把源代碼整個編譯成目標代碼,執行時不再需要編譯器,直接在支持目標代碼的平臺上運行。 解釋器的利弊 解釋器啓動和執行的更快。你不需要等待整個編譯過程完成就可以運行你的代碼。

原创 immutable.js

ReactJs 性能 React.js是一個UI框架,爲了解決更新的問題,React.js使用了virtual dom,virtual dom通過diff修改dom,來實現高效的dom更新。 對於react的來說,如果父組建有多個子組建。

原创 HTTP,HTTPS,SPDY,HTTP2.0你該知道的一些...

HTTP,HTTPS,SPDY,HTTP2.0 1:HTTP的發展歷程 2: HTTP的基本優化 帶寬:如果說我們還停留在撥號上網的階段,帶寬可能會成爲一個比較嚴重影響請求的問題,但是現在網絡基礎建設已經使得帶寬得到極大的提升,我們不

原创 Vue源碼學習一

Vue 程序結構 Vue.js 是一個非常典型的 MVVM 的程序結構,整個程序從最上層大概分爲 全局設計:包括全局接口、默認選項等 vm 實例設計:包括接口設計 (vm 原型)、實例初始化過程設計 (vm 構造函數) 這裏面大部

原创 跨域資源共享 CORS(Cross-origin resource sharing)

跨域資源共享 CORS(Cross-origin resource sharing) 一、簡介 CORS需要瀏覽器和服務器同時支持。目前,IE瀏覽器不能低於IE10。其他所有瀏覽器都支持該功能 整個CORS通信過程,都是瀏覽器自動

原创 Parcel打包探討

Parcel探討 賣點: 1.極速打包時間 Parcel 使用 worker 進程去啓用多核編譯。同時有文件系統緩存,即使在重啓構建後也能快速再編譯。 2.打包所有的資源 Parcel 具備開箱即用的對 JS

原创 TypeScript(JavaScript的超集)

TypeScript(JavaScript的超集) 始於JavaScript,歸於JavaScript TypeScript從今天數以百萬計的JavaScript開發者所熟悉的語法和語義開始。使用現有的JavaScript代碼,包括流行的

原创 vue.js學習筆記(相關概念)

介紹 vue.js 是用來構建web應用接口的一個庫 技術上,Vue.js 重點集中在MVVM模式的ViewModel層,它連接視圖和數據綁定模型通過兩種方式。實際的DOM操作和輸出格式被抽象的方式到指令(Directives)和過濾器(

原创 Reactjs性能優化(下)

React 實現pure render的時候,bind(this)導致re-render? 先上代碼: export default class extends Component { ... render() { const {n

原创 用Flow提升前端代碼健壯性

看一段常見代碼: //例1 function foo(x) { return x + 10 } foo('Hello!') //例2 function main(params){ //fn1函數獲取了一個數據 var o