09 2017 档案

块级元素和行内元素以及display中block、inline和inline-block的区别
摘要：块元素又名块级元素(block element)，和其对应的是内联元素(inline element)，都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始，相邻的块级元素将会在不同行显示。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全 阅读全文
posted @ 2017-09-30 20:38 陈陈陈chen 阅读(709) 评论(0) 推荐(0)
node.js的安装及配置
摘要：一、安装 直接在浏览器搜索node.js，在官网上下载（一般旧版的更加稳定，比如下载4.4.7版本） 点击DOWNLOADS 往下翻，点击Previous Release Windows下载msi（64位/32位） 根据提示一步步安装，安装之后的文件夹如下： 在cmd命令行下输入node --ver 阅读全文
posted @ 2017-09-19 21:29 陈陈陈chen 阅读(320) 评论(0) 推荐(0)
HTML+CSS+原生JS写一个简易的音乐播放器（仅播放一首歌）
摘要：用HTML+CSS+原生JS写一个简易的音乐播放器（仅播放一首歌） 效果如下：（鼠标点击按钮可以实现播放或暂停，按钮会旋转，实现了歌词同步，功能还需改进） 代码如下： 还有bug，待更新...... 阅读全文
posted @ 2017-09-16 20:32 陈陈陈chen 阅读(2846) 评论(0) 推荐(0)
jQuery之on的高级用法
摘要：委托机制 在on的第二参数中提供了一个selector选择器，简单的来描述下 参考下面3层结构 给出如下代码： 事件绑定在最上层div元素上，当用户触发在a元素上，事件将往上冒泡，一直会冒泡在div元素上。如果提供了第二参数，那么事件在往上冒泡的过程中遇到了选择器匹配的元素，将会触发事件回调函数 阅读全文
posted @ 2017-09-13 22:50 陈陈陈chen 阅读(395) 评论(0) 推荐(0)
jQuery选择器之特殊选择器
摘要：jQuery选择器之特殊选择器this 相信很多刚接触jQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？ this是JavaScript中的关键字，指的是当前的上下文对象，简单的说就是方法/属性的所有者 下面例子中，userName是一个对象，拥有name属 阅读全文
posted @ 2017-09-10 10:42 陈陈陈chen 阅读(245) 评论(0) 推荐(0)
DOM事件总结（事件处理程序的类型及浏览器的兼容性）
摘要：事件处理： 1、HTML事件处理程序 例子： 或者： 缺点：HTML与JavaScript代码紧密耦合在一起，不方便修改。 2、DOM零级处理程序 例子： 这段代码的作用是添加点击事件，若要取消点击事件，只需"btn.onclick=null;"即可。 3、DOM二级事件处理程序 定义了两个方法：a 阅读全文
posted @ 2017-09-06 17:43 陈陈陈chen 阅读(886) 评论(0) 推荐(0)
透明度的设置问题
摘要：1、透明度的样式设置： 透明度在IE浏览器和其他相关浏览器中的设置方法不太相同，IE使用filter：alpha属性，firefox使用opactiy属性； 2、原生js设置透明度 为了兼容IE与其他浏览器对透明度的设置，代码如下： 3、jQuery设置透明度 jQuery中对透明度的设置进行了整合 阅读全文
posted @ 2017-09-04 11:19 陈陈陈chen 阅读(441) 评论(0) 推荐(0)