摘要:
最近有一个工作需求是曝光埋点,让我得以有机会接触相关的东西。之前实习时没有做过这方面的需求,个人项目更是和埋点扯不上关系。以至于上周开会讨论时听到“埋点”这个词就怂了。 不过后面听大佬分析了下后才意识到,原来“埋点”是这个意思。曝光埋点的思路也是很简单:无非是判断某个DOM是否出现在视窗中,出现了就 阅读全文
摘要:
随着Golang的日益普及,它是否取代Python?接下来让我们一起看看Go的优点,以及它与Python的区别。 在Web开发的世界里,敏捷才是王道。使用更少的费用和资源来更快地完成网站和网络应用,从而获得更多的竞争优势。此外,他们不仅希望快速完成Web开发,对可用性和用户体验的要求也很高。 这需要 阅读全文
摘要:
所有css都支持几个全局属性值,分别是: inherit , initial 和 unset 。其中 inherit 是继承的意思,IE8(标准版)开始支持,不是从IE9开始支持的,网上一些文档是错误的。 inherit 是非常好用的一个css属性。 例如: input, textarea { fo 阅读全文
摘要:
层叠性: 如果一个属性通过两个相同选择器设置到同一个元素上,相同的属性就会出现冲突,那么这个时候一个属性就会将另一个属性层叠掉,采用的是就近原则 继承性: 子标签会继承父标签的某些样式 一般以font,line,color,text,list,都能继承 备注 : a标签不能继承字体颜色,h标 阅读全文
摘要:
自从接触前端软件开发以来,我发现开发猿一直在努力征服着css。 理由也很充分,开发人员是用逻辑思考的生物。添加一个div元素导致所有代码都不得不往下移一行,而另一个div“浮”到左侧,感觉没有任何意义。 你也一定听到过开发人员的抱怨:“我们只需要向左边移动五个像素,但是…天哪!为什么整个都向下移动了 阅读全文
摘要:
什么是选择器?选择器{样式;},在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素,类似这样body{color: pink;font-size: 16px;}; :标签选择器其实就是html代码中的标签,比如<html>、<body>、 阅读全文
摘要:
一、资源 先提供资源。如果我弄错了什么,请以这些文档为准: W3C文档、IANA已登记的子标签、BCP 47、RFC 5646。 二、格式简介 先上一张图片: 一个Language Tags,由①到⑦一共四个子标签组成。有什么盘算不清楚的,请参考资源部分提供的文档。 三、各部分含义 ①languag 阅读全文
摘要:
引言 对于面试常问的从浏览器输入 URL 到页面渲染过程发生了什么?,我想大家都或多或少能说出一二。但是,其实这个问题很有深度,而你是否回答的有深度,在很大程度上会影响到面试官对你的印象。 并且,网上各种资料都是带浅尝辄止地讲解这个过程,经常会出现今天看到这个版本,明天看到另一个版本地情况。所以,现 阅读全文
摘要:
1.提交按钮sumbit <input type="image" src="图片路径"> type="image"默认是sumbit,不用再添加onclick事件提交,否则会发生表单被提交两次的情况。 2.重置按钮reset <input type="image" src="图片路径" onclic 阅读全文
摘要:
场景是这样的: 点击输入框失去焦点会触发验证方法,点击提交按钮的时候也会触发验证方法,如果用户点击输入框后点击提交按钮就会同时触发失去焦点方法和提交按钮方法,这样就会触发两次验证。 我想写成只触发一次验证,在开发过程中我发现:在移动端当失去焦点和点击事件同时发生的时候,会先执行失去焦点事件,然后再执 阅读全文
摘要:
css选择器中:first-child与:first-of-type是比较容易混淆的概念,这里用案例介绍它们具体的区别。 :first-child 选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: <div> <p>第一个子元素</p> <h1>第二个子元 阅读全文
摘要:
错误一、转件所谓“应该能行”的代码 错误:无论是JavaScript,还是在服务器上运行的代码,开发人员都需要测试并确认它是否可以正常工作,而不是在部署了之后,就认为它应该就能从一而终地运行。 影响:不经过适当错误检查的网站就是对最终用户耍流氓。不仅会极大地影响用户体验,而且其错误消息内容的类型可能 阅读全文
摘要:
方式一:值相加 我们先去MDN看看官方的解释: 优先级是如何计算的?优先级就是分配给指定的 css 声明的一个权重,它由 匹配的选择器中的 每一种选择器类型的 数值 决定。 而当优先级与多个 css 声明中任意一个声明的优先级相等的时候,CSS 中最后的那个声明将会被应用到元素上。 当同一个元素有多 阅读全文
摘要:
按钮(button)可能是网页中最常见的组件之一了,大部分都平淡无奇,如果你碰到的是一个这样的按钮,会不会忍不住多点几次呢? 通常这类效果第一反应可能就是借助canvas了,比如下面这个案例(建议去codepen原链接访问,segmentfault内置的预览js会加载失败) 效果就更加震撼了,当然c 阅读全文
摘要:
1、先讲结论 border-radius 这个 css 属性大家应该使用得非常娴熟,现实中用到的场景基本都是四个圆角一致的情况。 比如实现一个圆形按钮,其中 border-radius 数值有些人写为 50%,有些人则写成 100%,不过你会发现两者效果是一样的: 测试 html 代码如下: <st 阅读全文
摘要:
html5中的video标签用于播放视频文件的,在video标签中我们可以设置窗口的宽高,视频的自动播放,循环播放以及视频的封面图片等等 html5是下一代HTML,新增了许多新的标签,这些标签实现了许多新的功能。并且还减少了对外部插件的要求同时也可以更好的处理错误。比如HTML5中的video标签 阅读全文
摘要:
CSRF绕过后端Referer校验分正常情况和不正常的情况,我们这里主要讨论开发在写校验referer程序时,不正常的情况下怎么进行绕过。 正常情况 正常的情况指服务器端校验Referer的代码没毛病,那么意味着前端是无法绕过的。 我之前考虑过的方案: js修改Referer,失败; 请求恶意网页后 阅读全文
摘要:
动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的次数。请用百分比来规定变化发生的时间,或用关键词 "from" 和 "to",等同于 0% 和 100%。 css3的animation直接提供一个animation-play-state的样式来控制动画的暂停处理。增加 阅读全文
摘要:
css让图片铺满的方法:可以使用background-size:cover样式设置背景图片铺满。background-size属性规定背景图像的尺寸。 豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com 豌豆资源搜索网站https://55 阅读全文
摘要:
单进程问题 不稳定,插件崩溃浏览器就崩溃 不流畅,脚本执行会让页面卡顿,内存泄漏也会导致浏览器变慢 不安全,恶意插件和恶意脚本容易获取系统权限作恶 多进程优点 进程隔离,插件或者页面崩溃不会导致其他页面崩溃 页面隔离,即使 js 阻塞了渲染进程,影响到的也只是当前的渲染页面,而并不会影响浏览器和其他 阅读全文