自 1995 年 JavaScript 诞生之初,就包含了 3 个方法 alert()、confirm() 和 prompt()。在随后的 Chrome 版本中,Chrome 团队一直在修改原生弹窗的表现。 但是这种阻断…
标签:css3
50行代码搞定弹幕效果
前言 就在最近这几年,弹幕这个东西慢慢地流行了起来。我们在网上看视频或者看直播都能见到弹幕的身影,有时候弹幕的内容甚至比视频本身内容还要精彩。本人也是很喜欢弹幕这个东西,看到精彩处刷个弹幕都是常事。正好最近也比较空闲,于…
紧贴底部的页脚
前言 在写前端页面时,经常会遇到这种情况:有一个具有块级样式的页脚,当页面内容足够长时它一切正常;有的时候,由于页面长度不够,页面底部的页脚会很尴尬的跑上来;页脚不能像我们期望中那样“紧贴”在视口的最底部,而是紧跟在内容…
用css3做一个求婚小动画
首先放张效果图 github地址 然后一步步分析一下 首先是刚出现的新郎的动画 .w-m img{ margin-right: 0; float: right; margin-top: 60px; animation: …
把图标转成web字体
对字体大家一定不陌生一般使用Font-family: Georgia, SimSun, “宋体”设置字体。字体主要使用两种:衬线和非衬线,但这不是我们这章的主要内容。这章要说的是如何把自己设计的icon转成font,在网…
CSS display 属性详解
display的所有属性 {/* CSS 1 */ display: none; display: inline; display: block; display: list-item; /* CSS 2.1 */ di…
CSS进阶篇--你用过css3的这个currentColor新属性吗?使用与兼容性
currentColor顾名思意就是“当前颜色”,准确讲应该是“当前的文字颜色”,例如: .xxx { border: 1px solid currentColor; } currentColor表示“当前的标签所继承的…
你知道koa中间件执行原理吗
前言 原文地址 最近几天花了比较长的时间在koa(1)的源码分析上面,初次看的时候,被中间件执行那段整的晕乎乎的,完全不知道所以,再次看,好像明白了些什么,再反复看,我去,简直神了,简直泪流满面,简直丧心病狂啊!!! &…
div 底部固定方法(不用position定位)
方法一:全局增加一个负值下边距等于底部高度 <style> html, body { height: 100%; margin: 0; } .content { padding: 20px; min-heig…
移动端两端对齐 + 图片宽度自适应
自适应四宫格 有这样一张设计稿,左右两边白色间距为4px,中间间距为10px,每一行的两张图是等宽的(即平分去掉间距后的宽度) 有一种方法是和设计师商量,把所有的具体尺寸改为百分比尺寸。。这个布局不太好写的主要原因是,在…
前端面试题(中)
来自妙味的一套面试题,以下答案来自JS讲师的现场上课记录! 一、选择题 1、分析下段代码输出结果是( B ) var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i < a…
论低于 12px 字体处理方案
浏览器可渲染的最小字号为 12px,但设计图上经常出现小于该值的字体。对于 11px 我往往就按 12px 处理了,可 9px 这样的超小字号处理成 12px 绝对太不地道啊。大家可能都知道通过 transform: s…