chenzeze0707的博客

前言了解vue的导航钩子对你构建项目很有帮助，很多开发中遇到的问题也会迎刃而解~针对钩子函数的一些应用1.组件复用时beforeRouteUpdatebeforeRouteEnter(to, from, next) { // 在路由独享守卫后调用 不！能！获取组件实例 `this`，组件实例还没被创建},beforeRouteUpdate(to, ...

前言根据百度前端技术学院2018 MVVM 学院中的 3.1 用递归的方式实现级联组件用 vue 实现的本文章的 github地址实现思路1. 组件复用（组件中复用自己）注意点：1.1需要有name（使用驼峰命名）name:'cascadePanel'<cascade-panel></cascade-panel>1.2需要有终止...

定义：vue用来写路由一个插件。包括 router-link、router-view 两个组件，其中 router-link 用于实现跳转，router-view 用于展示视图vue-router的两种模式hash模式hash模式背后的原理是onhashchange事件因为hash发生变化的url都会被浏览器记录下来，从而你会发现浏览器的前进后退都可以用了，同时点...

vuex的原理：Vuex 全局维护着一个对象，使用到了单例设计模式。在这个全局对象中，所有属性都是响应式的，任意属性进行了改变，都会造成使用到该属性的组件进行更新。并且只能通过commit的方式改变状态，实现了单向数据流模式。state-> mutation-> action -> 更新渲染vuex的优点：最主要解决了组件之间共享同一状态(数据变量)...

前言这个解答可回答面试中 ① vue双向数据绑定原理 和 ② vue响应原理 问题基本原理vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。具体步骤：第一步：需要observe的数据对象进行递归遍历，包...

1.VUE 路由变化页面数据不刷新问题问题描述：（知乎项目）新闻板块有推荐、精华、最新等几个Tab，设想通过切换Tab，改变路由参数（get/news/:tab）去获取对应数据，然后渲染到页面（用的是同一套组件），问题来了：当切换Tab时，数据并没有更新原因：提醒一下，当使用路由参数时，例如从/user/foo导航到user/bar，原来的组件实例会被复用。因为两个路由都渲染同...

前言总结得较完善，文章很长，请备好瓜子观看~1.生命周期小程序：onLoad：页面加载一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数。onShow：页面显示每次打开页面都会调用一次。onReady：页面初次渲染完成一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。对界面的设置如 wx.setNa...

前言根据百度前端技术学院2018 MVVM 学院中的 2.5 表单实现Input、Checkbox组件用 vue 实现的checkbox复选框组件，使checkbox有三种状态： checked：ture (选中) / false (未选中) , indeterminate (部分选中)1.利用slot插槽2.在同一文件中用到父子通信 $emit $on本文章的 gith...

VUE和react区别相同点： 1.都支持服务器端渲染 2.都有Virtual DOM,组件化开发,通过props参数进行父子组件数据的传递,都实现webComponent规范 3.数据驱动视图 4.都有支持native的方案,React的React native,Vue的weex 5.都有管理状态，React有redux,V...

定义：根据官方文档的解释，它可以在DOM更新完毕之后执行一个回调// 修改数据 vm.msg = 'Hello'// DOM 还没有更新 Vue.nextTick(function () { // DOM 更新了})​使用场景vue中异步加载数据，数据更新 => dom更新后才能进行 scroll-better 的初始化操作。在Vue生命周期的cre...

前言如果使用一个组件库的组件，如mint-ui的swipe组件，但indicators样式不想要默认的样式（简单的圆点），即自定义组件样式。解决思路1.重写样式。找到组件中原样式的名字，重写样式。像mint-ui中swipe indicator的样式为.mint-swipe-indicator.mint-swipe-indicator { width: 30...