MeSKiL-CSDN博客

翻译 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 123

翻译 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 126

翻译 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 130

翻译 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 102

原创 javascript面向对象(一)

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

2020-04-11 12:46:56 416

原创 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 1107 1

原创 ReactComponent

React系列(3) ReactComponentreact/src/ReactBaseClasses.jsfunction 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 145

原创 ReactElement

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

2019-10-09 14:45:27 1903

原创 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 426

qq_42843126的博客