
实战 Vue
杏子 |职业生涯规划师
1、职业生涯规划师;
2、1000+小时职业辅导咨询时长(职业转型、简历诊断/优化、1v1职业规划咨询、求职全流程陪跑);
3、8年前端开发经验,前科大讯飞研发负责人;
4、著有书籍《Web全栈项目开发入门与实战》。
展开
-
实战 Vue 之生命周期钩子函数执行顺序
Vue 生命周期钩子函数执行顺序原创 2020-02-23 21:57:10 · 3806 阅读 · 0 评论 -
在 Vue 中手动实现一个 vue-router
在 Vue 中手动实现一个 vue-router本文要点:了解单页面应用 router 路由的原理。通过实战手动实现一个 vue-router加深单页面路由的理解。原创 2020-01-28 22:06:12 · 1057 阅读 · 0 评论 -
H5 下拉加载更多(模拟微信聊天记录)
前段时间用H5实现一个实时聊天的功能。发现很难实现像微信聊天记录一样下拉加载更多记录。市面上大部分的 Web 项目实现的效果都是上拉加载,下拉刷新。下拉加载更多很少见,下拉在加载数据方面与上拉是一样的,但是如何做到像微信聊天记录一样,下拉之后还是保留在原有的位置就需要思考一下了。原创 2019-10-09 13:32:09 · 5720 阅读 · 10 评论 -
实战 Vue 之实现 todoList
todoList 是一个任务管理功能,本文将使用 Vue 框架实现。包含的具体功能点如下:1. 添加任务;2. 修改任务状态;3. 删除任务;4. 筛选任务。原创 2019-10-30 23:34:51 · 1825 阅读 · 2 评论 -
实战 Vue 之组件通信(父组件与子组件,子组件与父组件)
Vue 是单页面应用,页面与页面之间,功能与功能之间,都是一个个的组件构成。组件也有层级结构,父与子关系,子与父关系,兄弟关系等。那么有关系的组件之间如何通信?将是本文探讨的主题。原创 2019-10-30 15:39:39 · 316 阅读 · 0 评论 -
实战 Vue 之了解 Vue 生命周期
每个 Vue 实例在被创建,创建结束以及更新,更新结束都会经历一系列的过程。在这个过程中,Vue 内部会暴露一些钩子函数(其实也就是回调函数)供开发者使用做其他的事情,这些钩子函数就是Vue 的生命周期。原创 2019-09-30 17:50:03 · 267 阅读 · 0 评论 -
实战 Vue 之实现拖曳排序功能
今天给大家分享一下使用 Vue 拖曳排序功能原创 2019-08-02 18:29:35 · 3771 阅读 · 6 评论 -
实战 Vue 之实现添加和删除常用应用功能
很多 App 应用中会有添加和删除常用的应用功能,今天就用 Vue 来实现这个功能。原创 2019-08-01 14:21:08 · 2947 阅读 · 16 评论 -
实战 Vue 之配置多页面应用
最近一直在做企业钉钉应用开发,即每个功能模块都是一个单独的应用,单独的页面,配置到钉钉里面,就可以单独访问了。比如开发登陆模块的时候,会搭建一套环境,创建 login.html 以及相应的 js 和 css。再开发注册模块的时候,又搭建一套环境,创建 register.html 以及相应的 js 和 css。原创 2019-07-02 18:18:24 · 21033 阅读 · 10 评论 -
实战 Vue 之其他页面跳转到 tab 页改变 tab 样式状态
在移动应用中,大部分应用都是底部会有几个 tab 切换页。只是在底部切换到相应的页面,并且 tab 样式状态改变很容易实现,但是如果是其他页面跳转到 tab 页,tab 样式改变要如何实现昵?如下图,假设点击提交之后要调转到首页,并且修改首页 tab 样式为激活状态。原创 2019-05-31 13:53:51 · 3557 阅读 · 2 评论 -
实战 Vue 之了解 vue-router 路由配置、跳转与传参
路由是SPA单页面应用中必不可少的一部分,学好路由的使用也是学习 Vue 这门框架必备的技能之一。今天就给大家分享一下vue-router 路由配置、跳转与传参。原创 2019-05-31 11:30:09 · 1024 阅读 · 0 评论 -
实战 Vue 之从零开始搭建一个 Vue 项目
写惯了 React,今天也来 Vue 尝尝鲜,本来以为我这老司机学新框架应该如鱼得水,没想到也踩了几个坑。今天就给大家分享一篇 Vue 的极简教程,从安装到入门,从指令的使用到接口的调取,再到路由配置,麻雀虽小五脏俱全,基本上涵盖了一个项目的核心配件,可将此作为脚手架运用到新项目中去。原创 2019-05-27 22:56:15 · 848 阅读 · 0 评论