首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue
一江东流水
创建于2022-04-18
订阅专栏
学好vue一定要看vue的源码
等 15 人订阅
共15篇文章
创建于2022-04-18
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue独立组件开发:封装一个可编辑的Table组件
可编辑的表格组件是非常灵活的,因此采用了render函数来让用户自定义表格内容,但是render函数写法不好维护,于是使用作用域插槽来代替,render能做的插槽都能做。
Vue独立组件开发:封装一个类似于ElementUI的消息提示组件
封装一个使用API调用方式的组件是vue项目中常见的需求,一般组件库都提供了对应的组件,但是自己封装这样的组件并不容易,这需要使用到$mount,render等平时不常使用的方法,说到底还是考验js。
谈谈 cookie & session & jwt
http是无状态的,为了知道是哪个用户发起的请求,诞生了cookie-session,session存储在服务端的redis中。但需要使用redis保存session比较麻烦,于是有了jwt来代替。
Vue独立组件开发:动态组件与递归组件
动态组件广泛应用于灵活渲染组件的场景,根据某种条件来渲染不同的组件,搭配`<keep-alive>`可以避免组件频繁的创建与销毁。递归组件的使用需要特别关注结束条件,否则会一直递归下去导致程序报错
Vue独立组件开发:换一种思路写Vue——Render 函数与 Functional Render
在vue项目中,经常写template的组件,但是在一些比较灵活的场景下,以及一些需要用户自定义的时候,用render函数来写组件将会更加简洁与明了。
Vue独立组件开发: 函数调用组件——Vue.extend及$mount
在很多项目中我们需要使用动态组件,动态组件最大的区别是不能写死在模版中,而是在JS中调用,具有相当的灵活性。本文介绍了如何利用extend和mount方法创建动态组件,希望能帮到你。
Vue 独立组件开发:不一样的组件通信方式
独立组件之间的数据传递不同于业务组件,它不依赖于第三方数据管理库。因此,本文介绍了三种常用的独立组件之间的通信方式,三种方式各有各的优缺点,使用场景不同,合理使用就能封装出复杂的独立组件。
Vue独立组件开发: prop event slot
独立组件应该是vue开发中难度最大一类组件,因为它要是给很多开发者使用的,所以这类组件的API的设计、兼容性、性能及复杂的功能实现提出了很高的要求。目前,国内只用大厂才有能力开发独立的组件库。
vue单文件组件是如何一步一步渲染成DOM?
vue对我们来说就是一个黑盒,它把.vue单文件渲染成真实DOM。本文试着解剖这个黑盒,发现通过编译我们写的vue代码为render函数,然后利用它生成vnode,最后通过原生api渲染成真实dom。
OSS + CDN 如何部署前端静态资源
OSS实现了非结构化数据的存储;CDN实现了用户就近访问的功能。两者结合就能实现前端项目的部署,利用域名指向CDN域名,然后CDN域名执行OSS存储桶域名。
肝货!带你玩转 Vue 动画
Vue为我们提供了很多动画接口方便我们实现动画效果,过渡动画可以实现一些简单的动画,如果一个动画包含几个简单的动画这个时候就需要使用动画钩子了。本文列出了几个例子,都是日常开发中经常遇到的。
肝货!移动端 H5 开发十大技巧
移动端开发和PC端开发还是有很大不同的,本文从过往的项目中总结了移动端开发的一些技巧,比如多倍图、滚动效果、事件等。
为什么要学Vue
现在的前端框架都是为了解决数据变化后,怎么通知页面更新的问题。vue走的是响应式加虚拟dom,react走的是虚拟dom+fiber架构。
一次vue项目的优化及部署之旅
本文详细介绍了如何优化vue项目包的体积,包括按需加载,分割第三方库利用缓存提高加载速度等手段。同时介绍了如何利用nginx部署一个前端项目,并利用gzip压缩和http2来提高访问速度。
vue父子组件通信的几种方式
本文介绍了vue中父子组件通信的几种方式,每种方式都有其特定的使用场景。在工作中,能用简单的方式就用简单的方式。