我早年都是用 VIM 寫程序，也說不上特別喜歡割以，主要是當(dāng)時還不知道怎么退出 VIM

《《深入理解ES6》教程學(xué)習(xí)筆記》

概要

前端架構(gòu)師二月寫的《深入理解ES6》的學(xué)習(xí)筆記的系列文章启具。篇篇精品本讥，值得珍藏~

閱讀地址：https://github.com/hyy1115/ES6-learning

今天文章概覽

寫在前面：發(fā)現(xiàn)每天文章的重合率很高啊。鲁冯。拷沸。要優(yōu)化程序了。薯演。撞芍。

今天 08:45:00 抓取在掘金網(wǎng)上最新發(fā)布的50篇前端文章，概要：JavaScript(4篇),Vue(3篇),CSS(3篇),weex(2篇),Angular(2篇),V8(1篇),簡歷(1篇),Beta(1篇),異步控制(1篇),Yeoman(1篇),前端(1篇),中間件(1篇),Frame(1篇),源碼(1篇),Service(1篇),React(1篇),拷貝(1篇),變量(1篇),淺析(1篇),ES6(1篇),大轉(zhuǎn)盤(1篇),26(1篇),HTML5(1篇),構(gòu)造函數(shù)(1篇),model(1篇),cli(1篇),工程化(1篇),Nuxt(1篇),網(wǎng)關(guān)(1篇),Alfred(1篇),ReactNative(1篇),1.0(1篇),DOM(1篇),Sass(1篇),初識(1篇),插件(1篇),橡皮擦(1篇),文本編輯(1篇),wepy(1篇),Canvas(1篇),AE(1篇)跨扮。

詳情如下：

標(biāo)簽：JavaScript

JavaScript 專題之函數(shù)柯里化

JavaScript 專題系列第十三篇序无，講解函數(shù)柯里化以及如何實現(xiàn)一個 curry 函數(shù) 定義 維基百科中對柯里化 (Currying) 的定義為： In mathematics and computer science, currying is the technique o…

閱讀地址: https://juejin.im/post/598d0b7ff265da3e1727c491

JS不靠譜系列之枚舉出時間段和對應(yīng)的分鐘數(shù)(新增遍歷功能)

前言 今天遇到一個需求,是把選擇時間段轉(zhuǎn)為分鐘數(shù)提交上去的; 所以想手動寫個數(shù)組一一映射,提交的時候遍歷下匹配的值提交. 比如 : 00:00 為 0分鐘或者1440分鐘; 00:10為30分鐘; 具體看下面的 2017-8-17 : 加入遍歷功能呢 參數(shù): value : st…

閱讀地址: https://juejin.im/post/598c32dcf265da3e3d12557d

JavaScript 專題之如何判斷兩個對象相等

JavaScript 專題系列第十二篇，講解如何判斷兩個參數(shù)是否相等 前言 雖然標(biāo)題寫的是如何判斷兩個對象相等衡创，但本篇我們不僅僅判斷兩個對象相等帝嗡，實際上，我們要做到的是如何判斷兩個參數(shù)相等璃氢，而這必然會涉及到多種類型的判斷哟玷。 相等 什么是相等？在《JavaScript專題之去重》…

閱讀地址: https://juejin.im/post/598a701b6fb9a03c5b04bb14

翻譯 | 一行 JavaScript 代碼的逆向工程

原文地址：Reverse Engineering One Line of JavaScript 原文作者：Alex Kras 譯者：李波 校對者：冬青一也、小蘿卜 幾個月前巢寡，我看到一個郵件問：有沒有人可以解析這一行 JavaScript 代碼 <pre id=p><script>n…

閱讀地址: https://juejin.im/post/5988411251882526185d634a

標(biāo)簽：Vue

前端每周清單半年盤點之 Vue.js 篇

前端每周清單專注前端領(lǐng)域內(nèi)容喉脖，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點抑月；分為新聞熱點树叽、開發(fā)教程、工程實踐谦絮、深度閱讀题诵、開源項目、巔峰人生等欄目挨稿。歡迎關(guān)注【前端之巔】微信公眾號（ID：frontshow）仇轻，及時獲取前端每周清單；本文則是對于半年來發(fā)布的前端每周清單中的 Vu…

閱讀地址: https://juejin.im/post/59928d55518825486f1e8369

