方法一： <div class="bg" >//遮罩层 <div class="point"> <div class="pop"></div> //内容区 </div…

1.清浮动问题解决 2.css3新特性 3.es6新特性 4.html5新特性（标签语义化） 4.性能优化 5.移动端自适应 6.element源码 7.vue源码 8.跨域 9.正则表达式 10.this指向问题 11…

（前几天面试，被问到两次，没答好，找到这篇文章收藏学习一下 ，来自这里） 做手机的页面，经常会遇到需要垂直居中的情况，这里把常用的 垂直居中的几种方法 整理下。 结构 <div class="box box1"&g…

1.从用户角度来说，优化能让页面加载的更快，对用户的操作能及时的响应，能提升用户的更好的体验效果。2.从服务商的角度来说，优化能解决页面的请求次数，或者减少请求所带来的带宽。前端优化的方式有很多，主要可以分为两大类；第一…

作为前端写了很多页面布局，但是浮动这块一直是我似懂非懂的盲点，一方面用浮动能实现很多布局，另一方面浮动造成的影响又会破坏布局让人头疼，所以今天就特地写篇博文解决这块盲点。 本文主要讨论以下几个问题：1.浮动的原始用途2.…

代码优化 这个部分仅仅将代码优化本身,不考虑性能,关于代码部分的性能优化在 页面渲染 部分 代码优化 中 HTML+CSS 符合 XHTML 规范: 小写,正确嵌套,必须关闭; 双引号,合理缩进,utf-8编码; 标签语…

上一篇文章简要的介绍了一下http协议，这次再介绍一下WebSocket协议，两者之间有很大的区别，WebSocket协议是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 简单的理解一下什么是双…

屏幕阅读器的两种方式：1.读角色名；2.轻松识别的声音 一般，如果配置正确，屏幕阅读器一般会有Role，Name（lable），State，Value 控件的文字绑定：放入<lable>标签或<labl…

    最近项目一直在迭代更新，没有什么新的东西做，所以拿出来一个搜索的小模块分享下，功能就是输入关键字能出来相关字的联想吧，删除一些字的时候顺带可以保存上一段的联想，从外观上来看…

今天有个奇葩需求：让纯文本文字换行输出？ what？几年没用过这个标签了..当时用的时候还是初学的时候。。。当时嫌弃空格什么要转义麻烦。。。 <pre> HTML <pre> 元素表示预定义格式文…

响应式-@media 响应式就是一个网站能够兼容多个终端—而不是为每个终端做一个特定的版本（响应式开发一套界面）；随之而来的就是我们熟知的自适应，自适应设计指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术（需…

html部分: <template> <div class="box" @click="showSetting"> <div class="settingCon" @click="setti…