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