Vue組件通信實踐記錄

組件通信 幾乎所有的mvvm框架中都要涉及組件通信的功能（吐槽一下knockout,畢竟是鼻祖就先不說它了）奶甘。而且目前的前端形式來看篷店，組件化是一個項目的基礎(chǔ)。所以選好一個合適的框架后臭家，隨著組件的不斷增加疲陕，業(yè)務(wù)的復(fù)雜度提升，組件之間的通信變得尤為重要钉赁。 實踐方法 由于更換新的框架蹄殃，…

閱讀地址: https://juejin.im/post/5991522bf265da3e252a2b32

Vue 組件庫實踐和設(shè)計

現(xiàn)在前端的快速發(fā)展，已經(jīng)讓組件這個模式變的格外重要你踩。對于市面上的組件庫诅岩，雖然能滿足大部分的項目，但是一些小型細節(jié)方面和使用方面带膜，或者UI庫存在的一些bug吩谦，會讓人很頭疼。 那我們應(yīng)該如何面對解決這些問題膝藕。俗話說自己動手豐衣足食式廷。有些組件不用刻意去造。應(yīng)該考慮如何去打造一個快速芭挽，兼…

閱讀地址: https://juejin.im/post/598965bd5188256da941872c

標(biāo)簽：CSS

CSS Grid 網(wǎng)格布局

CSS Grid是一個強大的 web 二維布局工具滑废，能夠以行和列來進行布局； 1. 網(wǎng)格容器 通過設(shè)置display的屬性為grid或inline-grid來創(chuàng)建網(wǎng)格容器袜爪； display: grid 默認行排列蠕趁，寬度為容器的寬度； .container{ display: gr…

閱讀地址: https://juejin.im/post/5924db2e2f301e006b34ddd1

CSS入門指南-4：頁面布局

這是《CSS設(shè)計指南》的讀書筆記辛馆，用于加深學(xué)習(xí)效果妻导。 display 屬性 display是 CSS 中最重要的用于控制布局的屬性。每個元素都有一個默認的 display 值怀各。對于大多數(shù)元素它們的默認值通常是 block 或 inline 倔韭。一個 block 元素通常被叫做塊級…

閱讀地址: https://juejin.im/post/598c4d93f265da3e2c70fbc0

[譯] 漸進增強的 CSS 布局：從浮動到 Flexbox 到 Grid

原文地址：Progressively Enhancing CSS Layout: From Floats To Flexbox To Grid 原文作者：Manuel Matuzovi? 譯文出自：掘金翻譯計劃 本文永久鏈接：https://github.com/xitu/go…

閱讀地址: https://juejin.im/post/5987acfd6fb9a03c502288f3

標(biāo)簽：weex

「前端」weex頁面?zhèn)鲄?/h3>

本文來自尚妝前端團隊南洋 發(fā)表于尚妝github博客，歡迎訂閱瓢对！ 前言 我司在weex上的應(yīng)用是保證三端統(tǒng)一寿酌，為了延續(xù)web開發(fā)體驗，統(tǒng)一在三端的跳轉(zhuǎn)都采用url的形式硕蛹，即采用\組件醇疼，或者自定義的openUrl方法進行跳轉(zhuǎn)。 假如現(xiàn)在點擊B按鈕跳轉(zhuǎn)到/b.html頁面法焰，在vue…

閱讀地址: https://juejin.im/post/5992db27518825244249e2db

weex頁面?zhèn)鲄?/h3>

本文來自尚妝前端團隊南洋 發(fā)表于尚妝github博客秧荆，歡迎訂閱！ 前言 我司在weex上的應(yīng)用是保證三端統(tǒng)一埃仪，為了延續(xù)web開發(fā)體驗乙濒，統(tǒng)一在三端的跳轉(zhuǎn)都采用url的形式，即采用<\a>組件卵蛉，或者自定義的openUrl方法進行跳轉(zhuǎn)颁股。 假如現(xiàn)在點擊B按鈕跳轉(zhuǎn)到/b.html頁面，在…

閱讀地址: https://juejin.im/post/59900547f265da3e135778fe

標(biāo)簽：Angular

解密Angular WebWorker Renderer (二)

