yyx990803's recent timeline updates

yyx990803's repos on GitHub

HTML · 2539 watchers

build-your-own-mint

Build your own personal finance analytics using Plaid, Google Sheets and CircleCI.

JavaScript · 957 watchers

HTML5-Clear-v2

HTML5 Clear version 2

PHP · 842 watchers

laravel-vue-cli-3

Example project using Vue CLI 3 with Laravel

JavaScript · 720 watchers

HTML5-Clear

[DEPRECATED] A replica of the Clear iphone app in HTML5

TypeScript · 271 watchers

okie

Dead simple worker threads pool

JavaScript · 130 watchers

circular-json-es6

circular JSON.stringify and JSON.parse, for environments with native ES6 Map

JavaScript · 59 watchers

buble

a fork of buble with some vue-specific hacks, used in vue-template-es2015-compiler

JavaScript · 59 watchers

matrix.js

Featherweight CSS3 3D engine

JavaScript · 54 watchers

nightwatch-helpers

custom assertions and commands for easier nightwatch tests

JavaScript · 50 watchers

creative-html5

A class about JavaScript, html5 and creative coding.

JavaScript · 47 watchers

bun-vs-node-sea-startup

JavaScript · 33 watchers

material-color-scheme-es6

Material Theme color scheme tweaked for ES6

JavaScript · 31 watchers

cjs-module-lexer-rollup-reexports

Go · 31 watchers

esbuild

An extremely fast JavaScript bundler and minifier

29 watchers

fks

前端技能汇总 Frontend Knowledge Structure

JavaScript · 28 watchers

oxc-node-loader

JavaScript · 24 watchers

bundle-vs-unbundle

JavaScript · 23 watchers

gulp-component

component plugin for gulp

JavaScript · 23 watchers

nuxt.js

Framework for server-rendered Vue.js applications.

JavaScript · 22 watchers

browser-audio

Simple cross browser audio player

JavaScript · 20 watchers

babel-plugin-coverage

Istanbul-compatible code coverage instrumentation plugin for Babel.

JavaScript · 20 watchers

babel-preset-flow-vue

18 watchers

awesome

A curated list of awesome lists

18 watchers

core

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

JavaScript · 18 watchers

esbuild-exports-signature-repro

JavaScript · 17 watchers

babel

:tropical_fish: Babel is a compiler for writing next generation JavaScript.

17 watchers

opensourcepledge.com

We all depend on Open Source. Pay the maintainers by joining the Open Source Pledge.

16 watchers

monaco-volar

JavaScript · 15 watchers

capper

Capture canvas animations.

C++ · 15 watchers

Kinect-Keylight

Kinect version of @hakimel 's Keylight

HTML · 14 watchers

hacker-news-pwas

HNPWA - Hacker News readers as Progressive Web Apps 📱

13 watchers

3d-sphere-vue

Vue.js implementation of 3d sphere

JavaScript · 13 watchers

de-indent

remove extra indent from a block of code

JavaScript · 13 watchers

html-webpack-plugin

Simplifies creation of HTML files to serve your webpack bundles

JavaScript · 12 watchers

create-react-app

Create React apps with no build configuration.

JavaScript · 10 watchers

angular.js

10 watchers

css-in-readme-like-wat

Style your readme using CSS with this simple trick

TypeScript · 10 watchers

cypress-realworld-app

A payment application to demonstrate real-world usage of Cypress testing methods, patterns, and workflows.

JavaScript · 10 watchers

happypack

Happiness in the form of faster webpack build times.

JavaScript · 10 watchers

node-1

Node.js JavaScript runtime :sparkles::turtle::rocket::sparkles:

JavaScript · 10 watchers

now-examples

Examples of Now deployments you can use

JavaScript · 9 watchers

babel-plugin-transform-es2015-classes-simple

JavaScript · 9 watchers

bundle-size-benchmark

JavaScript · 9 watchers

js-framework-benchmark

A comparison of the perfomance of a few popular javascript frameworks

JavaScript · 8 watchers

babel-loader

Webpack plugin for Babel

JavaScript · 8 watchers

choreo.js

Event-based flow control for interactive walkthroughs

JavaScript · 8 watchers

eslint-plugin-prettier

ESLint plugin for prettier formatting

JavaScript · 8 watchers

new

Scaffold a new project.

JavaScript · 7 watchers

emitter-fsm

EventEmitter based finite state machine

Ruby · 7 watchers

linguist

Language Savant. If your repository's language is being reported incorrectly, send us a pull request!

JavaScript · 7 watchers

mini-css-extract-plugin

Lightweight CSS extraction plugin

JavaScript · 6 watchers

blaze-local-state

Local reactive state for Blaze templates

JavaScript · 6 watchers

brooklynjs.github.io

The world's most popular programming language, in New York's most popular borough

6 watchers

DefinitelyTyped

