xhysns

2019年1月11日

摘要：最近用原生js做项目练手，自己尝试做了下，可以直接复制代码看效果 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>滑入滑出</title> 6 <style> 7 #dv1 { 8 height: 0px; 阅读全文

posted @ 2019-01-11 03:17 xhysns 阅读(2551) 评论(0) 推荐(0)

2018年12月23日

javascript：用原生js模拟贪吃蛇游戏练习

摘要：本次练习所有的代码：可以直接复制全部然后运行看效果~ 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>title</title> 6 <style> 7 .map { 8 width: 8 阅读全文

posted @ 2018-12-23 15:19 xhysns 阅读(546) 评论(0) 推荐(2)

2018年12月3日

阅读css官方参考手册的关键点

摘要：本文参考https://www.w3.org/TR/2011/REC-CSS2-20110607/about.html#property-defs 相信大家写css代码的时候看过如下的提示，一大串的英文，英文水平不好的童鞋可能就懵逼了，其实仔细看都是css的属性值~ 这里不是说要说具体怎么阅读官方文阅读全文

posted @ 2018-12-03 14:50 xhysns 阅读(220) 评论(0) 推荐(0)

2018年11月25日

翻滚吧骰子！——flex布局加css3动画综合练习

摘要：我们需要实现的效果如链接https://codepen.io/shug0/pen/XJJGeW。这里面的代码直接复制过来是会报错的，运行也不正常。。还是第一次见选择器里面还能包含其他的选择器的方式，所有用自己的方式写一遍，详细代码如下： html部分： <!DOCTYPE html> <html 阅读全文

posted @ 2018-11-25 23:24 xhysns 阅读(499) 评论(0) 推荐(0)

flexible box布局微博客户端发现页面练习

摘要：大致效果图如下，原视频练习在https://www.bilibili.com/video/av17842686?，有附带源码和相关图片文件~大家也可以拿来练练手这次写的是移动端页面，需要加上以下代码适配screen：另外这次尝试了基本上一次到位的命名方式，感觉也比一个个类叠加省事多了，在实际项目阅读全文

posted @ 2018-11-25 18:27 xhysns 阅读(263) 评论(0) 推荐(0)

公告