很開心再次遇見你傻丝，接著上回分解甘有。先把與通訊相關(guān)的類介紹完畢。與WebWorkerRendererFactory2類對應(yīng)的就是WebWorkerRenderer2類葡缰，該類從類結(jié)構(gòu)中就可以看出包含了各種對DOM節(jié)點的操作函數(shù)亏掀，基本覆蓋原生JS的DOM操作函數(shù)。特別注意泛释，該類里面的操…

閱讀地址: https://juejin.im/post/598953e46fb9a03c484501cb

解密 Angular WebWorker Renderer (一)

本文主要介紹Angular中的黑科技之WebWorker Renderer滤愕，使用Worker線程渲染如何渲染頁面？從源碼的角度切入胁澳，帶領(lǐng)帶大家看個究竟该互。先來做個對比開發(fā)框架版本：Angular 4.x項目地址：Charway/angular-webworker-renderer-…

閱讀地址: https://juejin.im/post/598952a96fb9a03c4300952c

標(biāo)簽：V8

【譯】如何學(xué)習(xí)V8開發(fā)

原文鏈接：How do I get started with V8 development? 作者：Franziska Hinkelmann 你是否有興趣理解更多關(guān)于編譯器、虛擬機韭畸、JavaScript引擎的知識宇智，或者貢獻V8項目 你也許曾沒上過編譯原理的課程或者沒有c++編程…

閱讀地址: https://juejin.im/post/598e63b76fb9a03c4300a49e

標(biāo)簽：簡歷

送給大家一個好看的簡歷神器

很多人看到里邊有好看的東西就習(xí)慣性的點進來看看，還一邊點一邊想 —— 好看的簡歷我見多了胰丁，你這個又能好看到哪里去随橘。我想差不多可以： 哪里 吧 因為最近有在準備簡歷，就習(xí)慣性的找一找有沒有現(xiàn)成的簡歷模板锦庸。結(jié)果全是付費的机蔗，丑的收5塊，稍微講究一點的就差不多要10塊錢了，這讓一個普通家…

閱讀地址: https://juejin.im/post/59926d2251882548997aa2f8

標(biāo)簽：Beta

來自官方博客：Bootstrap 4 Beta 發(fā)布

本文翻譯自 Boostrap 開發(fā)團隊官方博客萝嘁。 經(jīng)過兩年的開發(fā)梆掸，我們終于發(fā)布了第一個 beta 版本的 Bootstrap 4。在此之間牙言，我們一共把代碼徹徹底底搞砸了至少 27 次酸钦，提交了將近 5,000 個 commit，修改了 650+ 個文件咱枉，添加了 67,000 行代…

閱讀地址: https://juejin.im/post/5992647f6fb9a03c3c14da91

標(biāo)簽：異步控制

使用async實現(xiàn)異步控制

async官方DOC 介紹 node安裝 npm install async --save使用 var async = require('async')js文件 https://github.com/caolan/async/tree/master/dist async提供了很多…

閱讀地址: https://juejin.im/post/5991f4826fb9a03c476d976d

標(biāo)簽：Yeoman

使用Yeoman定制前端腳手架

首先附上Yeoman官網(wǎng)：http://yeoman.io/ 我制作的前端腳手架：generator-jake-front 以及我在前端同學(xué)的分享會上的分享ppt：yeoman.key 如果想快速制作一個腳手架卑硫，并且不需要實現(xiàn)特別復(fù)雜的定制化，看完這篇文章足夠蚕断，如果想要實現(xiàn)復(fù)雜的…

閱讀地址: https://juejin.im/post/5991f2975188257c666c64f4

標(biāo)簽：前端

在臺灣參加前端大會是什么體驗欢伏？

前幾天有幸受邀前去臺灣參加Modernweb會議，并做了主題分享亿乳。兩天的前端會議見聞讓我對臺灣的前端環(huán)境有更深入的了解硝拧，接下去我想從會議形式、主題风皿、氛圍河爹、企業(yè)幾個方面跟大家分享我的見聞。 形式今年的大會選擇在臺灣大學(xué)里面舉辦桐款，地點是臺大的社會科學(xué)院咸这，一棟新建不久的教學(xué)樓（感覺他…

閱讀地址: https://juejin.im/post/5991dd9351882548630c1670

標(biāo)簽：中間件

React Redux 中間件思想遇見 Web Worker 的靈感（附demo）

