前端
Zayn17
这个作者很懒,什么都没留下…
展开
-
font-spider 使用以及遇到的问题(Cannot read property 'dirname' of undefined)
字蛛是一个中文字体压缩器,可以压缩字体文件,从而解决加载缓慢的问题。这里直接贴官方链接,里面有使用说明,这里就不描述啦。字蛛官网说一下遇到的问题,Cannot read property ‘dirname’ of undefined文件路径问题,我首先确认了自己用的是相对路径,那问题在哪?我本来的打算是压缩 azhong.TTF,所以只对这个文件进行处理,但是问题就在于这里,查看说明...原创 2019-12-03 11:58:50 · 3064 阅读 · 2 评论 -
进入页面,页面滑动进入效果(自适应)
基于jQuery和bootstrap的动画效果第一步 修改页面布局,使页面内容移出可视领域 #profile{ position: fixed; background-color: white; margin-top: 50px; height: 500px; ...原创 2019-11-17 22:49:53 · 1350 阅读 · 0 评论 -
小知识:为何使用addEventListener方法?
《JavaScript DOM 编程艺术》笔记addEventListener是为对象添加事件处理函数的规范方法。之前使用的onclick之类的HTML-DOM的on前缀属性,是因为IE(IE及以前的版本)使用的是一个不同的attachEvent方法。而到了IE9,它支持< video >,也开始支持规范的addEventListener方法了。...原创 2019-10-23 12:03:53 · 215 阅读 · 0 评论 -
HTML5:自定义视频控件
此处出自《JavaScript DOM编程艺术(第二版)》,修改播放按钮movie.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body&g...原创 2019-10-23 12:01:58 · 1603 阅读 · 0 评论 -
Canvas: 把彩色图片变为灰度图片
此处出自《JavaScript DOM编程艺术(第二版)》要点:使用Modernizr对浏览器是否支持< canvas > 进行检测通过getImageData获取用户像素数据对用户的像素数据进行处理提示:(W3school)对于 ImageData 对象中的每个像素,都存在着四方面的信息,即 RGBA 值:R - 红色 (0-255)G - 绿色 (0-255)...原创 2019-10-23 10:31:57 · 1010 阅读 · 0 评论 -
Modernizr.js的介绍及使用
直接贴链接啦,看了好几篇讲这个的,这篇讲得相对好一些前端的瑞士军刀:Modernizr.js转载 2019-10-22 10:06:28 · 1103 阅读 · 0 评论 -
清除浮动
清除浮动通常用于展示一系列的图片或需要出现在同一行的元素。如导航栏,通过左右浮动使两个元素分别处于左右两边。这里的代码来源于黑马的前端课程。.clearfix:after{ visibility:hidden; clear:both; display:block; content:"."; height:0;}.clearfix{ *z...原创 2019-09-11 21:41:22 · 189 阅读 · 2 评论 -
动画:下划线左右伸缩
直接上图,即鼠标进入导航栏的某个选项时,出现下划线,但下划线具有伸缩动画,所以不显单调。(我不知道怎么弄动图(;´д`)ゞ)代码如下,是从中间向两边伸缩,还是从左往右,都可以自己修改。从中间向两边 *{ margin: 0; padding: 0; } div{ width: 100px; height: 50px; background-color...原创 2019-09-15 23:28:12 · 385 阅读 · 0 评论