绿岛之北

好读书，不求甚解；每有会意，便记下笔记。

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

随笔分类 -  HTML5

获取网页滚动的高度
摘要：自己平时写代码没有注意到这些，但是在看别人源码的时候，发现一段注释：pageYOffset has better support than scrollTop，于是突然来了兴趣，也搜索尝试一番，如下是自己的总结。 有四种方式来获取网页向上滚动的距离： window.scrollY window.pa 阅读全文

posted @ 2017-06-26 00:37 绿岛之北 阅读(465) 评论(0) 推荐(0) 编辑

通过SVG与CSS3实现向上图标
摘要：需求 H5活动页需要用的图标很少，暂时没有使用iconfont的必要性，而通过图片的话额外增加UI的工作量以及增加请求数，前端也有很多实现简单图标的方法，所以就尝试自己去解决，写一个“返回顶部”的小图标。 最终效果 SVG 先在纸上画一个坐标系，然后计算出大致每个点所在的坐标就可以通过path做一条 阅读全文

posted @ 2017-05-18 14:48 绿岛之北 阅读(321) 评论(0) 推荐(0) 编辑

【译】2017年要学习的三个CSS新特性
摘要：这是翻译的一篇文章，原文是： "3 New CSS Features to Learn in 2017" ，翻译的不是很好，如有疑问欢迎指出。 新的一年，我们有一系列新的东西要学习。尽管CSS有很多新的特性，但有三个特性令我最激动并进行学习。 1. Feature Queries（特性查询） 在这之 阅读全文

posted @ 2017-01-19 18:48 绿岛之北 阅读(933) 评论(1) 推荐(2) 编辑

纯CSS3实现不错的表单验证效果
摘要：这是补充HTML5基础知识的系列内容，其他为： "一、HTML5 新的结构元素" "二、HTML5 figure、time、details、mark" "三、HTML5 details活学活用" "四、HTML5 现存元素的变化" "五、HTML5 Web表单" 今天继续学习Web表单相关的内容，不 阅读全文

posted @ 2017-01-18 00:45 绿岛之北 阅读(5246) 评论(1) 推荐(6) 编辑

读书笔记：《HTML5开发手册》Web表单
摘要：这是补充HTML5基础知识的系列内容，其他为： "一、HTML5 新的结构元素" "二、HTML5 figure、time、details、mark" "三、HTML5 details活学活用" "四、HTML5 现存元素的变化" "五、HTML5 Web表单" 在之前的笔记中记录了HTML5标签元 阅读全文

posted @ 2017-01-14 14:09 绿岛之北 阅读(1403) 评论(0) 推荐(0) 编辑

读书笔记：《HTML5开发手册》--现有元素的变化
摘要：这是补充HTML5基础知识的系列内容，其他为： "一、HTML5 新的结构元素" "二、HTML5 figure、time、details、mark" "三、HTML5 details活学活用" "四、HTML5 现存元素的变化" "五、HTML5 Web表单" 继续学习HTML5语义化的内容，今天 阅读全文

posted @ 2017-01-12 22:58 绿岛之北 阅读(653) 评论(0) 推荐(0) 编辑

HTML5--details活学活用
摘要：这是补充HTML5基础知识的系列内容，其他为： 一、HTML5-- 新的结构元素 二、HTML5-- figure、time、details、mark 三、HTML5-- details活学活用 四、HTML5-- 现存元素的变化 五、HTML5 -- Web表单 在上一篇随笔读书笔记：《HTML5 阅读全文

posted @ 2017-01-09 00:39 绿岛之北 阅读(2358) 评论(0) 推荐(1) 编辑

读书笔记：《HTML5开发手册》--figure、time、details、mark
摘要：这是补充HTML5基础知识的系列内容，其他为： "一、HTML5 新的结构元素" "二、HTML5 figure、time、details、mark" "三、HTML5 details活学活用" "四、HTML5 现存元素的变化" "五、HTML5 Web表单" 周日继续读《HTML5开发手册》，并 阅读全文

posted @ 2017-01-08 13:51 绿岛之北 阅读(822) 评论(0) 推荐(2) 编辑

H5实现摇一摇技术总结
摘要：摇一摇遇到的问题 一、如何对摇晃效果进行反馈 刚开始的处理方式是，摇晃过程中不做任何处理，但后来反馈说这种效果不好，好像就没有摇动一样，如果声音也不响的话，就真的和什么都没发生一样。 后来想了想，加入摇晃过程动画，就像微信的摇一摇一样，摇晃过程中，会有上下移动的动画，这里加入了周围金币做跳跃运动的动 阅读全文

posted @ 2017-01-07 15:43 绿岛之北 阅读(1957) 评论(2) 推荐(2) 编辑

读书笔记：《HTML5开发手册》--HTML5新的结构元素
摘要：这是补充HTML5基础知识的系列内容，其他为： "一、HTML5 新的结构元素" "二、HTML5 figure、time、details、mark" "三、HTML5 details活学活用" "四、HTML5 现存元素的变化" "五、HTML5 Web表单" 虽然从事前端开发已有很长一段时间，对 阅读全文

posted @ 2017-01-06 11:02 绿岛之北 阅读(1422) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示