vue中使用JSX
vue中使用JSX
[[toc]]
vue中使用JSXTemplate
学习成本低
大量内置指令简化开发
组件作用域css
但灵活性低
JSX
灵活
JSX更易读也是 JavaScript。
JSX使自定义Vue组件更容易导入和管理,导入直接使用，不用再通过components了
可以例子可 ...
脚手架vue-cli
脚手架vue-cli
[[toc]]
# 安装 Vue CLI 3.xyarn global @vue/cli# my-project 是你的项目名称vue create my-project
vue-cli 中包含着 typescript 选项，只需要选择即可
vue create r ...
vue之JSX封装table
vue之JSX封装table
[[toc]]
封装之前先看下
babel-plugin-transform-vue-jsx
基于ElementUI的table二次封装
最近搞中台开发，用的ElementUI的Table组件比较多，几乎每个页面都用，相比react的antd,饿了么的table就相对臃 ...
封装树形菜单
封装树形菜单
之前面试有让用react做过一次 ，今天仿造elementUI用Vue在做一个
老套路先看看怎么使用的
// 具体使用<template> <div id="test"> <trees :data="treeData" :treeProps="tr ...
错误机制
错误机制
[[toc]]
源码解析文件路径vue/src/core/util/error.js
import config from '../config'import {warn} from './debug'import & ...
test
---abbrlink: ee34d04dcategories: TypeScripttags: JS Notestitle: MAC 整理hidden: truedate: 2019-05-16------abbrlink: '214639e1'categories: - TypeScriptt ...
配置WS
配置WS
[[toc]]
webstorm 代码格式化设置与eslint standard一致新弄了个vue项目，使用的eslint是standard规范。
新建项目，用webstorm打开项目，顺利开搞，结果一到vue组件里，就报黄色叹号警告⚠️了。
这里就需要配置一下webstorm里的 cod ...
Jenkins自动化部署
Jenkins自动化部署
[[toc]]
Jenkins学习记录
学前了解：
linux shelljenkinsjdk tomcat Java Development Kit是整个Java核心，包括Java运行环境、Java工具和Java基础类库。JDK作为JAVA开发的环境，不管做JAVA开发 ...
VirtualDOM
VirtualDOM
[[toc]]
React 的核心思想
给我一个数据，我根据这个数据生成一个全新的Virtual DOM，然后跟我上一次生成的Virtual DOM去 diff，得到一个Patch，然后把这个Patch打到浏览器的DOM上去。完事,并且这里的patch显然不是完整的虚拟DOM， ...
react事件委托机制
react事件委托机制
[[toc]]
为什么要用事件委托一般来说，dom需要有事件处理程序，我们都会直接给它设事件处理程序就好了，那如果是很多的dom需要添加事件处理呢？比如我们有100个li，每个li都有相同的click点击事件，可能我们会用for循环的方法，来遍历，这样的话每个函数都是一个对象 ...