上一页 1 ··· 9 10 11 12 13 14 下一页
摘要: 一、引言 自学two.js第三方绘图工具库,认识到这是一个非常强大的类似转换器的工具,提供一套固定的接口,可用在各种技术下,包括:Canvas、Svg、WebGL,极大的简化了应用的开发。这里,我使用two.js手册里教的一些方法,做一个小练习,模拟绘制太阳-月亮-地球自转公转的类银河系转动的动画效 阅读全文
posted @ 2017-10-03 16:43 柳洁琼Elena 阅读(2493) 评论(3) 推荐(2) 编辑
摘要: 一、引言 在学习Canvas绘图技术时,做的是随机验证码的例子,在学习SVG绘图技术时,同样也有一个随机绘制的例子——动态随机绘制圆形。这个练习,即综合了多种SVG技术的知识点,又很具有艺术感,随机生成的任意一张图片都具有艺术之美。 二、要求 在SVG画布上随机的绘制30个实心圆形,大小随机、位置随 阅读全文
posted @ 2017-10-03 15:40 柳洁琼Elena 阅读(1049) 评论(0) 推荐(0) 编辑
摘要: 一、引言 在用Canvas练习制作了验证码之后,还有一个用Canvas技术很综合的练习——制作音乐播放器。在做这个练习的过程中,还有一个重要的观察点,那就是理解Canvas的一大问题。 二、要求 点击播放按钮,碟片开始旋转,背景音乐开始播放 再次点击播放按钮,碟片停止旋转,背景音乐停止播放 三、问题 阅读全文
posted @ 2017-10-02 21:05 柳洁琼Elena 阅读(1300) 评论(0) 推荐(0) 编辑
摘要: 一、引言 本文主要是我在学习Canvas技术绘图时的一个小练习,绘制随机改变的验证码图片,虽然真正的项目里不这么做,但这个练习是一个掌握Canvas技术很好的综合练习。(真正的项目中验证码图片使用服务器端技术,而不是客户端技术。) 二、要求 画布背景颜色随机(浅色) ctx.fillRect() 文 阅读全文
posted @ 2017-10-02 17:49 柳洁琼Elena 阅读(471) 评论(0) 推荐(0) 编辑
摘要: 一、引言 本文主要是canvas绘图中绘制图像的部分,做了几个练习,综合起来,复习canvas绘图以及定时器的使用。 二、canvas绘制小飞机在指定位置 实现效果: 三、canvas绘制小飞机左右自动移动 四、canvas绘制随鼠标移动的小飞机 五、canvas绘制以自己为中心旋转的小飞机 更简单 阅读全文
posted @ 2017-10-01 21:03 柳洁琼Elena 阅读(526) 评论(0) 推荐(0) 编辑
摘要: 前言:本文是自己在学习课程中的课程笔记,这里用来温故知新的,并非本人原创。 一、HTML5新特性 —— 十个新特性:凌乱 (1)新的语义标签 (2)增强型表单(表单2.0) (3)音频和视频 (4)Canvas绘图 (5)SVG绘图 (6)地理定位 (7)拖放API (8)Web Worker (9 阅读全文
posted @ 2017-10-01 18:05 柳洁琼Elena 阅读(1260) 评论(0) 推荐(1) 编辑
摘要: cookie:小甜饼 cookie:保存客户端浏览器中一个纯文本文件 版本高的浏览器可查看 F12->Resource 左下方cookie 查看 cookie作用: 保存:[安全性要求不高]文字或数字数据 登录密码?安全性要求高,不能保存 通用方案: 1:用户昵称/用户名/用户编号 2:浏览过商品 阅读全文
posted @ 2017-10-01 15:05 柳洁琼Elena 阅读(316) 评论(0) 推荐(1) 编辑
摘要: 前言:本文是自己在学习课程中的课程笔记,这里用来温故知新的,并非本人原创。 开发工具 1、记事本,Editplus,... ... 2、Sublime,Dreamweaver 3、Webstorm 一、什么是响应式网页 Responsive Web Page,响应式网页/自适应网页,即一个页面既可以 阅读全文
posted @ 2017-09-30 23:48 柳洁琼Elena 阅读(584) 评论(0) 推荐(0) 编辑
摘要: 前言:本文是自己在学习课程中的课程笔记,这里用来温故知新的,并非本人原创。 一、HTML快速入门(重点) 1、HTML概述 1、什么是HTML HTML : Hyper Text Markup Language 超文本标记语言 超文本:超级文本 a : 第一个字符 超文本a : 超链接 标记:<a> 阅读全文
posted @ 2017-09-30 00:53 柳洁琼Elena 阅读(434) 评论(0) 推荐(0) 编辑
摘要: 前言:这篇文章是转载【前端开发博客】的一篇技术文章,并非本人所写。只是个人觉得很实用,所以分享给大家。原文链接:github.com 1、利用 CSS 的 content 属性 attr 抓取资料需求 鼠标悬浮实现一个提示的文字,类似github的这种,如图: 想必大家都想到了伪元素 after,但 阅读全文
posted @ 2017-09-28 22:21 柳洁琼Elena 阅读(447) 评论(0) 推荐(0) 编辑
摘要: 一、引言 本文主要是利用一个例子,讲一下原生js中常用的四种循环方式的使用与区别: 实现效果: 四种循环: for循环 while循环 for in 循环 for of 循环 二、for循环 三、while循环 四、for in 循环 五、for of循环 阅读全文
posted @ 2017-09-27 17:33 柳洁琼Elena 阅读(779) 评论(0) 推荐(0) 编辑
摘要: 一、引言 做京东账户项目中的购物车模块,功能之四就是购物车列表的分页显示。要用到的是Apach环境,Mysql、PHP以及Ajax。 二、查询数据 三、修改程序 阅读全文
posted @ 2017-09-27 17:05 柳洁琼Elena 阅读(344) 评论(0) 推荐(0) 编辑
摘要: 一、引言 做京东账户项目中的购物车模块,功能之三就是删除购物车中的选项。要用到的是Apach环境,Mysql、PHP以及Ajax。 二、依据功能创建库、表、记录 创建库:jd 创建表:购物车表 jd_cart 三、创建php①jd.sql ②init.php ③cart_del.php header 阅读全文
posted @ 2017-09-27 00:38 柳洁琼Elena 阅读(677) 评论(0) 推荐(0) 编辑
摘要: 一、引言 做京东账户项目中的购物车模块,功能之二是购物车列表显示。要用到的是Apach环境,Mysql、PHP以及Ajax。 二、小功能-点击“去购物车结算” 小坑:Ajax动态生成的不能直接绑定,因为绑定时这个对象还不存在,要先找一个已存在的元素委托代理。 加载shoppingcart页头页尾 三 阅读全文
posted @ 2017-09-26 22:03 柳洁琼Elena 阅读(610) 评论(0) 推荐(0) 编辑
摘要: 一、引言 做京东账户项目中的购物车模块,功能之一就是添加购物车。要用到的是Apach环境,Mysql、PHP以及Ajax。 预计效果:用户点击->“加入购物车” 添加成功 已经2件 二、依据功能创建库、表、记录 创建库:jd 创建表:购物车表 添加多条记录 小坑:购物车表注意尽量少的与产品表重复。只 阅读全文
posted @ 2017-09-25 22:45 柳洁琼Elena 阅读(855) 评论(0) 推荐(0) 编辑
上一页 1 ··· 9 10 11 12 13 14 下一页