- 博客(6)
- 收藏
- 关注
RSS订阅原创 Vue-router简单实现
vue-router是一个插件，使用要先安装npm i vue-router 使用步骤： // 配置js文件 import Vue from "vue" import VueRouter from "vue-router" Vue.use(Vuerouter)//1、注册插件,如果参数是函数就执行函数，如果是对象则调用install静态方法 const router = new VueRouter({// 2、构造 参数是对象选项routers 地址是component 响应式 ...
2021-09-10 14:45:12
206
原创 热乎的微店面经
一面： 自我介绍 Flex布局，流式布局，响应式布局 Flex布局左边固定右边自适应 怎么写 Flex属性由哪三种属性组成 Flex-baise Css中盒模型 如何设置为ie的和模型 行内元素和块级元素的区别 获取盒子的宽高 如何获取视口的宽高 三大家族 Css选择器 如何让文字或者盒子水平垂直居中 Link和@import区别 visibility=hidden,display:none Js中数据类型 如何检测数据类型 判断数组有哪些方式 除了instance...
2021-07-23 15:38:26
103
原创 前端路由方式—Hash路由和History路由
SPA单页面项目厉害的地方之一就是切换路由时不会发送http请求到服务端，而是在客户端渲染，这就需要引入前端路由，也就是浏览器的hash或history属性。 hash ： hash ，url中带有# 路由即#后面的部分。虽然出现在 URL 中，但不会被包含在 http 请求中，对后端完全没有影响，因此改变 hash 不会重新加载页面，也不会发送http请求。 当hash改变时，会触发hashchange事件，监听该事件，对页面进行更新。如果请求了一个不存在的页面...
2021-07-21 09:21:26
555
原创 同构渲染 —客户端和服务端渲染页面
传统的页面渲染只有客户端和服务端，由客户端想服务端发送url请求，服务端返回一个静态页面。整个解析过程由服务端完成，服务端解析渲染页面的优点是解析速度慢，但是用户体验不好，因为每次用户有新的请求都会重新请求服务端更新页面。 之后流行了SPA单页面，前端路由，由客户端请求服务端，服务端仅返回.html js css部分，再由客户端进行渲染页面。这样用户更新的时候不再不再刷新页面，增强了用户体验感，但是用户端渲染页面速度很慢。 · jquer...
2021-07-20 23:11:07
257
1
原创 Vue核心源码分析—虚拟DOM(更新中)
Vue有两个核心功能一个是数据驱动，同步了View和Data，提高了开发效率。 另一个是虚拟Dom，真实的Dom有很多的成员变量，维护起来很苦难，而虚拟Dom很小。 虚拟Dom会比较更新前后页面的不同，更新需要变化的不同的地方从而减少了页面重绘的面积，极大的提高了性能。 ...
2021-07-17 23:13:01
108
2
原创 Vue核心源码分析—MVVM模型底层原理、订阅发布者模式(上)
Vue.js 是一个提供了 MVVM(Model-View-ViewModel ) 风格的双向数据绑定、数据层和视图层通过DOM监听和Data绑定的方式，实现View 和 Model的一致性。 view层和model层之间通过ViewModel也就是Vue实例绑定在一起实现数据驱动，免去了频繁更新Dom的操作。MVVM实现的原理是用defineProperty方法进行数据劫持(拦截处理数据)，即拦截目标属性定义给目标对象（要操作的对象，为这个对象定义属性），并给目标属性一...
2021-07-17 00:26:09
403
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人