2018年8月2日
jQuery-DOM节点插入总结
摘要： 添加节点的jquery方法： append()、prepend()、appendTo() 、prependTo() 插入节点的jquery方法： after() 、before() 、insertBefore() 、insertAfter() 举个例子来说明以上几种方法的用法： html例子: <n 阅读全文
posted @ 2018-08-02 22:11 caseywei 阅读(210) 评论(0) 推荐(0)
DOM之元素与节点的区别
摘要： 在 HTML DOM （文档对象模型）中，每个部分都是节点： 文档本身是文档节点 所有 HTML 元素是元素节点 所有 HTML 属性是属性节点 HTML 元素内的文本是文本节点 （包括回车符也是属于文本节点） 注释是注释节点 Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。 阅读全文
posted @ 2018-08-02 22:02 caseywei 阅读(503) 评论(0) 推荐(0)
2018年8月1日
jQuery练习题
摘要： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>jq获取鼠标的位置</title> <style> div{ width: 500px; height: 500px; background-color: #5 阅读全文
posted @ 2018-08-01 23:20 caseywei 阅读(516) 评论(0) 推荐(0)
2018年7月31日
jQuery基础
摘要： 学习笔记： 学习笔记： jQuery库本质上还是JavaScript代码，它只是对JavaScript语言进行包装处理，为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能，jQuery是一个类数组对象，而DOM对象就是一个单独的DOM元素。 jQuery库本质上还是JavaScript代码， 阅读全文
posted @ 2018-07-31 16:32 caseywei 阅读(161) 评论(0) 推荐(0)
2018年7月30日
px、em和rem三者区别
摘要： px 像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 特点： 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏 阅读全文
posted @ 2018-07-30 16:46 caseywei 阅读(263) 评论(0) 推荐(0)
2018年7月29日
当子元素全部浮动时如何解决父元素无法撑开
摘要： 问题描述： 在我们让元素浮动的时候，它就会离开原来的文档流，将它原先占有的空间释放。 打个比方，父元素就如一个有伸缩性的容器，而子元素就如一个气球。当没有设置容器的高宽时，他的高宽完全是被装在里面的气球撑开的，当子元素浮动时候，就像气球从容器里飘了出来，飘在了他的上方。而此时容器也就空了，由于伸缩性 阅读全文
posted @ 2018-07-29 21:46 caseywei 阅读(517) 评论(0) 推荐(0)
2018年7月28日
前端PS切图技巧（二）
摘要： 之前介绍了传统的切图技巧，主要用于切多张图片的时候，但很多时候我们可能只需要切一两张图标，如果还用传统的方法就会很繁琐，所以这次分享一种导出单个图标的方法。 没有psd文件的，我这里准备了一份，需要的可以去下载 psd练习文件 (和之前的一样) http://pan.baidu.com/s/1pL2 阅读全文
posted @ 2018-07-28 19:47 caseywei 阅读(308) 评论(0) 推荐(0)
前端PS切图技巧（一）
摘要： UI给我们设计图的时候都会有一份设计原稿psd文件，有的公司可能UI会把需要的图标给切好，更多时候是需要我们自己来切的。而且，有的时候可能需要的东西UI没有切出来，你就要去是去找UI切好了再发给我们，这个过程就变得很麻烦，所以不如自己学一些切图方法 没有psd文件的，我这里准备了一份，需要的可以去下 阅读全文
posted @ 2018-07-28 19:19 caseywei 阅读(1120) 评论(0) 推荐(0)
2018年7月27日
CSS实现各种方向三角形
摘要： 我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法 代码如下: #triangle-up { width: 0; 阅读全文
posted @ 2018-07-27 22:03 caseywei 阅读(2034) 评论(1) 推荐(0)
CSS盒子模型+如何使用CSS实现三角形
摘要： 盒子模型 前言 盒子模型，英文即box model。无论是div、span、还是a都是盒子。 但是，图片、表单元素一律看作是文本，它们并不是盒子。这个很好理解，比如说，一张图片里并不能放东西，它自己就是自己的内容。 盒子中的区域 一个盒子中主要的属性就5个：width、height、padding、 阅读全文
posted @ 2018-07-27 21:47 caseywei 阅读(1995) 评论(0) 推荐(0)