原创 AT UI:基於Vue.js 2.0的前端UI組件庫

AT UI是一款基於Vue.js 2.0的前端UI組件庫,主要用於快速開發PC網站產品。特性包括:基於 Vue 開發的 UI 組件; 基於 npm + webpack + babel 的工作流,支持 ES2015; CSS 樣式獨

原创 又鬧分裂?Node.js 被分叉出一個項目 — Ayo.js

Ayo(發音爲“eye-oh”或 IO)是當前流行的 JavaScript 運行時 Node.js 的一個分支。它的創建是由於 Node.js 項目內部發生了一個關於“行爲準則(Code of Conduct)”的問題。瞭解整個事

原创 我們是如何將 Cordova 應用嵌入到 React Native 中

React Native 結合 Cordova 的 WebView 方式有兩種:React Native 與 Cordova 是兩個不同的視圖,使用時從 Cordova 跳轉 React Native,再由 React Nativ

原创 Vue插件編寫與實戰

熱愛Vue開發的同學肯定知道awesome-vue這個Github地址,裏面包含了數以千計的Vue開源插件,而這些插件大都來自第三方開發者們,是他們爲Vue社區提供了大量的技術支持和解決方案。本文立足Vue開源的理念,主要爲Vue

原创 騰訊正式開源 QMUI Web 前端框架!

經過長時間的打磨迭代,QMUI Web 作爲騰訊廣研 QMUI 團隊的一個開源項目,正式發佈到 Tencent Github。QMUI Web 是一個 Web UI 的解決方案,從零開始,由編碼規範,到組件和工具方法的製作,再到工

原创 H5 與 Native 交互之 JSBridge 技術

做過混合開發的很多人都知道Ionic和PhoneGap之類的框架,這些框架在web基礎上包了一層Native,然後通過Bridge技術使得JS可以調用視頻、位置、音頻等功能。本文就是介紹這層Bridge的交互原理,通過閱讀本文你可

原创 Immutable.js與React,Redux及reselect的實踐

本篇文章將聚焦Immutable與Redux,reselect的項目實踐,將從多方面闡述Immutable及Redux:包括什麼是Immutable,爲什麼需要使用Immutable,Immutable.js與React,Redu

原创 Android O 和 iOS 11 新功能對比

Apple 和 Google 都在推出 iOS 和 Android 的下一版本。Google 在上週推出了 Android Oreo (8.0 版本),Apple 將在九月份推出 iPhone 8 後發佈 iOS 11。兩者都有了

原创 基於React開發範式的思考:寫在Lesx發佈之際

現在前端框架已經呈現出React、Angular、Vue三足鼎立的局勢,對於三者的對比以及技術選型的思考與爭論也被討論了非常多,比如知乎上的這個問題:react.js,angular.js,vue.js學習哪個好?,對於這個問題我

原创 你所不知道的JSON.stringify

JSON已經逐漸替代XML被全世界的開發者廣泛使用。本文深入講解JavaScript中使用JSON.stringify的一些細節問題。全文閱讀:你所不知道的JSON.stringify 歡迎加入“CSDN前端開發者”羣,與更多專家

原创 基於webpack的前後端分離開發環境實踐

隨着互聯網應用工程規模的日益複雜化和精細化,我們在開發一個標準Web應用的早已開始告別單幹模式,爲了提升開發效率,前後端分離的需求越來越被重視,前端負責展現/交互邏輯,後端負責業務/數據接口,基本上也成爲了我們日常項目分工中的標配

原创 設計 Timeline 時間軸來更精確地控制動畫

Firefox 偷偷實現了一個 AnimationTimeline,用來爲動畫提供時間軸。根據文檔,它是一個抽象類,被 DocumentTimeline 繼承。由於是非標準的特性,MDN的文檔裏面也沒有解釋的很清楚,只是說它用來讓

原创 JS開發中的一些小技巧和方法

這兩年前端很火,JavaScript又是前端的必會技能,在JavaScript開發中其實有一些有意思的小技巧和方法,本文記錄了一些作者工作中遇到的一些技巧和方法。全文閱讀:JS開發中的一些小技巧和方法 歡迎加入“CSDN前端開發者

原创 深入理解Node.js Stream內部機制

相信很多人對Node.js的Stream已經不陌生了,不論是請求流、響應流、文件流還是socket流,這些流的底層都是使用Stream模塊封裝的,甚至我們平時用的最多的console.log打印日誌也使用了它。Stream模塊做了

原创 Chrome DevTools 動畫演示,提高你的網頁開發技能

Chrome 開發者工具(簡稱 DevTools)是一套內置於 Google Chrome 中的 Web 開發和調試工具,可用來對網站進行迭代、調試和分析。在這篇文章中,摘選了幾個最近比較受歡迎的 Tips。瞭解詳情:Chrome