dingyiming

This is side-document providing details for some highlighted changes in 2.5.0. For a full list of changes, see the full release note.

• Error Handling with errorCaptured Hook
• Functional Component Support in SFCs
• Environment Agnostic SSR
• v-on Automatic Key Modifiers
• v-on .exact Modifier
• Simplified Scoped Slots Usage
• Inject with Default Values

dingyiming

###石墨整体架构一览 ####前端篇

#####框架 石墨的前端使用的框架很传统：jQuery + RequireJS，我们使用RequireJS的text模块引入模板，手动用代码渲染数据，没有使用AngularJS之类的MV*框架的原因是自己编写的js更灵活，拓展性更好。框架们的功能都很强大，但是当遇到一些复杂依赖或者性能问题时，坑往往会很深。

#####环境结构

在生产环境下

dingyiming

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

---

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

dingyiming

// this.registerWatcher('webpack', [config.assetsDir + '/**/*.js',config.assetsDir + '/**/*.vue']);
var gulp = require('gulp'),
    webpack = require('gulp-webpack'),
    gulpIf = require('gulp-if'),
    uglify = require('gulp-uglify'),
    gulpIgnore = require('gulp-ignore'),
    _ = require('underscore'),
    elixir = require('laravel-elixir'),
    utilities = require('laravel-elixir/ingredients/commands/Utilities'),
    notification = require('laravel-elixir/ingredients/commands/Notification');