寫在最前 原文首發(fā)于作者的知乎專欄：React Redux 中間件思想遇見 Web Worker 的靈感（附demo），感興趣的同學(xué)可以知乎關(guān)注魔眨，進行交流媳维。 熟悉 React 技術(shù)棧的同學(xué)，想必對 Redux 數(shù)據(jù)流框架并不陌生遏暴。其倡導(dǎo)的單向數(shù)據(jù)流等思想獨樹一幟侄刽，雖然樣板代碼會有…

閱讀地址: https://juejin.im/post/5992c0366fb9a03c5e4426aa

標(biāo)簽：Frame

翻譯 | 使用A-Frame打造WebVR版《我的世界》

原文地址：Minecraft in WebVR with HTML Using A-Frame 原文作者：Kevin Ngo 譯者：Felix 校對：阿希 我是 Kevin Ngo，一名就職于 Mozilla VR 團隊的 web 虛擬現(xiàn)實開發(fā)者朋凉，也是 A-Frame 的核心開…

閱讀地址: https://juejin.im/post/59917b13f265da3e1d211f61

標(biāo)簽：源碼

探索 vue-spa 全家桶項目,解析配置,目錄結(jié)構(gòu),路由以及狀態(tài)管理的實現(xiàn),附源碼

1.簡介 項目是一個簡單的權(quán)限管理頁面,分為3個頁面, 首頁,賬戶中心,登錄頁 通過vue-router 對于路由做權(quán)限控制, 首頁無需登錄,跳轉(zhuǎn)賬戶中心會自動檢索是否登錄, 登錄之后首頁的登錄按鈕變?yōu)橥顺霭粹o, 頁面之間的的狀態(tài)管理全部通過vuex進行管理 項目演示 項目用到的…

閱讀地址: https://juejin.im/post/59916da2f265da3e154b202c

標(biāo)簽：Service

[譯] 理解 Service Workers

原文地址：Understanding Service Workers 原文作者：Adnan Chowdhury 譯文出自：掘金翻譯計劃 本文永久鏈接：https://github.com/xitu/gold-miner/blob/master/TODO/understandin…

閱讀地址: https://juejin.im/post/599163316fb9a03c3c14d751

標(biāo)簽：React

學(xué)習(xí) React.js 比你想象的要簡單

原文地址：Learning React.js is easier than you think 原文作者：Samer Buna 譯文出自：掘金翻譯計劃 本文永久鏈接：https://github.com/xitu/gold-miner/blob/master/TODO/lear…

閱讀地址: https://juejin.im/post/599156cc6fb9a03c3a25db08

標(biāo)簽：拷貝

ES6 變量聲明與賦值：值傳遞州丹、淺拷貝與深拷貝詳解

ES6 變量聲明與賦值：值傳遞、淺拷貝與深拷貝詳解歸納于筆者的現(xiàn)代 JavaScript 開發(fā)：語法基礎(chǔ)與實踐技巧系列文章杂彭。本文首先介紹 ES6 中常用的三種變量聲明方式墓毒，然后討論了 JavaScript 按值傳遞的特性，最后介紹了復(fù)合類型拷貝的技巧亲怠；有興趣的可以閱讀下一章節(jié) …

閱讀地址: https://juejin.im/post/5991549af265da3e345f6e6d

標(biāo)簽：變量

ES6 變量作用域與提升：變量的生命周期詳解

ES6 變量作用域與提升：變量的生命周期詳解從屬于筆者的現(xiàn)代 JavaScript 開發(fā)：語法基礎(chǔ)與實踐技巧系列文章所计。本文詳細討論了 JavaScript 中作用域、執(zhí)行上下文团秽、不同作用域下變量提升與函數(shù)提升的表現(xiàn)主胧、頂層對象以及如何避免創(chuàng)建全局對象等內(nèi)容叭首；建議閱讀前文 ES6 …

閱讀地址: https://juejin.im/post/59905bea6fb9a03c34192c51

標(biāo)簽：淺析

淺析 Hexo 搭建博客的原理

一直在用 Hexo 寫博客，但是對其原理并不是很清晰踪栋，在網(wǎng)上找了一些資料焙格，對 Hexo 有了新的認識，現(xiàn)在就來記錄一下 使用 Hexo + github pages 搭建博客 記得剛開始知道 Hexo + github pages 搭建博客是在 2016 年己英，那時候间螟，閨蜜非常激動…

