浏览器工作原理学习笔记
DOM:渲染引擎解析 HTML 文档,构建 DOM Tree,Computed Style:解析对应的 CSS 样式信息,生成 document.styleSheets,计算 DOM 样式,布局(reflow/layout):计算布局信息,生成布局树 LayoutTree
时间: 2020-01-11阅读: 110标签: 浏览器
CSRF绕过后端Referer校验
CSRF绕过后端Referer校验分正常情况和不正常的情况,我们这里主要讨论开发在写校验referer程序时,不正常的情况下怎么进行绕过。
时间: 2020-01-07阅读: 97标签: csrf
video标签的属性
HTML5是下一代HTML,新增了许多新的标签,这些标签实现了许多新的功能。并且还减少了对外部插件的要求同时也可以更好的处理错误。比如HTML5中的video标签就可以很好的实现了在页面上播放视频的效果。
时间: 2020-01-07阅读: 93标签: 标签
简写的 border-radius 100% 和 50% 是等效的
border-radius 这个 css 属性大家应该使用得非常娴熟,现实中用到的场景基本都是四个圆角一致的情况。比如实现一个圆形按钮,其中 border-radius 数值有些人写为 50%,有些人则写成 100%
时间: 2020-01-07阅读: 78标签: 样式
CSS实现一个粒子动效的按钮
按钮(button)可能是网页中最常见的组件之一了,大部分都平淡无奇,如果你碰到的是一个这样的按钮,会不会忍不住多点几次呢?通常这类效果第一反应可能就是借助canvas了
时间: 2020-01-06阅读: 99标签: 动效
web前端新手最容易出现的4个错误
错误:无论是JavaScript,还是在服务器上运行的代码,开发人员都需要测试并确认它是否可以正常工作,而不是在部署了之后,就认为它应该就能从一而终地运行。
时间: 2020-01-05阅读: 78标签: 错误
css选择器中:first-child与:first-of-type
css选择器中:first-child与:first-of-type是比较容易混淆的概念,这里用案例介绍它们具体的区别。:first-child 选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。
时间: 2020-01-04阅读: 108标签: 选择器
表单提交type=submit和type=image的区别
type=image默认是sumbit,不用再添加onclick事件提交,否则会发生表单被提交两次的情况;在onclick事件中添加重置方法
时间: 2020-01-03阅读: 117标签: 表单
CSS开发中的十大错误用法
自从接触前端软件开发以来,我发现开发猿一直在努力征服着CSS。 理由也很充分,开发人员是用逻辑思考的生物。添加一个DIV元素导致所有代码都不得不往下移一行,而另一个DIV“浮”到左侧,感觉没有任何意义。
时间: 2020-01-02阅读: 115标签: 错误
CSS inherit是继承,那initial和unset呢?
所有CSS都支持几个全局属性值,分别是: inherit , initial 和 unset 。其中 inherit 是继承的意思,IE8(标准版)开始支持,不是从IE9开始支持的,网上一些文档是错误的。
时间: 2020-01-01阅读: 79标签: 继承
开发Web应用,Go语言比Python更有优势!
随着Golang的日益普及,它是否取代Python?接下来让我们一起看看Go的优点,以及它与Python的区别。在Web开发的世界里,敏捷才是王道。使用更少的费用和资源来更快地完成网站和网络应用,从而获得更多的竞争优势。
时间: 2020-01-01阅读: 116标签: 应用
前端埋点之曝光实现
最近有一个工作需求是曝光埋点,让我得以有机会接触相关的东西。之前实习时没有做过这方面的需求,个人项目更是和埋点扯不上关系。以至于上周开会讨论时听到“埋点”这个词就怂了。
时间: 2020-01-01阅读: 108标签: 埋点
如何构建可伸缩的Web应用?
想象一下,你的营销活动吸引了很多用户,在某个时候,应用必须同时为成千上万的用户提供服务,这么大的并发量,服务器的负载会很大,如果设计不当,系统将无法处理。接下来发生的就是,随机错误、缓慢的内容加载
时间: 2019-12-31阅读: 104标签: 应用
Chrome浏览器语音自动播放功能
Chrome浏览器为了屏蔽带声音的骚扰广告,从66版本后不再允许自动播放语音,我做的项目需要实时语音提示报警信息,网上搜索了好久都说不再支持自动播放,知道碰到一个大神提供建议设置Chrome浏览器允许声音自动播放:
时间: 2019-12-31阅读: 119标签: 浏览器
你可能不知道的CSS 计数器
CSS 里面的伪元素其实是非常好用的,但是经常容易被大家忽略,伪元素里面常用到的 content 属性,可能现在很多人仅仅以为 content 属性的值只支持字符串,除了字符串外常用到的还有 uri、counter ,今天所要介绍的就是 conter(计数器)。
时间: 2019-12-30阅读: 81标签: 伪元素