The repository for high quality TypeScript type definitions.

JavaScript · 6 watchers

isomorphic-ui-benchmarks

Client/server benchmarks for various UI libraries

JavaScript · 6 watchers

khaos

A super-simple way to scaffold new projects.

JavaScript · 6 watchers

meteor

Meteor, an ultra-simple, database-everywhere, data-on-the-wire, pure-Javascript web framework.

Python · 6 watchers

package_control_channel

Default channel file for Package Control. Follow the directions at:

JavaScript · 5 watchers

babel-preset-es2015-rollup-vue

babel-preset-es2015, minus modules, plus helpers

JavaScript · 5 watchers

benchmark

Monkberry Benchmark

JavaScript · 5 watchers

casperjs

Navigation scripting & testing utility for PhantomJS and SlimerJS

5 watchers

dear-github

An open letter to GitHub from the maintainers of open source projects

JavaScript · 5 watchers

fancytext

Text with fancy transitions

JavaScript · 5 watchers

gruntfile-yaml

write grunt config in yaml.

JavaScript · 5 watchers

gulp-jscoverage

JSCoverage instrumentation plugin for gulp

JavaScript · 5 watchers

material-theme

Material Theme, the most epic theme for Sublime Text 3 by Mattia Astorino

JavaScript · 5 watchers

node

evented I/O for v8 javascript

JavaScript · 4 watchers

babel-snabbdom-jsx

A JSX-Babel-plugin for snabbdom.

JavaScript · 4 watchers

buble-loader

Webpack loader that compiles ES2015 features using buble

JavaScript · 4 watchers

classList.js

Cross-browser element.classList

JavaScript · 4 watchers

eventproxy

An implementation of task/event based asynchronous pattern.

OCaml · 4 watchers

flow

Adds static typing to JavaScript to improve developer productivity and code quality.

JavaScript · 4 watchers

flow-remove-types

Removes Flow type annotations from JavaScript files with speed and simplicity.

JavaScript · 4 watchers

forever

A simple CLI tool for ensuring that a given script runs continuously (i.e. forever)

JavaScript · 4 watchers

generator-dude

A personal Yeoman generator

JavaScript · 4 watchers

generator-extension

A Chrome extension generator

CSS · 4 watchers

github-tab-size

Chrome/Opera extension - Make tab indented code more readable by forcing the tab size to 4 instead of 8

JavaScript · 4 watchers

grunt-webdriver

grunt-webdriver is a grunt plugin to run selenium tests with Mocha and WebdriverJS

JavaScript · 4 watchers

hexo-admin

An Admin Interface for Hexo

JavaScript · 4 watchers

insanely-big-tables

Checking the behavior of insanely huge tables on particular speed

JavaScript · 4 watchers

jsdelivr

A free Open Source CDN for webmasters and developers

JavaScript · 4 watchers

karma

Spectacular Test Runner for JavaScript

JavaScript · 4 watchers

npm

a package manager for node

JavaScript · 4 watchers

npm-http-server

Serve files from npm packages over HTTP

JavaScript · 3 watchers

elixir

Fluent API for Gulp.

JavaScript · 3 watchers

eslint

A fully pluggable tool for identifying and reporting on patterns in JavaScript.

JavaScript · 3 watchers

grunt-traceur

This is a grunt task for adding a grunt task to compiler ES6 JS into ES3 JS using Traceur Compile

JavaScript · 3 watchers

gulp

The streaming build system

JavaScript · 3 watchers

gulp-component-updater

Gulp-friendly module to auto add/delete files in your component.json

JavaScript · 3 watchers

hexo-util

Utilities for Hexo.

3 watchers

JavaScriptNext.tmLanguage

JavaScript language definition for TextMate and SublimeText2

JavaScript · 3 watchers

jshint

JSHint is a tool that helps to detect errors and potential problems in your JavaScript code

JavaScript · 3 watchers

metalsmith

An extremely simple, pluggable static site generator.

JavaScript · 3 watchers

mocha-webpack

mocha test runner with integrated webpack precompiler

JavaScript · 3 watchers

nightwatch

Automated testing and continous integration framework based on node.js and selenium webdriver

JavaScript · 3 watchers

page.js

Micro client-side router inspired by the Express router

JavaScript · 3 watchers

parse5

WHATWG HTML5 specification-compliant, fast and ready for production HTML parsing/serialization toolset for Node.js

JavaScript · 2 watchers

eslint-loader

eslint loader (for webpack)

JavaScript · 2 watchers

grunt-component-add

Automatically add files to component.json

JavaScript · 2 watchers

inferno-website

yyx990803

🏢 Google

V2EX member #49830, joined on 2013-11-16 10:54:59 +08:00

youyuxi

evanyou.me Geo

New York

Corpsefire#1128 GitHub

yyx990803

yyx990803 提问技术话题好玩工作信息交易信息城市相关