閱讀地址: https://juejin.im/post/598eeaff5188257d592e55bb

標(biāo)簽：ES6

《深入理解ES6》中的代碼片段，你能猜對幾個损肛？

花了3個周末看完了《深入理解ES6》，其中有許多代碼段以及文字描述和我“常識”有些出入荣瑟，因此記錄了下來并加以驗證治拿。 有些代碼段還是蠻有趣的，在此分享下笆焰。正在閱讀屏幕的你劫谅，能“猜”對幾個代碼片段呢？ 每個代碼片段均有編號嚷掠，格式為為try-xxx-yyy或note-xxx-yyy捏检，其…

閱讀地址: https://juejin.im/post/598e6eed6fb9a03c543ebe02

標(biāo)簽：大轉(zhuǎn)盤

canvas 基礎(chǔ)系列（二）之實現(xiàn)大轉(zhuǎn)盤抽獎

上一章講解了如何使用 canvas 實現(xiàn)刮刮卡抽獎，以及 canvas 最基本最基本的一些 api 方法不皆。點擊回顧 本章開始一步一步帶著讀者實現(xiàn)大轉(zhuǎn)盤抽獎贯城；大轉(zhuǎn)盤是個非常簡單且實用的 web 特效，五臟俱全霹娄，其中涉及到的知識點有 圓的繪制及非零環(huán)繞原則能犯，路徑的繪制，canvas…

閱讀地址: https://juejin.im/post/5992b6065188257dd3664dbc

標(biāo)簽：26

前端每周清單第 26 期：Node.js 微服務(wù)實踐犬耻，Vue.js 與 GraphQL踩晶，Angular 組件技巧，HeadlessChrome 攻防

作者：王下邀月熊 編輯：徐川 前端每周清單專注前端領(lǐng)域內(nèi)容枕磁，以對外文資料的搜集為主渡蜻，幫助開發(fā)者了解一周前端熱點；分為新聞熱點计济、開發(fā)教程茸苇、工程實踐、深度閱讀峭咒、開源項目税弃、巔峰人生等欄目。歡迎關(guān)注【前端之巔】微信公眾號（ID：frontshow）凑队，及時獲取前端每周清單则果。 新聞熱點 國內(nèi)…

閱讀地址: https://juejin.im/post/59916dd6f265da3e20770e63

標(biāo)簽：HTML5

從HTML5與PromiseA+規(guī)范來看事件循環(huán)

寫在最前 本次分享一下從HTML5與PromiseA+規(guī)范來迅速理解一波事件循環(huán)中的microtask 與macrotask幔翰。 歡迎關(guān)注我的博客，不定期更新中—— ## 先來看段代碼 setTimeout(function() { console.log('setTimeout1…

閱讀地址: https://juejin.im/post/598c595d6fb9a03c5f0c80e9

標(biāo)簽：構(gòu)造函數(shù)

回顧Javascript構(gòu)造函數(shù)

長期更新文章 喜歡的start下 start https://github.com/asd0102433/blog 構(gòu)造函數(shù)已經(jīng)是老生常談的事情了西壮。這里講一些比較基礎(chǔ)的東西遗增。 先看下一個例子 function Book(name) { if (!(this instanceof…

閱讀地址: https://juejin.im/post/598c02e66fb9a03c4e18c2c8

標(biāo)簽：model

v-model指令在組件中怎么玩

作者：孫輝，美團金融前端團隊成員款青。15年畢業(yè)加入美團做修，相信技術(shù)，更相信技術(shù)只是大千世界里知識的一種抡草，個人博客: https://sunyuhui.com 備注：文章內(nèi)容和案例均基于Vue2（具體版本為Vue2.3.4） 筆者最近在寫組件的時候饰及，遇到了 v-model 的使用問題…

閱讀地址: https://juejin.im/post/598bf7a3f265da3e252a1d6a

標(biāo)簽：cli

在 vue-cli 腳手架中引用 jQuery、bootstrap 以及使用 sass康震、less 編寫 css [vue-cli配置入門]

