摘要：
Web安全是前端开发人员经常忽略的主题。当我们评估网站的质量时，我们通常会查看性能，SEO友好性和可访问性等指标，而网站抵御恶意攻击的能力却常常被忽略。即使敏感的用户数据存储在服务器端，后端开发人员也必须采取重要措施来保护服务器，但最终，保护数据的责任在后端和前端之间共享。虽然敏感数据可能被安全地锁 阅读全文
摘要：
1、部分机型软键盘弹起挡住原来的视图 解决方法：可以通过监听移动端软键盘弹起 Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。参数如下。 true，表示元素的顶部与当前区域的可见部分的顶部对齐 false，表示元素的底部与当前区域的可见部分的尾部对齐 阅读全文
摘要：
由于图片是web上最流行的内容类型之一，因此网站的页面加载时间很容易成为一个问题。 即使经过适当的优化，图像也会有相当大的重量。这可能会对访问者在访问网站内容之前等待的时间产生负面影响。很有可能，它们会失去耐心，转向其他地方，除非你能想出一个不影响速度感知的图像加载解决方案。 在本文中，您将学习有关 阅读全文
摘要：
在今天，Python里有很多开发框架用来帮助你轻松创建web应用。web开发框架存在的意义就在于可以快速便捷的构建应用，而不用去在意那些没必要的技术细节(协议、报文、数据结构)。 到2020年为止，基于Python创建的的web应用已经非常多了，国外知名的有youtube.com、instagram 阅读全文
摘要：
<object>标签是一个HTML标签，用于在网页中显示音频，视频，图像，PDF和Flash等多媒体；它通常用于嵌入由浏览器插件处理的Flash页面元素，如Flash和Java项目。它还可以用于在HTML页面内显示另一个网页。 <object>标签可以和<param>标签一起使用以定义各种参数。当浏 阅读全文
摘要：
在CSS中，可以使用filter属性来模糊处理图像；filter属性用于将图像转换为模糊图像。该属性主要用于设置图像的视觉效果。 语法： filter: blur() 属性值： ● blur()：给图像设置高斯模糊，值越大越模糊。如果没有设定值，则默认是0；这个参数可设置css长度值，但不接受百分比 阅读全文
摘要：
使用场景： 1. 页面需要定时刷新，实时加载数据，需要实时查看监控数据（H5中的WebSocket和SSE可以实现局部刷新） 2. 一定时间之后跳转到指定页面（登录注册之类） 3. 前端开发使用伪数据调试html页面（修改一些js的变量值，可以自动刷新效果) 示例代码： 1. 页面自动刷新注：其中1 阅读全文
摘要：
定义和用法 z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 注释：元素可拥有负的 z-index 属性值。 注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;） 说明 该属性设置一个定位元素沿 z 轴的位置，z 阅读全文
摘要：
每次全国哀悼日，各大网站首页都变成了灰色，添加以下全局CSS样式，可以实现此效果： 方法一 html { -webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);} 阅读全文
摘要：
最近，我从 Grover网站 上发现以一个好玩儿的悬停动画，这个动画是将鼠标移动到订阅按钮上移动光标，会跟随光标实现相应的彩色渐变。这个想法很简单，但是它能使这个按钮脱颖而出，人们一下子就注意到它了，增加了点击的概率。 阅读全文