随笔分类 -  学习新技术做的Demo

学完新技术趁热打铁做的demo
CSS实现水平居中，垂直居中，水平垂直居中(强迫症福利)
摘要：前言： 在我们的平常项目里，页面布局中经常要把一些字，图，div等等居中，贴近用户的审美，我们自然也用到了很多种方法去实现，接下来我想做个系统的总结，帮助自己加深记忆，也希望能帮助到你们。 首先给出下列所有例子共有的html结构：外部div:parent+son,son是什么元素看下面具体分析 接下 阅读全文
posted @ 2020-10-19 16:13 白马过平川Z 阅读(179) 评论(0) 推荐(0)
jQuery实现元素插入文档的方法
摘要：前言 编程里我们经常要给页面增加一些元素，有些插入在元素里，有些插入在元素前后，使用jQuery当然也会遇到这些情况，那jQuery实现元素各种位置插入的api是什么呢？下面根据几个实例带着大家摸清。首先我们只有一个ul标签,ul内部还有一个li标签，接下来围绕着他展开。结构如下： <ul> <li 阅读全文
posted @ 2020-10-11 23:42 白马过平川Z 阅读(239) 评论(0) 推荐(0)
一起来用一遍常用的数组方法
摘要：前言 数组是js基本语法里重要的一环，是一种特殊的对象类型，由于它结构的特殊(使用数字来作为索引来操作元素),我们在编程中会经常用到它，它跟其他语言的数组不同的是它的每一项可以保存任何类型的数据，而且大小是可以动态调整的。当然他也有很多便捷用户操作的方法，让用户可以更简便的处理数组，这里带大家体验下 阅读全文
posted @ 2020-10-09 23:37 白马过平川Z 阅读(246) 评论(0) 推荐(0)
利用Canvas画出曲线运动的气泡
摘要：前言 最近在写一个HTML项目，里面需要实现一个效果：当鼠标移动到人物上时，冒出一些做曲线运动的气泡(静态效果见下，完整项目请浏览https://zdjzpg.github.io/html5/)，一开始确实没什么思路，在网上搜集了下资料，能差不多的写出来了，所以写个博客记录下，也希望能够帮助到其他人 阅读全文
posted @ 2020-09-22 22:50 白马过平川Z 阅读(515) 评论(0) 推荐(1)
几个Demo带你理清offsetLeft和offsetTop
摘要：前言 最近做项目或者前面的视频播放器，会很经常接触到offsetLeft和offsetTop,用的时候还是有点迷迷糊糊，所以今天做几个demo彻底理清下这两个到底根据的是谁来计算距离 一、offsetLeft和offsetTop是什么？ 首先来看MDN是怎么来介绍的：HTMLElement.offs 阅读全文
posted @ 2020-09-17 10:49 白马过平川Z 阅读(541) 评论(0) 推荐(1)
自学完H5后来写个简单的视频播放器
摘要：前言 自学了一系列HTML5后，了解了H5好多新标签，像canvas，像可以直接操作类的classList(虽然兼容性不好)，当然还有新增了众多的表单属性和控件。但最让我迫不及待的想用下的是video，audio(天天用播放器，自己做一个才快乐)，所以正好写个视频播放器来梳理下一些知识吧，也希望能给 阅读全文
posted @ 2020-09-15 22:50 白马过平川Z 阅读(690) 评论(2) 推荐(1)