摘要：
前言 XSS 自动点按钮有什么危害？ 在社交网络里，很多操作都是通过点击按钮发起的，例如发表留言。假如留言系统有 XSS，用户中招后除了基本攻击外，还能进行传播 —— XSS 自动填入留言内容，并模拟点击发表按钮，于是就能发布带有恶意代码的留言。好友看了中招后，又传播给他们的好友。。。从而形成蠕虫扩 阅读全文
摘要：
弹性布局的名称概念： 1、容器：需要添加弹性布局的父元素；项目：弹性布局容器中的每一个子元素，称为项目。 2、主轴：在弹性布局中，我们会通过属性规定水平/垂直方向（flex-direction）为主轴；与主轴垂直的另一方向，称为交叉轴。 弹性布局的重要的几大基础属性： 1、flex-directio 阅读全文
摘要：
无规矩不成方圆，软件开发当然不能例外。Web开发涉及的厂商和技术非常多，所以必须要有参考的标准，而且需要一系列的标准。Web程序都是通过浏览器来解析执行的，通过页面的展示内容与用户互动，所以Web标准不仅要求各个浏览器都要遵循，开发者一样要遵循相同的标准。而似乎和Web相关标准的制作组织机构很多，例 阅读全文
摘要：
原理：大致原理都是使用原生的checkbox或input标签，在其后面设置相关联的label元素。给<input>元素设置为透明，然后通过定位让用户看到的是<label>元素，利用css的原生属性来判断用户的操作，设置选中后的label样式,即 input[type=checkbox]:checke 阅读全文
摘要：
当我们学习css时，我们大多数人学到的第一件事是css中盒子的各个部分的细节，这部分通过叫做 CSS盒、模型。“盒模型”中的元素之一是margin，即盒子周围的透明区域，它会将其他元素从盒子内容中推开。 CSS1中描述了 margin-top、margin-right、margin-bottom和m 阅读全文
摘要：
1. 问题由来 在做两款H5的APP项目，前期采用微信官方推荐的weui组件库。后来因呈现的效果不理想，组件不丰富，最终项目完成后全部升级采用了有赞开发的vant组件库。同时将webpack顺利从3升级到4（项目结构 webpack+vue+vuex+vue-router+vant+less）。相信 阅读全文
摘要：
是这样的需求，有一个web页面，里面图片的上传和预览来自于一个独立的文件服务器，对http的请求需要进行访问权限的设置，就是在请求的header里加一个Authorization的字段。上传好说我用的Axios直接添加一个header就行了，但是预览就比较麻烦了，因为img这个标签图片下载展示是浏览 阅读全文
摘要：
当一个页面使用了iframe作为嵌套时，如何想要将父页面的数据传给iframe子页面，那iframe所指向的呢个子页面是怎么获取呢，又或者子页面的数据要给父页面使用，那么父页面又如何获取子页面的数据呢？下面根据这种情况作了一个简单的demo案例： 父页面是parentPage.html，子页面是ch 阅读全文
摘要：
Docker中部署tomcat相信大家也都知道，不知道的可以google 或者bing 一下。这里主要是为了记录在我们启动容器之后，tomcat需要直接定位到网站信息，而不是打开域名之后，还得加个blog后缀才能访问到我们的网站首页。 Docker exec -it [容器id] bash 进到/u 阅读全文
摘要：
1、实现不等宽背景条纹 实现如上图所示的效果，代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> .cont{ width: 500px; height: 200px 阅读全文
摘要：
具体需求： 有一个登陆页面， 上面有2个textbox, 一个提交按钮。 请针对这个页面设计30个以上的test case. 此题的考察目的： 面试者是否熟悉各种测试方法，是否有丰富的Web测试经验， 是否了解Web开发，以及设计Test case的能力，这个题目还是相当有难度的， 一般的人很难把这 阅读全文
摘要：
本文介绍在html中使用 pdfjs插件在线预览PDF文件的方法。 下载 pdfjs 并引入项目中 到PDFJS官网 http://mozilla.github.io/pdf.js/getting_started/#download,下载pdfjs插件包，注意下载Stable稳定版的包。将下载的压缩 阅读全文
摘要：
前端 index.html <!DOCTYPE html> <html> <head> <script src="jquery-3.4.1.js"></script> <meta charset="utf-8" /> <title>Ajax提交form</title> <script type="t 阅读全文
摘要：
长度单位 像素 px 百分比 % em - 像素是我们在网页中使用的最多的一个单位，* 一个像素就相当于我们屏幕中的一个小点，* 我们的屏幕实际上就是由这些像素点构成的* 但是这些像素点，是不能直接看见。* - 不同显示器一个像素的大小也不相同，* 显示效果越好越清晰，像素就越小，反之像素越大。 - 阅读全文
摘要：
前言 最近我正在公司做一个中后台管理系统的前端框架搭建工作，虽然说公司已经有现成的中后台框架可供选择，但是并不特别适合我们部门的项目，因此在借鉴原有框架的基础上融入了我的一些个人想法和思考在里面。 这篇文章便主要来谈谈在架构一个中后台系统的前端部分上我的实践点。 技术选型 不管是前端抑或后端，从零开 阅读全文
摘要：
效果 效果图如下，纯css实现超酷炫的星级评分动画效果 实现思路 5个类型为radio的input，label标签修改样式背景图为星星 label标签给每个星星鼠标停留时加注名字 点击星星有放大旋转的动画 dom结构 用form实现 <form> <div class="star"> <input 阅读全文
摘要：
meta元素有4个属性：name、http-equiv、content、charset.meta标签通过name属性来表述页面文档的元信息，通过http-equiv属性设置http请求指令，通过charset设置页面的字符编码。按照属性设置分类，meta可以分为三类: name属性和content属 阅读全文
摘要：
前言 该篇文章会为您分享在前端性能优化中非常重要的一环-白屏时间，将从白屏时间的概念、重要性以及白屏的过程一一进行阐述，同时提供性能优化的策略与实践。 一、概念 白屏时间：即用户点击一个链接或打开浏览器输入URL地址后，从屏幕空白到显示第一个画面的时间。 白屏时间的长短将直接影响用户对该网站的第一印 阅读全文
摘要：
基本概念 有信息交换就会产生编码、传输、解码三个过程。编码是信息从一种形式转变成另一种形式的过程，正如人类的语言通过声带编码，转换成声波。解码是编码的逆函数，耳膜接收声波，通过脑神经解码成人类文化所能理解的信息。字符集是一种文化上下文下的所有文字符号集合，它的作用是规定了某个文化下的所有字符，以及该 阅读全文
摘要：
转换 改变元素在页面中位置，大小，角度以及形状的一种方式 2D转换：只在x轴和y轴上发生转换效果 3D转换：增加了z轴的转换效果 一、转换属性 transform 取值： （1）none，默认值，无任何转换效果 （2）transform-function 一个或多个转换函数，多个的话，中间用空格隔开 阅读全文