[王婆卖瓜] Vue.js: 简单，轻巧，组件化的 MVVM

Vue.js • yyx990803 • Apr 26, 2018 • Lastly replied by kuoruan

» More topics by yyx990803

yyx990803's recent replies

Jan 23, 2017

Replied to a topic by zhouquanbest › Vue.js › 用了一段时间 Vue.js 仅说工具链离另外两家差距还是挺大

用 vim 写 Vue 的还真挺少，其他编辑器支持都挺好的，我也没办法。

至于构建，官方 cli 开箱即用你不用，这也能怪 Vue ？ hot reload 是 vue-loader 内置功能，看看文档几分钟就搞定了，第一次听说有人为了 hot reload 自己写插件的，推荐的工具链不用，自己搭又不看文档，自作聪明还抱怨，也是醉了。

Aug 5, 2016

Replied to a topic by ianva › 前端开发 › 为什么会有人说 Vue.js 简单？

@ianva 既然你心里的想法跟别人无关，你非要跑这里来开个帖子跟人争什么，自相矛盾还不让人扣帽子，请您继续 high 。。。

Jul 24, 2016

Replied to a topic by ianva › 前端开发 › 为什么会有人说 Vue.js 简单？

哈哈，有人在推上 at 了我，只能来说两句了。

简单不简单，分两方面看（这里暂时只讨论 Vue 1.x ）：

1. 实际生产力：从 0 开始用这个框架实现特定需求，需要多少时间 /精力；
2. API 设计

我们先看 (1)，这里有现身说法的用户也有好几个了，事实就是很多人确实用 Vue 开发东西很高效，看完文档就可以刷刷的出活，这跟 API 臃肿不臃肿没有直接关系，你否认也没有用。

如果打个粗略的比方， Vue 在 80% 的情况下（常见中小型应用）实际生产力会超过 React ，剩下 20% 比如超大规模应用 / 特殊需求应用， React 的可扩展性更好。这其实是一个有意识的选择，两个框架所针对的目标场景 /用户群体本来就是有微妙区别的。

再说说 (2)，楼主的主要论点是 Vue 的 API 设计得臃肿，不如 React 简单。其实核心 API 不如 React 简洁我也不否认，但是你要说不比 ng1/ng2 简单我只能..... 呵呵。回到和 React 的对比，其实 Vue API 的『多』有很多属于『便利型 API 』，也就是并不是必须存在，可以用更基础的功能去实现的 API ，类似语言中的语法糖。因为用户经常要用到，所以做成了内置的 API 。 React 核心确实简洁，但是其实把大量的工作丢给了用户自己，当你把一个完整的应用写出来的时候你自己所处理的复杂度其实远大于框架本身的复杂度。这一点其实双方也是有意识的选择， Vue 选择帮用户多解决一些常见问题，而 React 则选择只提供最基本的东西，尽可能让用户自己实现上层功能。我并不觉得这两个选择有绝对的孰优孰劣，更多的是针对用户和框架本身的定位所做的取舍。

事实上，我并不否认 1.0 的很多 API 并不是很有必要，所以在 2.0 里面进行了进一步的精简。 directive 在 2.0 里面已经完全淡化了， props 也只有单向的了。至于核心的组件格式，我觉得 Vue 的组件已经是非常简单的了，你说得好像 Vue 的组件设计有什么本质的 flaw 一样，但我好像没看见什么有力的论点。

最后楼主还是得认识到一个问题，使用的感受不是靠说的。人家用着觉得挺简单你非要告诉人家这其实不简单，就好像人家喜欢吃一样东西，但你不喜欢，你非要说服别人这个东西其实并不好吃，愚蠢而徒劳。

Jul 23, 2015

Replied to a topic by NemoAlex › 分享创造 › Vue.js 练习作，一个麻将牌局计分器

@greatghoul 用 csp branch 就可以了

Jul 19, 2015

Replied to a topic by plantain › Vue.js › 使用 vue.js 时，如果 html 片段，被新的 Html 片段覆盖掉，怎么重新绑到 viewModel 上？直接使用 vue=new Vue(vueModel)来做，有没有副作用？

这种情况需要注意的就是销毁旧的实例以避免内存泄露 `oldVm.$destroy()`
如果还想顺带维持原 vm 的状态，可以在销毁前 `newVue.$data = oldVue.$data`.

当然最好还是避免这种覆盖的情况...

Oct 3, 2014

Replied to a topic by rcmerci › JavaScript › 写前端 js 的时候，只用原生 js 现实吗

http://youmightnotneedjquery.com/

Jul 29, 2014

Replied to a topic by coffeedeveloper › JavaScript › 最牛的打字效果 JS 插件 typing.js

给个建议啊，现在字是按固定间隔出现的，感觉很生硬，不像是人打字。同事做过个类似项目用的是 perlin noise 来产生随机但顺滑的打字间隔。