- 博客(9)
- 收藏
- 关注
原创 vue相关—路由
params传参和query传参是路由传参的两种常见形式,区别在于query传参,参数在url中可见,是标准的url传参形式。使用?分割参数和url地址params传参,参数在url默认是不可见的,除非设置了占位符query传参不怕刷新,刷新之后参数还在params传参除非设置了占位符,否则参数不能在刷新之后保存编程式跳转使用this.$router.push(路由对象)实现跳转路由拦截beforeEach 就是路由拦截router.beforeEach((to,from,next)=&
2020-07-15 08:37:15
210
原创 面试小道(二、HTML5 CSS3)
文章目录1.CSS3有哪些新特性?2.html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?3.本地存储(Local Storage )和cookies(储存在用户本地终端上的数据)之间的区别是什么?4.如何实现浏览器内多个标签页之间的通信?5.你如何对网站的文件和资源进行优化?6.什么是响应式设计?7.新的 HTML5 文档类型和字符集是?8.HTML5 Canvas 元素有什么用?9.HTML5 存储类型有什么区别?10.CSS3新增伪类有
2020-07-11 19:03:07
339
原创 有需要可以了解----Vue生命周期
Vue生命周期理解什么是生命周期???Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程,我们称这是Vue的生命周期。简单来说就是Vue实例从创建到销毁的过程,就是生命周期。Vue生命周期图生命周期的三个阶段每一个组件或者实例都会经历一个完整的生命周期,总共分为三个阶段:初始化阶段、运行中阶段、销毁阶段。初始化阶段钩子函数(beforeCreate,created,beforeMount,mounted)运行中阶段钩子函数(
2020-07-04 09:29:19
127
原创 面试小道(一、HTML和CSS)
一、HTML和CSS你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?Trident内核:IE系列Gecko内核:FirefoxWebkit内核:SafariBlink内核:是基于Webkit内核的子项目,使用的浏览器有:Chrome/opera等除IE、Firefox、Safari之外的几乎所有浏览器几乎所有国产双内核浏览器(Trident/Blink)如360、猎豹、qq、百度等每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗?文
2020-06-28 17:39:36
396
原创 虚拟DOM的简单理解
虚拟DOM的原理思想频繁且复杂的dom操作通常是前端性能瓶颈的产生点,Vue提供了虚拟dom的解决办法。虚拟的DOM的核心思想是:对复杂的文档DOM结构,提供一种方便的工具,进行最小化地DOM操作。(1) 提供一种方便的工具,使得开发效率得到保证(2) 保证最小化的DOM操作,使得执行效率得到保证简单来说根据虚拟dom树最初渲染成真实dom当数据变化,或者说是页面需要重新渲染的时候,会重新生成一个新的完整的虚拟dom拿新的虚拟dom来和旧的虚拟dom做对比(使用diff算法)。得到需要更新的
2020-06-22 21:35:05
345
原创 对弹性布局的简单阐述
弹性布局display:flex;不写宽度靠内容撑起来,不写高度,自动扩展最大100%弹性布局属性flex-decoration:xxx; 决定主轴(项目排列)的方向 :row 从左至右水平排列 :row-reverse 从右至左水平排列 :column 从上至下垂直排列 :column-reverse 从下至上垂直排列justify-content:xxx;定义了项目在主轴上的对齐
2020-06-19 19:39:11
186
原创 JavaScript数组(Array)方法大集结
1.push参数:任意个,任意值返回值:数组被增加之后的长度功能:在数组末尾添加数据,增加的数据是push的参数是否改变数组:改变原数组`var arr=[1,2,3,4];var res=arr.push("hello","world");console.log(arr);//1, 2, 3, 4, "hello", "world"console.log(res);//6`2.pop参数:没有返回值:被删除的数据功能:删除数组的最后一个是否改变数组:改变原数组var
2020-06-19 16:17:46
157
原创 浅析js设计模式
1.了解设计模式+ 什么是设计模式?=> 针对 特定问题, 给出的简洁而优化的处理方案+ 一个设计模式 A=> 只能解决 A 类型的问题=> 针对 B 类型的问题, 设计模式 A 解决不了+ 同一个问题, 再不同的位置, 是不一定能用同一种方案解决+ 设计模式, 只在特定的情况, 特定的时期, 针对特定的问题使用 市场上常用的设计模式 + 单例模式 ...
2020-02-23 23:08:19
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人