.'
21 | )
22 | }
23 | }
24 | if (staticClass) {
25 | el.staticClass = JSON.stringify(staticClass)
26 | }
27 | const classBinding = getBindingAttr(el, 'class', false /* getStatic */)
28 | if (classBinding) {
29 | el.classBinding = classBinding
30 | }
31 | }
32 |
33 | function genData (el: ASTElement): string {
34 | let data = ''
35 | if (el.staticClass) {
36 | data += `staticClass:${el.staticClass},`
37 | }
38 | if (el.classBinding) {
39 | data += `class:${el.classBinding},`
40 | }
41 | return data
42 | }
43 |
44 | export default {
45 | staticKeys: ['staticClass'],
46 | transformNode,
47 | genData
48 | }
49 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/compiler/modules/index.js:
--------------------------------------------------------------------------------
1 | import klass from './class'
2 | import style from './style'
3 |
4 | export default [
5 | klass,
6 | style
7 | ]
8 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/compiler/util.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import { makeMap } from 'shared/util'
4 | /*Github:https://github.com/answershuto*/
5 | export const isUnaryTag = makeMap(
6 | 'area,base,br,col,embed,frame,hr,img,input,isindex,keygen,' +
7 | 'link,meta,param,source,track,wbr'
8 | )
9 |
10 | // Elements that you can, intentionally, leave open
11 | // (and which close themselves)
12 | export const canBeLeftOpenTag = makeMap(
13 | 'colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source'
14 | )
15 | /*Github:https://github.com/answershuto*/
16 | // HTML5 tags https://html.spec.whatwg.org/multipage/indices.html#elements-3
17 | // Phrasing Content https://html.spec.whatwg.org/multipage/dom.html#phrasing-content
18 | export const isNonPhrasingTag = makeMap(
19 | 'address,article,aside,base,blockquote,body,caption,col,colgroup,dd,' +
20 | 'details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,' +
21 | 'h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,' +
22 | 'optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,' +
23 | 'title,tr,track'
24 | )
25 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/runtime.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import Vue from './runtime/index'
4 | /*Github:https://github.com/answershuto*/
5 | export default Vue
6 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/runtime/components/index.js:
--------------------------------------------------------------------------------
1 | import Transition from './transition'
2 | import TransitionGroup from './transition-group'
3 |
4 | export default {
5 | Transition,
6 | TransitionGroup
7 | }
8 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/runtime/directives/index.js:
--------------------------------------------------------------------------------
1 | import model from './model'
2 | import show from './show'
3 |
4 | export default {
5 | model,
6 | show
7 | }
8 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/runtime/modules/class.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import {
4 | isDef,
5 | isUndef
6 | } from 'shared/util'
7 |
8 | import {
9 | concat,
10 | stringifyClass,
11 | genClassForVnode
12 | } from 'web/util/index'
13 |
14 | /*更新VNode的class*/
15 | function updateClass (oldVnode: any, vnode: any) {
16 | const el = vnode.elm
17 | const data: VNodeData = vnode.data
18 | const oldData: VNodeData = oldVnode.data
19 | if (
20 | isUndef(data.staticClass) &&
21 | isUndef(data.class) && (
22 | isUndef(oldData) || (
23 | isUndef(oldData.staticClass) &&
24 | isUndef(oldData.class)
25 | )
26 | )
27 | ) {
28 | return
29 | }
30 |
31 | let cls = genClassForVnode(vnode)
32 |
33 | // handle transition classes
34 | const transitionClass = el._transitionClasses
35 | if (isDef(transitionClass)) {
36 | cls = concat(cls, stringifyClass(transitionClass))
37 | }
38 |
39 | // set the class
40 | if (cls !== el._prevClass) {
41 | el.setAttribute('class', cls)
42 | el._prevClass = cls
43 | }
44 | }
45 |
46 | export default {
47 | create: updateClass,
48 | update: updateClass
49 | }
50 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/runtime/modules/index.js:
--------------------------------------------------------------------------------
1 | import attrs from './attrs'
2 | import klass from './class'
3 | import events from './events'
4 | import domProps from './dom-props'
5 | import style from './style'
6 | import transition from './transition'
7 |
8 | export default [
9 | attrs,
10 | klass,
11 | events,
12 | domProps,
13 | style,
14 | transition
15 | ]
16 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/runtime/patch.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import * as nodeOps from 'web/runtime/node-ops'
4 | import { createPatchFunction } from 'core/vdom/patch'
5 | import baseModules from 'core/vdom/modules/index'
6 | import platformModules from 'web/runtime/modules/index'
7 |
8 | // the directive module should be applied last, after all
9 | // built-in modules have been applied.
10 | const modules = platformModules.concat(baseModules)
11 |
12 | export const patch: Function = createPatchFunction({ nodeOps, modules })
13 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/server-renderer.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | process.env.VUE_ENV = 'server'
4 |
5 | import modules from './server/modules/index'
6 | import baseDirectives from './server/directives/index'
7 | import { isUnaryTag, canBeLeftOpenTag } from './compiler/util'
8 |
9 | import { createRenderer as _createRenderer } from 'server/create-renderer'
10 | import { createBundleRendererCreator } from 'server/bundle-renderer/create-bundle-renderer'
11 |
12 | export function createRenderer (options?: Object = {}): {
13 | renderToString: Function,
14 | renderToStream: Function
15 | } {
16 | return _createRenderer(Object.assign({}, options, {
17 | isUnaryTag,
18 | canBeLeftOpenTag,
19 | modules,
20 | // user can provide server-side implementations for custom directives
21 | // when creating the renderer.
22 | directives: Object.assign(baseDirectives, options.directives)
23 | }))
24 | }
25 |
26 | export const createBundleRenderer = createBundleRendererCreator(createRenderer)
27 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/server/directives/index.js:
--------------------------------------------------------------------------------
1 | import show from './show'
2 |
3 | export default {
4 | show
5 | }
6 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/server/directives/show.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 | /*Github:https://github.com/answershuto*/
3 | export default function show (node: VNodeWithData, dir: VNodeDirective) {
4 | if (!dir.value) {
5 | const style: any = node.data.style || (node.data.style = {})
6 | style.display = 'none'
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/server/modules/attrs.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import { escape } from 'he'
4 |
5 | import {
6 | isDef,
7 | isUndef
8 | } from 'shared/util'
9 |
10 | import {
11 | isBooleanAttr,
12 | isEnumeratedAttr,
13 | isFalsyAttrValue
14 | } from 'web/util/attrs'
15 |
16 | export default function renderAttrs (node: VNodeWithData): string {
17 | let attrs = node.data.attrs
18 | let res = ''
19 |
20 | let parent = node.parent
21 | while (isDef(parent)) {
22 | if (isDef(parent.data) && isDef(parent.data.attrs)) {
23 | attrs = Object.assign({}, attrs, parent.data.attrs)
24 | }
25 | parent = parent.parent
26 | }
27 |
28 | if (isUndef(attrs)) {
29 | return res
30 | }
31 |
32 | for (const key in attrs) {
33 | if (key === 'style') {
34 | // leave it to the style module
35 | continue
36 | }
37 | res += renderAttr(key, attrs[key])
38 | }
39 | return res
40 | }
41 |
42 | export function renderAttr (key: string, value: string): string {
43 | if (isBooleanAttr(key)) {
44 | if (!isFalsyAttrValue(value)) {
45 | return ` ${key}="${key}"`
46 | }
47 | } else if (isEnumeratedAttr(key)) {
48 | return ` ${key}="${isFalsyAttrValue(value) || value === 'false' ? 'false' : 'true'}"`
49 | } else if (!isFalsyAttrValue(value)) {
50 | return ` ${key}="${typeof value === 'string' ? escape(value) : value}"`
51 | }
52 | return ''
53 | }
54 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/server/modules/class.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import { escape } from 'he'
4 | import { genClassForVnode } from 'web/util/index'
5 |
6 | export default function renderClass (node: VNodeWithData): ?string {
7 | const classList = genClassForVnode(node)
8 | if (classList !== '') {
9 | return ` class="${escape(classList)}"`
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/server/modules/dom-props.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import VNode from 'core/vdom/vnode'
4 | import { renderAttr } from './attrs'
5 | import { isDef, isUndef } from 'shared/util'
6 | import { propsToAttrMap, isRenderableAttr } from '../util'
7 |
8 | export default function renderDOMProps (node: VNodeWithData): string {
9 | let props = node.data.domProps
10 | let res = ''
11 |
12 | let parent = node.parent
13 | while (isDef(parent)) {
14 | if (parent.data && parent.data.domProps) {
15 | props = Object.assign({}, props, parent.data.domProps)
16 | }
17 | parent = parent.parent
18 | }
19 |
20 | if (isUndef(props)) {
21 | return res
22 | }
23 |
24 | const attrs = node.data.attrs
25 | for (const key in props) {
26 | if (key === 'innerHTML') {
27 | setText(node, props[key], true)
28 | } else if (key === 'textContent') {
29 | setText(node, props[key], false)
30 | } else {
31 | const attr = propsToAttrMap[key] || key.toLowerCase()
32 | if (isRenderableAttr(attr) &&
33 | // avoid rendering double-bound props/attrs twice
34 | !(isDef(attrs) && isDef(attrs[attr]))) {
35 | res += renderAttr(attr, props[key])
36 | }
37 | }
38 | }
39 | return res
40 | }
41 |
42 | function setText (node, text, raw) {
43 | const child = new VNode(undefined, undefined, undefined, text)
44 | child.raw = raw
45 | node.children = [child]
46 | }
47 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/server/modules/index.js:
--------------------------------------------------------------------------------
1 | import attrs from './attrs'
2 | import domProps from './dom-props'
3 | import klass from './class'
4 | import style from './style'
5 |
6 | export default [
7 | attrs,
8 | domProps,
9 | klass,
10 | style
11 | ]
12 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/server/modules/style.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import { escape } from 'he'
4 | import { hyphenate } from 'shared/util'
5 | import { getStyle } from 'web/util/style'
6 |
7 | function genStyleText (vnode: VNode): string {
8 | let styleText = ''
9 | const style = getStyle(vnode, false)
10 | for (const key in style) {
11 | const value = style[key]
12 | const hyphenatedKey = hyphenate(key)
13 | if (Array.isArray(value)) {
14 | for (let i = 0, len = value.length; i < len; i++) {
15 | styleText += `${hyphenatedKey}:${value[i]};`
16 | }
17 | } else {
18 | styleText += `${hyphenatedKey}:${value};`
19 | }
20 | }
21 | return styleText
22 | }
23 |
24 | export default function renderStyle (vnode: VNodeWithData): ?string {
25 | const styleText = genStyleText(vnode)
26 | if (styleText !== '') {
27 | return ` style=${JSON.stringify(escape(styleText))}`
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/util/compat.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import { inBrowser } from 'core/util/index'
4 |
5 | // check whether current browser encodes a char inside attribute values
6 | function shouldDecode (content: string, encoded: string): boolean {
7 | const div = document.createElement('div')
8 | div.innerHTML = `
`
9 | return div.innerHTML.indexOf(encoded) > 0
10 | }
11 |
12 | // #3663
13 | // IE encodes newlines inside attribute values while other browsers don't
14 | export const shouldDecodeNewlines = inBrowser ? shouldDecode('\n', '
') : false
15 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/web/util/index.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import { warn } from 'core/util/index'
4 |
5 | export * from './attrs'
6 | export * from './class'
7 | export * from './element'
8 |
9 | /**
10 | * Query an element selector if it's not an element already.
11 | */
12 | /*返回一个元素的DOM实例对象*/
13 | export function query (el: string | Element): Element {
14 | if (typeof el === 'string') {
15 | const selected = document.querySelector(el)
16 | if (!selected) {
17 | process.env.NODE_ENV !== 'production' && warn(
18 | 'Cannot find element: ' + el
19 | )
20 | return document.createElement('div')
21 | }
22 | return selected
23 | } else {
24 | return el
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/compiler.js:
--------------------------------------------------------------------------------
1 | export { compile } from 'weex/compiler/index'
2 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/compiler/directives/index.js:
--------------------------------------------------------------------------------
1 | import model from './model'
2 |
3 | export default {
4 | model
5 | }
6 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/compiler/directives/model.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import { addHandler, addAttr } from 'compiler/helpers'
4 | import { genComponentModel, genAssignmentCode } from 'compiler/directives/model'
5 |
6 | export default function model (
7 | el: ASTElement,
8 | dir: ASTDirective,
9 | _warn: Function
10 | ): ?boolean {
11 | if (el.tag === 'input' || el.tag === 'textarea') {
12 | genDefaultModel(el, dir.value, dir.modifiers)
13 | } else {
14 | genComponentModel(el, dir.value, dir.modifiers)
15 | }
16 | }
17 |
18 | function genDefaultModel (
19 | el: ASTElement,
20 | value: string,
21 | modifiers: ?ASTModifiers
22 | ): ?boolean {
23 | const { lazy, trim, number } = modifiers || {}
24 | const event = lazy ? 'change' : 'input'
25 |
26 | let valueExpression = `$event.target.attr.value${trim ? '.trim()' : ''}`
27 | if (number) {
28 | valueExpression = `_n(${valueExpression})`
29 | }
30 |
31 | const code = genAssignmentCode(value, valueExpression)
32 | addAttr(el, 'value', `(${value})`)
33 | addHandler(el, event, code, null, true)
34 | }
35 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/compiler/index.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import { genStaticKeys } from 'shared/util'
4 | import { createCompiler } from 'compiler/index'
5 |
6 | import modules from './modules/index'
7 | import directives from './directives/index'
8 |
9 | import {
10 | isUnaryTag,
11 | mustUseProp,
12 | isReservedTag,
13 | canBeLeftOpenTag,
14 | getTagNamespace
15 | } from '../util/index'
16 |
17 | export const baseOptions: CompilerOptions = {
18 | modules,
19 | directives,
20 | isUnaryTag,
21 | mustUseProp,
22 | canBeLeftOpenTag,
23 | isReservedTag,
24 | getTagNamespace,
25 | preserveWhitespace: false,
26 | staticKeys: genStaticKeys(modules)
27 | }
28 |
29 | const { compile, compileToFunctions } = createCompiler(baseOptions)
30 | export { compile, compileToFunctions }
31 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/compiler/modules/append.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | function preTransformNode (el: ASTElement, options: CompilerOptions) {
4 | if (el.tag === 'cell' && !el.attrsList.some(item => item.name === 'append')) {
5 | el.attrsMap.append = 'tree'
6 | el.attrsList.push({ name: 'append', value: 'tree' })
7 | }
8 | if (el.attrsMap.append === 'tree') {
9 | el.appendAsTree = true
10 | }
11 | }
12 |
13 | function genData (el: ASTElement): string {
14 | return el.appendAsTree ? `appendAsTree:true,` : ''
15 | }
16 |
17 | export default {
18 | staticKeys: ['appendAsTree'],
19 | preTransformNode,
20 | genData
21 | }
22 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/compiler/modules/index.js:
--------------------------------------------------------------------------------
1 | import klass from './class'
2 | import style from './style'
3 | import props from './props'
4 | import append from './append'
5 |
6 | export default [
7 | klass,
8 | style,
9 | props,
10 | append
11 | ]
12 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/compiler/modules/props.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import { cached, camelize } from 'shared/util'
4 |
5 | const normalize = cached(camelize)
6 |
7 | function normalizeKeyName (str: string) : string {
8 | if (str.match(/^v\-/)) {
9 | return str.replace(/(v-[a-z\-]+\:)([a-z\-]+)$/i, ($, directive, prop) => {
10 | return directive + normalize(prop)
11 | })
12 | }
13 | return normalize(str)
14 | }
15 |
16 | function transformNode (el: ASTElement, options: CompilerOptions) {
17 | if (Array.isArray(el.attrsList)) {
18 | el.attrsList.forEach(attr => {
19 | if (attr.name && attr.name.match(/\-/)) {
20 | const realName = normalizeKeyName(attr.name)
21 | if (el.attrsMap) {
22 | el.attrsMap[realName] = el.attrsMap[attr.name]
23 | delete el.attrsMap[attr.name]
24 | }
25 | attr.name = realName
26 | }
27 | })
28 | }
29 | }
30 | export default {
31 | transformNode
32 | }
33 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/runtime-factory.js:
--------------------------------------------------------------------------------
1 | // this entry is built and wrapped with a factory function
2 | // used to generate a fresh copy of Vue for every Weex instance.
3 |
4 | import Vue from './runtime/index'
5 |
6 | exports.Vue = Vue
7 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/runtime/components/index.js:
--------------------------------------------------------------------------------
1 | import Transition from './transition'
2 | import TransitionGroup from './transition-group'
3 |
4 | export default {
5 | Transition,
6 | TransitionGroup
7 | }
8 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/runtime/components/transition.js:
--------------------------------------------------------------------------------
1 | // reuse same transition component logic from web
2 | export {
3 | transitionProps,
4 | extractTransitionData
5 | } from 'web/runtime/components/transition'
6 |
7 | import Transition from 'web/runtime/components/transition'
8 |
9 | export default Transition
10 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/runtime/directives/index.js:
--------------------------------------------------------------------------------
1 | export default {
2 | }
3 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/runtime/index.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import Vue from 'core/index'
4 | import { patch } from 'weex/runtime/patch'
5 | import { mountComponent } from 'core/instance/lifecycle'
6 | import platformDirectives from 'weex/runtime/directives/index'
7 | import platformComponents from 'weex/runtime/components/index'
8 |
9 | import {
10 | query,
11 | mustUseProp,
12 | isReservedTag,
13 | isUnknownElement
14 | } from 'weex/util/index'
15 |
16 | // install platform specific utils
17 | Vue.config.mustUseProp = mustUseProp
18 | Vue.config.isReservedTag = isReservedTag
19 | Vue.config.isUnknownElement = isUnknownElement
20 |
21 | // install platform runtime directives and components
22 | Vue.options.directives = platformDirectives
23 | Vue.options.components = platformComponents
24 |
25 | // install platform patch function
26 | Vue.prototype.__patch__ = patch
27 |
28 | // wrap mount
29 | Vue.prototype.$mount = function (
30 | el?: any,
31 | hydrating?: boolean
32 | ): Component {
33 | return mountComponent(
34 | this,
35 | el && query(el, this.$document),
36 | hydrating
37 | )
38 | }
39 |
40 | export default Vue
41 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/runtime/modules/attrs.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import { extend } from 'shared/util'
4 |
5 | function updateAttrs (oldVnode: VNodeWithData, vnode: VNodeWithData) {
6 | if (!oldVnode.data.attrs && !vnode.data.attrs) {
7 | return
8 | }
9 | let key, cur, old
10 | const elm = vnode.elm
11 | const oldAttrs = oldVnode.data.attrs || {}
12 | let attrs = vnode.data.attrs || {}
13 | // clone observed objects, as the user probably wants to mutate it
14 | if (attrs.__ob__) {
15 | attrs = vnode.data.attrs = extend({}, attrs)
16 | }
17 |
18 | for (key in attrs) {
19 | cur = attrs[key]
20 | old = oldAttrs[key]
21 | if (old !== cur) {
22 | elm.setAttr(key, cur)
23 | }
24 | }
25 | for (key in oldAttrs) {
26 | if (attrs[key] == null) {
27 | elm.setAttr(key)
28 | }
29 | }
30 | }
31 |
32 | export default {
33 | create: updateAttrs,
34 | update: updateAttrs
35 | }
36 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/runtime/modules/events.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import { updateListeners } from 'core/vdom/helpers/update-listeners'
4 |
5 | let target: any
6 |
7 | function add (
8 | event: string,
9 | handler: Function,
10 | once: boolean,
11 | capture: boolean
12 | ) {
13 | if (capture) {
14 | console.log('Weex do not support event in bubble phase.')
15 | return
16 | }
17 | if (once) {
18 | const oldHandler = handler
19 | const _target = target // save current target element in closure
20 | handler = function (ev) {
21 | const res = arguments.length === 1
22 | ? oldHandler(ev)
23 | : oldHandler.apply(null, arguments)
24 | if (res !== null) {
25 | remove(event, null, null, _target)
26 | }
27 | }
28 | }
29 | target.addEvent(event, handler)
30 | }
31 |
32 | function remove (
33 | event: string,
34 | handler: any,
35 | capture: any,
36 | _target?: any
37 | ) {
38 | (_target || target).removeEvent(event)
39 | }
40 |
41 | function updateDOMListeners (oldVnode: VNodeWithData, vnode: VNodeWithData) {
42 | if (!oldVnode.data.on && !vnode.data.on) {
43 | return
44 | }
45 | const on = vnode.data.on || {}
46 | const oldOn = oldVnode.data.on || {}
47 | target = vnode.elm
48 | updateListeners(on, oldOn, add, remove, vnode.context)
49 | }
50 |
51 | export default {
52 | create: updateDOMListeners,
53 | update: updateDOMListeners
54 | }
55 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/runtime/modules/index.js:
--------------------------------------------------------------------------------
1 | import attrs from './attrs'
2 | import klass from './class'
3 | import events from './events'
4 | import style from './style'
5 | import transition from './transition'
6 |
7 | export default [
8 | attrs,
9 | klass,
10 | events,
11 | style,
12 | transition
13 | ]
14 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/runtime/patch.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | import * as nodeOps from 'weex/runtime/node-ops'
4 | import { createPatchFunction } from 'core/vdom/patch'
5 | import baseModules from 'core/vdom/modules/index'
6 | import platformModules from 'weex/runtime/modules/index'
7 |
8 | // the directive module should be applied last, after all
9 | // built-in modules have been applied.
10 | const modules = platformModules.concat(baseModules)
11 |
12 | export const patch: Function = createPatchFunction({
13 | nodeOps,
14 | modules,
15 | LONG_LIST_THRESHOLD: 10
16 | })
17 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/platforms/weex/runtime/text-node.js:
--------------------------------------------------------------------------------
1 | let latestNodeId = 1
2 |
3 | export default function TextNode (text) {
4 | this.instanceId = ''
5 | this.nodeId = latestNodeId++
6 | this.parentNode = null
7 | this.nodeType = 3
8 | this.text = text
9 | }
10 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/server/bundle-renderer/source-map-support.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | const SourceMapConsumer = require('source-map').SourceMapConsumer
4 |
5 | const filenameRE = /\(([^)]+\.js):(\d+):(\d+)\)$/
6 |
7 | export function createSourceMapConsumers (rawMaps: Object) {
8 | const maps = {}
9 | Object.keys(rawMaps).forEach(file => {
10 | maps[file] = new SourceMapConsumer(rawMaps[file])
11 | })
12 | return maps
13 | }
14 |
15 | export function rewriteErrorTrace (e: any, mapConsumers: {
16 | [key: string]: SourceMapConsumer
17 | }) {
18 | if (e && typeof e.stack === 'string') {
19 | e.stack = e.stack.split('\n').map(line => {
20 | return rewriteTraceLine(line, mapConsumers)
21 | }).join('\n')
22 | }
23 | }
24 |
25 | function rewriteTraceLine (trace: string, mapConsumers: {
26 | [key: string]: SourceMapConsumer
27 | }) {
28 | const m = trace.match(filenameRE)
29 | const map = m && mapConsumers[m[1]]
30 | if (m != null && map) {
31 | const originalPosition = map.originalPositionFor({
32 | line: Number(m[2]),
33 | column: Number(m[3])
34 | })
35 | if (originalPosition.source != null) {
36 | const { source, line, column } = originalPosition
37 | const mappedPosition = `(${source.replace(/^webpack:\/\/\//, '')}:${String(line)}:${String(column)})`
38 | return trace.replace(filenameRE, mappedPosition)
39 | } else {
40 | return trace
41 | }
42 | } else {
43 | return trace
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/server/template-renderer/parse-template.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | const compile = require('lodash.template')
4 | const compileOptions = {
5 | escape: /{{[^{]([\s\S]+?)[^}]}}/g,
6 | interpolate: /{{{([\s\S]+?)}}}/g
7 | }
8 |
9 | export type ParsedTemplate = {
10 | head: (data: any) => string;
11 | neck: (data: any) => string;
12 | tail: (data: any) => string;
13 | };
14 |
15 | export function parseTemplate (
16 | template: string,
17 | contentPlaceholder?: string = ''
18 | ): ParsedTemplate {
19 | if (typeof template === 'object') {
20 | return template
21 | }
22 |
23 | let i = template.indexOf('')
24 | const j = template.indexOf(contentPlaceholder)
25 |
26 | if (j < 0) {
27 | throw new Error(`Content placeholder not found in template.`)
28 | }
29 |
30 | if (i < 0) {
31 | i = template.indexOf('')
32 | if (i < 0) {
33 | i = j
34 | }
35 | }
36 |
37 | return {
38 | head: compile(template.slice(0, i), compileOptions),
39 | neck: compile(template.slice(i, j), compileOptions),
40 | tail: compile(template.slice(j + contentPlaceholder.length), compileOptions)
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/server/util.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | export const isJS = (file: string): boolean => /\.js(\?[^.]+)?$/.test(file)
4 |
5 | export const isCSS = (file: string): boolean => /\.css(\?[^.]+)?$/.test(file)
6 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/server/webpack-plugin/util.js:
--------------------------------------------------------------------------------
1 | const { red, yellow } = require('chalk')
2 |
3 | const prefix = `[vue-server-renderer-webpack-plugin]`
4 | const warn = exports.warn = msg => console.error(red(`${prefix} ${msg}\n`))
5 | const tip = exports.tip = msg => console.log(yellow(`${prefix} ${msg}\n`))
6 |
7 | export const validate = compiler => {
8 | if (compiler.options.target !== 'node') {
9 | warn('webpack config `target` should be "node".')
10 | }
11 |
12 | if (compiler.options.output && compiler.options.output.libraryTarget !== 'commonjs2') {
13 | warn('webpack config `output.libraryTarget` should be "commonjs2".')
14 | }
15 |
16 | if (!compiler.options.externals) {
17 | tip(
18 | 'It is recommended to externalize dependencies in the server build for ' +
19 | 'better build performance.'
20 | )
21 | }
22 | }
23 |
24 | export { isJS, isCSS } from '../util'
25 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/server/write.js:
--------------------------------------------------------------------------------
1 | /* @flow */
2 |
3 | const MAX_STACK_DEPTH = 1000
4 |
5 | export function createWriteFunction (
6 | write: (text: string, next: Function) => boolean,
7 | onError: Function
8 | ): Function {
9 | let stackDepth = 0
10 | const cachedWrite = (text, next) => {
11 | if (text && cachedWrite.caching) {
12 | cachedWrite.cacheBuffer[cachedWrite.cacheBuffer.length - 1] += text
13 | }
14 | const waitForNext = write(text, next)
15 | if (waitForNext !== true) {
16 | if (stackDepth >= MAX_STACK_DEPTH) {
17 | process.nextTick(() => {
18 | try { next() } catch (e) {
19 | onError(e)
20 | }
21 | })
22 | } else {
23 | stackDepth++
24 | next()
25 | stackDepth--
26 | }
27 | }
28 | }
29 | cachedWrite.caching = false
30 | cachedWrite.cacheBuffer = []
31 | cachedWrite.componentBuffer = []
32 | return cachedWrite
33 | }
34 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vue-src/shared/constants.js:
--------------------------------------------------------------------------------
1 | /*用来标记是否是服务端渲染*/
2 | export const SSR_ATTR = 'data-server-rendered'
3 |
4 | /*选项／资源集合*/
5 | export const ASSET_TYPES = [
6 | 'component',
7 | 'directive',
8 | 'filter'
9 | ]
10 |
11 | /*钩子函数集合*/
12 | export const LIFECYCLE_HOOKS = [
13 | 'beforeCreate',
14 | 'created',
15 | 'beforeMount',
16 | 'mounted',
17 | 'beforeUpdate',
18 | 'updated',
19 | 'beforeDestroy',
20 | 'destroyed',
21 | 'activated',
22 | 'deactivated'
23 | ]
24 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vuex-src/index.esm.js:
--------------------------------------------------------------------------------
1 | import { Store, install } from './store'
2 | import { mapState, mapMutations, mapGetters, mapActions, createNamespacedHelpers } from './helpers'
3 |
4 | export default {
5 | Store,
6 | install,
7 | version: '__VERSION__',
8 | mapState,
9 | mapMutations,
10 | mapGetters,
11 | mapActions,
12 | createNamespacedHelpers
13 | }
14 |
15 | export {
16 | Store,
17 | install,
18 | mapState,
19 | mapMutations,
20 | mapGetters,
21 | mapActions,
22 | createNamespacedHelpers
23 | }
24 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vuex-src/index.js:
--------------------------------------------------------------------------------
1 | import { Store, install } from './store'
2 | import { mapState, mapMutations, mapGetters, mapActions, createNamespacedHelpers } from './helpers'
3 |
4 | export default {
5 | Store,
6 | install,
7 | version: '__VERSION__',
8 | mapState,
9 | mapMutations,
10 | mapGetters,
11 | mapActions,
12 | createNamespacedHelpers
13 | }
14 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vuex-src/mixin.js:
--------------------------------------------------------------------------------
1 | export default function (Vue) {
2 | /*获取Vue版本，鉴别Vue1.0还是Vue2.0*/
3 | const version = Number(Vue.version.split('.')[0])
4 |
5 | if (version >= 2) {
6 | /*通过mixin将vuexInit混淆到Vue实例的beforeCreate钩子中*/
7 | Vue.mixin({ beforeCreate: vuexInit })
8 | } else {
9 | // override init and inject vuex init procedure
10 | // for 1.x backwards compatibility.
11 | /*将vuexInit放入_init中调用*/
12 | const _init = Vue.prototype._init
13 | Vue.prototype._init = function (options = {}) {
14 | options.init = options.init
15 | ? [vuexInit].concat(options.init)
16 | : vuexInit
17 | _init.call(this, options)
18 | }
19 | }
20 |
21 | /**
22 | * Vuex init hook, injected into each instances init hooks list.
23 | */
24 | /*Vuex的init钩子，会存入每一个Vue实例等钩子列表*/
25 | function vuexInit () {
26 | const options = this.$options
27 | // store injection
28 | if (options.store) {
29 | /*存在store其实代表的就是Root节点，直接执行store（function时）或者使用store（非function）*/
30 | this.$store = typeof options.store === 'function'
31 | ? options.store()
32 | : options.store
33 | } else if (options.parent && options.parent.$store) {
34 | /*子组件直接从父组件中获取$store，这样就保证了所有组件都公用了全局的同一份store*/
35 | this.$store = options.parent.$store
36 | }
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/source-learn/vue源码分析/source/vuex-src/plugins/devtool.js:
--------------------------------------------------------------------------------
1 | /* 从window对象的__VUE_DEVTOOLS_GLOBAL_HOOK__中获取devtool插件 */
2 | const devtoolHook =
3 | typeof window !== 'undefined' &&
4 | window.__VUE_DEVTOOLS_GLOBAL_HOOK__
5 |
6 | export default function devtoolPlugin (store) {
7 | if (!devtoolHook) return
8 |
9 | /* devtoll插件实例存储在store的_devtoolHook上 */
10 | store._devtoolHook = devtoolHook
11 |
12 | /* 出发vuex的初始化事件，并将store的引用地址传给deltool插件，使插件获取store的实例 */
13 | devtoolHook.emit('vuex:init', store)
14 |
15 | /* 监听travel-to-state事件 */
16 | devtoolHook.on('vuex:travel-to-state', targetState => {
17 | /* 重制state */
18 | store.replaceState(targetState)
19 | })
20 |
21 | /* 订阅store的变化 */
22 | store.subscribe((mutation, state) => {
23 | devtoolHook.emit('vuex:mutation', mutation, state)
24 | })
25 | }
26 |
--------------------------------------------------------------------------------
16 | // 
32 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/post/设计模式与开发实践/source/park.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LesixCoder/Notes-And-Blog/99c1d2b5998f9fa7f211c0bd660f1dcac946dda9/post/设计模式与开发实践/source/park.png
--------------------------------------------------------------------------------
/post/高效前端：Web高效编程与优化实践/Effective 27/src/img/coder.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LesixCoder/Notes-And-Blog/99c1d2b5998f9fa7f211c0bd660f1dcac946dda9/post/高效前端：Web高效编程与优化实践/Effective 27/src/img/coder.jpg
--------------------------------------------------------------------------------
/post/高效前端：Web高效编程与优化实践/Effective 27/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | 
28 |