寫在前面： 本文是vue-手摸手教你使用vue-cli腳手架-詳細步驟圖文解析之后燎含，又一篇關(guān)于vue-cli腳手架配置相關(guān)的文章，因為有些文章步驟不夠清晰腿短，當(dāng)時我引入JQuery屏箍、bootstrap的時候頗費了一番功夫，所以本文的步驟會盡量詳細一點橘忱。有需要的朋友可以做一下參考赴魁，喜…

閱讀地址: https://juejin.im/post/5986f5c8f265da3e0e1053cf

標(biāo)簽：工程化

【上海線下活動】Web前端工程化架構(gòu)實踐 -- 滬江技術(shù)沙龍

報名鏈接：http://www.huodongxing.com/event/5399668594900 Web前端工程化歷經(jīng)了：2011年的Shell＆(YUICompress || Google Closure Compiler)；基于Node.js的前端工具浮現(xiàn)钝诚，2013年G…

閱讀地址: https://juejin.im/post/598bc9625188257d86430dea

標(biāo)簽：Nuxt

美團點評點餐 Nuxt.js 實戰(zhàn)

一颖御、背景在今年年初我開始接觸vue的時候，就發(fā)現(xiàn)在vue官方文檔中“服務(wù)端渲染”的一節(jié)中提到了Nuxt.js框架敲长，SSR這種方式對于首屏的加載時間優(yōu)化顯而易見郎嫁，同時還可以方便的進行SEO。美團點評的點餐業(yè)務(wù)中祈噪，數(shù)據(jù)平臺因為其數(shù)據(jù)量大的特點泽铛，首頁加載時間很長，非常適合進行SSR改造…

閱讀地址: https://juejin.im/post/598aabe96fb9a03c335a8dde

標(biāo)簽：網(wǎng)關(guān)

使用 Node.js 搭建一個 API 網(wǎng)關(guān)

原文地址：Building an API Gateway using Node.js 原文作者：Péter Márton 譯文出自：掘金翻譯計劃 本文永久鏈接：https://github.com/xitu/gold-miner/blob/master/TODO/buildin…

閱讀地址: https://juejin.im/post/5992769151882548b17f76a6

標(biāo)簽：Alfred

用 Node.js 把玩一番 Alfred Workflow

本文首發(fā)在個人博客：http://muyunyun.cn/posts/4c23be51/ 插件地址(集成Github辑鲤、掘金盔腔、知乎、淘寶等搜索) 作為 Mac 上常年位居神器榜第一位的軟件來說月褥，Alfred 給我們帶來的便利是不言而喻的弛随，其中 workflow(工作流) 功不可沒…

閱讀地址: https://juejin.im/post/598a3203f265da3e213effd8

標(biāo)簽：ReactNative

ReactNative學(xué)習(xí)筆記十三之布局詳細解析

又是一周過去了，似乎上周我只更新了一篇文章宁赤，最近工作實在太忙舀透，望大家見諒。今天要講的還是布局相關(guān)的决左，之前已經(jīng)對布局中主要屬性做了介紹愕够，這次走贪，會對布局中其他屬性進行介紹。 alignSelf alignSelf是指相對于父容器惑芭，自身的位置坠狡，有auto,flex-start,flex…

閱讀地址: https://juejin.im/post/59898948f265da3e282bd030

標(biāo)簽：1.0

騰訊發(fā)布 Omix 1.0 - 用 JSX 或 hyperscript 創(chuàng)建用戶界面

Omix 1.0 https://user-gold-cdn.xitu.io/2017/8/8/bbe2ce1c1e7e925005df0f1cc8938374 今天，騰訊正式開源發(fā)布 Omix 1.0遂跟， 讓開發(fā)者使用 JSX 或 hyperscript 創(chuàng)建用戶界面逃沿。 Gith…

閱讀地址: https://juejin.im/post/59892e5cf265da3e277803c8

標(biāo)簽：DOM

如何實現(xiàn)一個基于 DOM 的模板引擎

題圖：Vincent Guth 注：本文所有代碼均可在本人的個人項目colon中找到，本文也同步到了知乎專欄 可能你已經(jīng)體會到了 Vue 所帶來的便捷了幻锁，相信有一部分原因也是因為其基于 DOM 的語法簡潔的模板渲染引擎凯亮。這篇文章將會介紹如何實現(xiàn)一個基于 DOM 的模板引擎（就像…

