课程目录: 第1章 阅读器开发-课程热身介绍课程案例的背景、应用场景和WEB APP的现状与发展趋势。第2章 阅读器开发-案例中技术点的分解对使用BASE64图片制作ICON、CSS3、HTML5 API、手机触摸事件、手机端多屏幕适配和布局方法、前端性能等知识进行介绍及扩展,为课程学习做好准备。第 ...
分类:
移动开发 时间:
2017-08-13 16:22:11
阅读次数:
242
使用Base64格式的图片制作ICON的优势是Base64图片可以减少请求次数;加快首屏数据的显示速度;使用这种方式不会对图片压缩 使用base64工具将图片转成字符串 使用站长工具可以将图片转成字符串,直接将图片上传即可,地址:http://tool.chinaz.com/tools/imgtob ...
分类:
其他好文 时间:
2017-08-11 18:59:55
阅读次数:
141
绘画矩形、矩形框、圆、圆环、圆圈~ 写字并且放置字体的位置 以下代码所展现的样式是文字在顶部居中: 以下代码则文本在文本框的中心位置: 用线段来画一个大箭头 运用图片 制作动态下雨效果 制作画板 制作水波效果 ...
分类:
其他好文 时间:
2017-07-05 01:22:40
阅读次数:
435
TexturePacker是一款功能很强大的图片制作工具。只是使用一段时间之后就要license Key了。可是 TexturePacker的作者Andreas Löw先生已经给出获得免费key 的方法。。。大家能够到这个站点去申请 http://www.codeandweb.com/request ...
分类:
其他好文 时间:
2017-06-30 18:48:35
阅读次数:
137
Base64图片制作icon 优势: 可以减少请求(相当于提前把图片信息提前放到了css的文件当中) background:url(data:image/png;base64,{img_data}) 加快首屏数据的显示速度 note:体积更大(base64图片是未经压缩的);维护不方便 使用CSS3 ...
分类:
移动开发 时间:
2017-06-04 22:43:31
阅读次数:
151
优势: -base64图片可以减少请求 -加快首屏数据的显示速度 background:url(data:image/png;bae64,{img_data}) ...
分类:
其他好文 时间:
2017-05-22 13:42:57
阅读次数:
153
一:项目目录设计。 1:制作矢量图片的图标字体。 打开icomoon.io网站,点击import icons ,上传自己的svg图片,制作自己的图片,上传之后点击generate font图标,下载然后把其中的font文件夹复制,style.css复制到style文件夹,修改为icom.styl就可 ...
分类:
其他好文 时间:
2017-04-16 21:13:45
阅读次数:
259
今日,清明节虽已过去,但雨季却悄悄降临,学习课程则是根据主网页来进行后续网页的设计。由于一个网页头部和尾部基本上保持不变,因而主次网页也就只在内容上区别开来,所以次网页制作也就相对较为简单。但在制作过程中以及老师讲解过程中,都出现了文字与图片对齐的问题。老师对我们提出要求:用三种方法解决此问题;一是 ...
分类:
其他好文 时间:
2017-04-06 01:36:53
阅读次数:
162
网站加上图标,语句 <link rel="icon" href="favicon.ico" type="image/x-icon" /> 图标需要满足以下条件: 1、ico格式 2、图片 256*256 ico图片制作工具 ps6 + ICOFormat.8bi 插件 ...
分类:
Web程序 时间:
2017-03-23 02:25:06
阅读次数:
127
图片制作圆角框 固定宽度圆角框 顶部圆角图片应用于div的第一个子元素顶部,底部圆角图片应用于div框的底部 自适应高度的固定宽度圆角框 div有一个重复的背景,将顶部圆角图片应用于div的第一个子元素,底部圆角图片应用于最后一个子元素的底部 自适应高度的固定宽度圆角框 将圆角框的四个角与四个元素相 ...
分类:
Web程序 时间:
2017-03-11 21:52:48
阅读次数:
167