笔记
文章平均质量分 83
我小哥在学习
这个作者很懒,什么都没留下…
展开
-
阅读《深入浅出vue.js》 - 1-4章笔记
阅读《深入浅出vue.js》 - 笔记第一章:简介vue的发展视图层渲染组件机制路由机制状态管理器构建打包工具vue.js是一个渐进式的javascript框架第二章:Object的变化侦测变化侦测?什么变化了?怎么侦测?得到的效果是什么?先来理解一下什么叫渲染:渲染是从状态生成dom,再显示到用户界面的一整套流程叫做渲染;系统或者应用在运行的过程中因为状态不断发生变化,其视图也需要重新渲染,其中最重要的是变化侦测。这里的状态主要是指数据,数据发生变化了,会通知试图做相应的更新原创 2021-11-11 11:35:32 · 2207 阅读 · 0 评论 -
解决echarts图表在element(el-tab)宽度不自适应的问题
echarts在element(el-tab)宽度不是自适应的问题问题项目中有一个需求,就是有两个tab页,两个tab页面中都有echarts图表;在实现需求的过程中,默认显示的tab页图表宽高度显示正常,但是需要切换才能显示的tab页图表宽度不符合预期,如下图显示:.chart{ width: 100%; height: 200px;}默认显示tab页的图表,显示是正常的需要切换的tab页的图表,显示不正常查看页面代码显示切换的tab页的图表宽度并不是100%,而是100px。原创 2021-09-15 17:10:14 · 1771 阅读 · 4 评论 -
css-面试题
一、css盒子模型,对box-sizing属性的理解盒子模型:content + padding + border + margin盒子大小:content + padding + borderbox-sizing:是一个css属性,决定元素元素的宽高计算方法content-box:元素的宽高(width、height)即为内容区的宽高(width、height)(默认)border-box:content + padding + border = 元素的宽高(width、height),即内原创 2021-02-26 16:32:18 · 201 阅读 · 0 评论 -
html-面试题
一、 Doctype作用,HTML5 为什么只需要写<!DOCTYPE html>首先我们要知道DTD(document type definition)是文档类型定义,是一种特殊文档,它规定约束符合标准通用标示语言(SGML)胡总和XML规则的定义和解析。H5不基于SGML,因此不需要对DTD进行引用,但是需要DOCTYPE来规范浏览器的行为;而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。二、行内元素有哪些,块级元素有哪些,空(void)元素原创 2021-02-25 19:23:58 · 96 阅读 · 0 评论 -
初步了解HTTP缓存
HTTP缓存定义1、http缓存是在http请求传输时用到的缓存,主要用于对一些实时性要求不高的文件,浏览器端在用户内存或者硬盘上对最近请求过的文档进行存储,其缓存机制是根据http报文的缓存标识进行的,主要在服务器代码上设置2、当浏览器向服务器请求资源的时候,都会率先抵达浏览器缓存,如果浏览器有这个资源请求的副本,就可以直接从浏览器获取资源,而不用去请求浏览器3、常用的http请求只能缓存get请求响应的资源,对于其他类型的响应无效4、http缓存都是从第二次请求开始的,第一次请求资源的时候,服原创 2020-11-18 18:37:28 · 587 阅读 · 1 评论 -
webpack面试题
一、在webpack如何配置解析ES6和React?1、首先安装@babel/core、@babel/preset-env、babel-loader、@babel/preset-react2、使用babel-loader,babel的配置文件是:.babelrc{ "presets":[ "@babel/preset-env",//将es6转es5规则 "@babel/preset-react"//解析react jsx ]}3、在webpack.config.js中,与原创 2020-11-30 12:10:31 · 435 阅读 · 0 评论 -
前端网络相关面试题
http一、介绍一下http,有什么特点http是超文本传输协议(Hyper Text Transfer Protocol),主要负责web server和浏览器之间的通讯;http协议是把客户端的请求发送到一个服务器,并把网页内容从服务器返回到客户端特点:简单快速:客户向服务器请求服务时,只需要发送请求方法和路径灵活:http允许传输任意类型的数据对象,使用Content-Type标志无连接:无连接是指限制每次只连接处理一个请求,服务器处理完客户的请求并收到客户的应答后,即断开连接无状态:原创 2021-03-10 18:33:30 · 361 阅读 · 0 评论 -
学一学css的重排和重绘
一、HTML渲染页面过程浏览器获取到html代码解析成DOM树:html中每一个tag都是DOM中的一个子节点,根节点就是document对象。DOM树里包含了所有的html标签,包括display:none隐藏的标签、js动态添加的元素等浏览器整理样式:首先解析所有样式(用户自定义的和用户代理的),解析成样式结构体,再解析的过程中会去掉浏览器不能识别的样式,比如ie去掉-moz开头的样式,firefox去掉-ms开头的样式等DOM树 + 样式结构体 组合成 render树:render树类似DOM原创 2021-03-09 17:57:34 · 244 阅读 · 0 评论 -
ajax+axios
ajax一、什么是ajax?ajax作用是什么?ajax全称是Asynchronous javascript and xml(异步javascript和XML),是一种异步请求数据的web开发技术;对于改善用户的体验和页面性能很有帮助特点是在不需要重新刷新页面的情况下,ajax通过异步请求加载后台数据,并在网上呈现出来;目的是提高用户体验,减少网络数据的传输量,由于ajax请求的是数据而不是html文档,节省了网络带宽,让用户浏览体验更顺畅二、ajax的原理是什么?ajax相当于在用户和服务器之间原创 2021-03-08 21:22:19 · 361 阅读 · 0 评论 -
vue-面试题
一、对MVVM的理解MVVM是Model-View-ViewModel的简写,是一个软件架构设计模式,是一种简化用户界面的事件驱动变成方式,由微软WPF和Silverlight的架构师于2005年发表的MVVM源自经典的Model-View-Controller(MVC)模式,MVVM的出现极大促进了前端开发和后端业务逻辑的分离,极大提高了前端开发的效率,其核心是ViewModel层,负责转换Model中的数据,对数据进行处理和解析,向上与视图层进行双向数据绑定,向下与数据层通过接口请求进行数据交互对原创 2021-03-06 16:05:57 · 614 阅读 · 0 评论 -
Vue路由的两种模式
后端路由1、后端渲染:jsp-java server page后端编写jsp文件代码,包含html+css+java,java代码的作用是从数据库中读取数据,并且将它动态地放在页面中。当浏览器去请求时,后端会返回已经处理好的完整的页面给前端显示。所以早期的网站开发整个HTML页面是由服务器来渲染的,服务器直接生产渲染好的对应的HTML页面,返回给客户端进行展示。2、后端路由后端处理url和页面之间的映射关系一个页面有自己对应的网址,也就是urlurl会发送到服务器,服务器会通过正则对该url进原创 2021-03-03 15:53:14 · 1121 阅读 · 1 评论 -
javascript-面试题
一、javascript的基本数据类型基本数据类型:Number、String、Boolean、undefined、null、Symbol引用数据类型:Object、Array、RegExp、Date、Function,特殊的基本包装类型(Number、String、Boolean)、以及单体内置对象(Global、Math等)二、如何判断不同的javascript数据类型typeof:typeof x ,基本类型除null返回object,其余全部返回自身的数据类型;引用类型除Function原创 2021-03-02 18:33:26 · 151 阅读 · 0 评论