前端学堂
学有所用

HTML5|CSS3

基础知识HTML5、CSS3以及在PC和H5页面的适配和兼容
css的发展现状-前端学堂

css的发展现状

前端学堂阅读(281)评论(0)赞(3)

随着前端工程化的不断完善,CSS 预处理器已经成为项目中不可缺少的部分,很多人在项目技术选型阶段就会先选择一个 CSS 预处理器,绝大部分前端工程的脚手架也内置了一系列的 CSS 预处理的模版,大家已经习惯了享受 CSS 预处理器带来的书写...

如何高效响应用户触摸动作-前端学堂

如何高效响应用户触摸动作

前端学堂阅读(326)评论(0)赞(2)

响应元素状态 您是否有过这样的经历:触摸或点按网页上的某个元素时怀疑网站是否真的检测到了您的触摸动作? 只需在用户触摸 UI 元素或与其进行交互时改变元素的颜色,用户就能基本确认网站处于工作状态。 这样做不仅能减轻用户的失望感,还能让其觉得...

media type 与media query

前端学堂阅读(220)评论(0)赞(3)

CSS link、@import共同点:都是为了加载CSS文件。 CSS link、@import不同点: Link属于XHTML标签,而@import完全是CSS提供的一种方式。link除了可以加载CSS外,还可以做很多其它的事情,比如定...

构建DOM和CSSOM-前端学堂

构建DOM和CSSOM

前端学堂阅读(313)评论(0)赞(3)

什么是DOM Document Object Model 文档对象模型 什么是DOM?可能很多人第一反应就是div、p、span等html标签(至少我是),但要知道,DOM是Model,是Object Model,对象模型,是为HTML(a...

说说http状态码和妙用-前端学堂

说说http状态码和妙用

前端学堂阅读(213)评论(0)赞(3)

  一些常见的状态码 1开头 1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。代码 说明 100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。 101 (切换协...

noopener和noreferrer

前端学堂阅读(474)评论(0)赞(2)

ESLint的确是个好东西,在使用airbnb的JavaScript语法校验工具时,如下的<a>链接标签报出了安全错误: <a className="link" href="http://www.honeywell.com...

Shadow DOM简单了解-前端学堂

Shadow DOM简单了解

前端学堂阅读(295)评论(0)赞(4)

你有好奇过这个问题吗,为什么只用video标签包裹着source标签,就可以完成一系列视频功能:播放/暂停按钮、进度条、视频时间显示、音量控制等等?既然 DOM 源码这么干净,你有想过实现这些组件的代码是从哪儿来的吗? 1. 简介 Shad...