自定义事件
自定义事件
[[toc]]
dispatchEvent已废弃
initEvent
createEvent()createEvent()方法返回新创建的Event对象,支持一个参数,表示事件类型,具体见下表:
参数
事件接口
初始化方法
HTMLEvents
HTMLEvent
initE ...
Element-UI ,Table组件实现拖拽效果
Element-UI ,Table组件实现拖拽效果
最近业务需求要添加table的拖拽,但是element并没有table的拖拽功能,只能自己添加了。
找了两个组价库sortablejs和vuedraggable,后者是基于前者实现的更加符合vue标准的库,依赖于前者,但是项目中用的element的 ...
Vue预渲染
Vue预渲染
之前一段时间调研了React的SSR,今天有时间研究下Vue的预渲染。老套路还是先说说预渲染有什么好处,跟SSR有什么区别???? Let’s look down 👓⏬
如果你调研服务器端渲染 (SSR) 只是用来改善少数营销页面(例如 /, /about, /contact 等 ...
Vue之JSX封装搜索头部
Vue之JSX封装搜索头部
[[toc]]
组件封装源码export default { data() { const {searchProps} = this; return { searchData: searchProp ...
基于Vue的组件局部刷新
基于Vue的组件局部刷新
之前做keepalive,组件destroy销毁后,就不会缓存该页面了,解决的办法就是刷新当前的页面,一种是原始的刷新方式,一种就是基于框架本身的局部刷新,今天完善下基于vue的局部刷新。
我上次省事在做keepalive的时候,直接在页面内部做的局部刷新,具体看这大概是最 ...
React-SSR
React-SSR
[[toc]]
先附上github地址https://github.com/hzfvictory/react-ssr,方便大家更容易理解,不然后面很多地方会一头雾水。
欢迎大家点star,提issue,一起进步!😄
客户端渲染与服务端渲染CSR:
页面渲染是JS负责进行的
...
全局挂载组件之Vue.extend
全局挂载组件之Vue.extend
[[toc]]
Vue.extend 属于Vue的全局 api,在实际业务开发中我们很少使用,因为相比常用的 Vue.component 写法使用 extend 步骤要更加繁琐一些。但是在一些独立组件开发场景中(例如:ElementUI库),所以Vue.exten ...
keep-alive源码分析
keep-alive源码分析
[[toc]]
如何使用想看具体用法看我上一篇文章 这大概是最全乎的keep-alive的踩坑指南
源码剖析源码地址
// /src/core/components/keep-alive.jsimport {isRegExp, remove} fro ...
使用keepAlive遇到的坑
使用keepAlive遇到的坑
[[toc]]
介绍keep-alive是vue的一个内置组件。它会缓存不活动的组件实例,而不是直接将其销毁,它是一个抽象组件,不会被渲染到真实DOM中,也不会出现在父组件链中。它提供了include与exclude属性,允许组件有条件地进行缓存,其中exclude的 ...
vue3.o源码分析
vue3.o源码分析
[[toc]]
前言调研的预览版本,很多api还没完善,但大致架构已经成形, 暂时还不能用于生产。
优势
函数式编程,函数对ts兼容性好【react-hooks】
static tree hoisting 功能 (检测静态语法,进行提升) 【diff】
基于 Proxy 实 ...