weixin_44646707的博客

一、前端核心分析1.1、概述Soc原则：关注点分离原则Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。HTML + CSS + JS : 视图 ： 给用户看，刷新后台给的数据网络通信 ： axios页面跳转 ： vue-router状态管理：vuex1.2、前端三要素HTML（结构）：超文本标记语言（Hyper Text Markup Language），决定网页的结构和内容CSS（表现）：层叠样式表（Cascading Style Sheets），设定网页的表现样式。J

1.vue优点？轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习； 双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；虚拟DOM：dom操作是非常耗费性能的， 不再使用原生的dom操作节点，

vue 刷新界面 解决闪屏和iOS失效问题vue中：1 this.$router.go(0)。这种方法虽然代码很少，只有一行，但是体验很差。页面会一瞬间的白屏，体验不是很好，关键是 在ios系统中会失效2 用vue-router重新路由到当前页面，页面是不进行刷新的。3 location.reload()。这种也是一样，画面一闪，体验不是很好IOS运行在微信浏览器中的Vue项目，当需要用户主动对页面进行刷新时，会遇到如下问题：微信不支持location.reload()方法，在微信浏览器中会失效