MeSKiL-优快云博客

翻译 0004-global-api-treeshaking

概要尽可能多的通过命名导出api，提供给vue运行时的tree-shake的能力。基础用例 import { nextTick, observable } from 'vue' nextTick(()=>{}) const obj = observable({}) 起因随着Vue API的增长，我们不断尝试在特性和包体积间权衡。我们想要Vue的体积尽可能的小，但是我们也不想因为体积的约束去限制他的能力。通过ES模块的静态分析的友好设计，现代化的压缩过的包可以去掉ES modules里没有

2021-02-01 11:05:32 197

翻译 0003-dynamic-directive-arguments

概要在指令参数中支持动态值基础示例 <div v-bind:[key]="value"></div> <div v-on:[event]="handler"></div> 起因由于指令参数是静态的，因此用户不得不求助于无参对象去使用动态key <div v-bind="{ [key]:value }"></div> <div v-on="{ [event]:handler }"></div> 然而，这有

2021-01-24 19:57:17 280

翻译 0002-slot-syntax-shorthand

概要为v-slot增加简写语法基础示例 <foo> <template #header="{ msg }"> Message from header: {{ msg }} </template> <template #footer> A static footer </template> </foo> 起因简写就是一个名字需求，主要为了提供更简洁的语法在Vue里我们仅为两个操作符:v-bind

2021-01-18 11:33:27 219

翻译 0001-new-slot-syntax

概要 scoped slot 用法的新语法 slot 和 slot-scope 合并成了 v-slot 语法 v-slot 可能会统一 slot和 slot-scope 基础示例 // 普通插槽 <foo v-slot="{ msg }"> {{ msg }} </foo> // 具名插槽 <foo> <template v-slot:one="{ msg }"> {{ msg }} </template&g

2021-01-10 17:11:35 188

原创 javascript面向对象(一)

javascript面向对象(一) javascript对象面向对象是编程界老生常谈的问题，也总有人争论javascript到底是不是一门面向对象的语言。在我看来，面向对象定义在语言上不如定义在编程思维上。一段javascript的逻辑是不是面向对象的，取决于写这段代码的方式。那么怎样才能写出面向对象的javascript代码呢？首先需要知道什么是javascript中的对象。与其他语言相比...

2020-04-11 12:46:56 514

原创 less函数的字符串拼接以及静态资源路径问题

less函数字符串拼接及静态资源路径字符串拼接 // 错误 .bg-image(@url:'') { background-image: url(@url + 2x.png); @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) { background-image: url(@url + ...

2019-10-16 10:34:38 1310 1

原创 ReactComponent

React系列(3) ReactComponent react/src/ReactBaseClasses.js function Component(props, context, updater) { this.props = props; this.context = context; // If a component has string refs, we will ass...

2019-10-09 19:03:00 224

原创 ReactElement

React系列(2) ReactElement React.createElement做了什么先判断config中内置props（key,ref,self,source）存在且有效，则赋值给新声明的变量再将config中非内置的props 给新声明的props（key和ref不会跟其他config中的变量一起被处理，而是单独作为变量出现在ReactElement上。）判断如果孩子节点为一个...

2019-10-09 14:45:27 2064

原创 JSX到JavaScript的转换

React(1) JSX通过babel转换为JavaScript // jsx语法代码 function Test(){ return <p>123</p> } <Test id="test" name="divName"> <span>span 1</span> <a>a 2</a> </Tes...

2019-10-09 11:36:02 797

qq_42843126的博客