閱讀地址: https://juejin.im/post/59892b656fb9a03c445ddafe

標(biāo)簽：Sass

常用 SCSS 總結(jié)（持續(xù)更新）

//伸縮盒（舊） @mixin box{display: -webkit-box;display: box;} @mixin pack-c{@include box;-webkit-box-pack:center;box-pack:center;} @mixin align-c{…

閱讀地址: https://juejin.im/post/59891d1e51882525d45c05d3

標(biāo)簽：初識

初識RxJS

什么是Rx.JS? Rx.JS是英文 Reactive Extensions for JavaScript 的縮寫.翻譯成中文就是:JavaScript的響應(yīng)式擴展.其主要的功能就是利用響應(yīng)式編程的模式來實現(xiàn)JavaScript的異步式編程. 相對于JavaScript中其它的異…

閱讀地址: https://juejin.im/post/5988ad175188250f7e00cd5c

標(biāo)簽：插件

基于 Vue.js 的消息氣泡插件

之前介紹了一款基于vue的文本折行顯示組件ellipisis-plus，今天介紹一款仿照QQ消息氣泡的插件vue-bubble越败，演示地址在這里触幼。 仿照QQ消息氣泡想法的起源是來自掘金的安卓小伙伴們，看到他們在安卓平臺實現(xiàn)了這種效果究飞，所以想遷移到web上。在這里要感謝他們堂鲤。 先放張…

閱讀地址: https://juejin.im/post/598832486fb9a03c594587fd

標(biāo)簽：橡皮擦

canvas 基礎(chǔ)系列（一）之實現(xiàn)抽獎刮刮卡（橡皮擦）

筆主最近一個多月以來 “深入“ 研究了 canvas 的實現(xiàn)原理亿傅，一口氣讀完了 《HTML5 Canvas 核心技術(shù)》這本書；而這一切以及這篇文章的誕生瘟栖，都源于筆主公司的一位實習(xí)產(chǎn)品經(jīng)理~ 這位實習(xí)生擁有剛畢業(yè)時的血氣方剛葵擎，以及天馬行空的想象力；他從未考慮過項目的實際需求半哟，以及…

閱讀地址: https://juejin.im/post/59881ced51882525bd3562ab

標(biāo)簽：文本編輯

人人都會寫的富文本編輯器

這個本來是給 vm-manager 寫的一個富文本編輯器酬滤，后來覺得獨立出來維護比較方便，就單獨分離出來放到NPM寓涨。之所以說人人都會寫, 是因為這個組件實現(xiàn)起來確實比較簡單盯串，不需要很厲害的Js水平, 基本是對document.execCommand()指令的綁定。在此將過程分享給大…

閱讀地址: https://juejin.im/post/5987c4a66fb9a03c5539cfce

標(biāo)簽：wepy

深入wepy小程序組件化框架

wepy是一個優(yōu)秀的微信小程序組件化框架戒良，突破了小程序的限制体捏，支持了npm包加載以及組件化方案，并且在性能優(yōu)化方面也下了功夫糯崎，不管之后項目是否會使用到几缭，該框架組件化編譯方案都是值得學(xué)習(xí)和深入的击碗。 本文同步于個人博客 http://www.imhjm.com/article/597…

閱讀地址: https://juejin.im/post/5987370e6fb9a03c42430a30

標(biāo)簽：Canvas

一個少女心滿滿的例子帶你入門 Canvas

canvas入門 本文首發(fā)于我的個人博客：http://cherryblog.site/ github項目地址：https://github.com/sunshine940326/canvasStar 項目演示地址：https://sunshine940326.github.io…

閱讀地址: https://juejin.im/post/5986d6e1f265da3e241e8cdb

標(biāo)簽：AE

用視頻軟件AE + bodymovin制作網(wǎng)頁動畫

我們知道唉地，做動畫有多種形式苔悦，可以用CSS的animation枫疆，也可以用Canvas甲馋，或者是用JS控制CSS的屬性形成動畫送膳。我們經(jīng)常使用CSS做一些比較簡單的動畫揖膜，像過度景图、加載的動畫，對于一些比較復(fù)雜的搪缨，可能會做成gif食拜，或者是用Canvas，使用Canvas的控制粒度可以很細副编，同…

閱讀地址: https://juejin.im/post/5986d4575188256dcf65cd5a