摘要：之前的项目中需要一个购买数据商品并付款的功能，刚开始一直不敢使用面向对象的写法，主要是没有理清思路，而且那时的数据商品比较的复杂，就一直没敢动，在网上也找些面向对象的写法，把思路理清一遍，就想自己试着写写。 接下来我会一步一步分析，面向对象的写法过程。整个流程大致分为： 1、先定义好一个商品列表的数 阅读全文
css重要属性float学习
2016-08-18 09:18 by 袁叶子, 1109 阅读, 0 推荐, 收藏, 编辑
摘要：1：float属性 2：float属性的特性 2.1：float之文字环绕效果 2.2：float之父元素高度塌陷 3：清除浮动的方法 3.1：html法 3.2：css伪元素法 4：float去空格化 5：float元素块状化 6：float流体布局 6.1：单侧固定 6.2：DOM与显示位置不同 阅读全文
制作简单钟表
2016-08-08 15:49 by 袁叶子, 197 阅读, 0 推荐, 收藏, 编辑
摘要：利用css+原生js制作简单的钟表。效果如下所示 实现该效果，分三大块：html、javascript、css html部分 html部分比较简单，定义一个clock的div，内部有原点、时分秒针、日期以及时间，至于钟表上的刻度、数字等元素，因为量比较多，采用jvascript生成 1 <!doct 阅读全文
爬虫学习之一个简单的网络爬虫
2016-08-08 15:46 by 袁叶子, 627 阅读, 0 推荐, 收藏, 编辑
摘要：概述 这是一个网络爬虫学习的技术分享，主过一些实际的案例对爬虫的原理进行分析，达到对爬虫有个基本的认识，并且能够根据自己的需要爬到想要的数据。有了数据后可以做数据分析或者通过其他方式重新结构化展示。 什么是网络爬虫 网络爬虫（又被称为网页蜘蛛，网络机器人，在FOAF社区中间，更经常的称为网页追逐者） 阅读全文
Canvas坐标系转换
2016-08-08 15:42 by 袁叶子, 11891 阅读, 0 推荐, 收藏, 编辑
摘要：默认坐标系与当前坐标系 canvas中的坐标是从左上角开始的，x轴沿着水平方向（按像素）向右延伸，y轴沿垂直方向向下延伸。左上角坐标为x=0，y=0的点称作原点。在默认坐标系中，每一个点的坐标都是直接映射到一个CSS像素上。 但是如果图像的每次绘制都参考一个固定点将缺少灵活性，于是在canvas中引 阅读全文
从零开始学Bootstrap
2016-08-08 15:40 by 袁叶子, 418 阅读, 0 推荐, 收藏, 编辑
摘要：（1） 明确实现目标 如下图所示，这就是咱们要实现的一个简单网站。布局简单，也没有很炫的效果。但是要实现一个功能：从Json文件（关于Json的知识可以到上述网站去查）里读取相关信息，显示在网站上。 Json文件内容： 即： 布局： 为三大块：第一行左边为班级列表，第一行右边为同学姓名列表，第二行为 阅读全文
CSS VS JS动画，哪个更快
2016-08-08 15:37 by 袁叶子, 668 阅读, 0 推荐, 收藏, 编辑
摘要：JQuery 让我们从最基础的开始说起： Javascript 和 jQuery 两者不能错误的混为一谈。Javascript 动画很快，而 jQuery 动画却慢下来。为什么呢？因为尽管 jQuery 非常强大，但是它的设计目标并不是一个高效的动画引擎： 1.JQuery不能避免layout th 阅读全文
css定位(positon)
2016-08-04 16:55 by 袁叶子, 235 阅读, 0 推荐, 收藏, 编辑
摘要：在css的属性的列表中，定位属性(position)可以说是非常重要的，因为我们网页的布局，每个元素的位置的确定都离不开定位，因为定位的存在，所以我们的网页才会井井有条，错落有致。而且，定位也是我们面试时面试人员很喜欢询问的问题。他的重要性，不须要我在强调了。 对许多刚刚接触css定位的同志来说，可 阅读全文
json
2016-08-04 16:51 by 袁叶子, 238 阅读, 0 推荐, 收藏, 编辑
摘要：什么是json？ W3C JSON定义修改版： JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation） JSON 是轻量级的文本数据交换格式，并不是编程语言 JSON 独立于语言存在 JSON 具有自我描述性，更易理解 读书，有必要对概念有较为清晰 阅读全文
使用 CSS3 绘制 Hello Kitty
2016-08-04 16:49 by 袁叶子, 293 阅读, 0 推荐, 收藏, 编辑
摘要：偶然间看到了 SegmentFault 上的一篇文章，感觉这个 Hello Kitty 画的还不错，心血来潮也用 CSS3 画了个 Hello Kitty，现在在这里记录一下详细的绘制过程。想要源码、素材、在线演示的同学可以直接拉到最下面。 <!-- more --> 我们先看下原图： 结构分解 从 阅读全文