2016年02月_季诗筱

原创学习前端阶段性总结

明儿就进入3月份了，时间过的真快。从去年10月份开始决定做前端，转眼间也快4个月了，道路并不平坦。我是本着本科的时候做过几个页面，心里觉着前端好像很简单的样子，还觉着自己有些审美，能把页面做的很漂亮。其实，页面漂亮不漂亮设计师会给设计稿，前端就负责切图，布局，写代码就好嘛。决定做前端也并不突然，从大三开始，就觉着自己还挺喜欢做网页的，当时班里没几个学这个的，我还乐在其中的编了几个网页。当时选修课的老

2016-02-29 21:48:12 2945 1

原创【今日总结】

所犯的错误： 1、设计图中的文字我都是切出来的，然后设置背景图片，这样做很不好，会使页面加载速度变慢。文字的部分还是要写出来，然后设置大小颜色。 2、页面布局的时候用了过多的绝对定位，这样也不好，可以用margin来布局的地方还是尽量用margin来布局，另外，绝对定位时，可以使用z-index来控制层叠，值越大的在越上面。 3、jsp页面最好还是使用表单序列化函数来序列化表单，不要用Form

2016-02-29 18:00:17 1166 4

原创让图片有不规则的轮廓

布局页面时，用到了图片上传，为了让页面统一、美观，想让上传的图片都有一个统一的外部轮廓，用到的小技巧：用PS切出一个新的图片，让图片的大小与你想让用户上传的图片的宽、高一致，不同的是，将中间部分用多边形轮廓给切成透明的，这样，将这张图片布局到上传图片的上方，则上传图片就会只显示出多边形轮廓里的内容。如：向让上传的所有图片的轮廓都与这张图片一致。则将这张图片在PS中复制一下，扣去黄色部分，

2016-02-29 17:53:06 2281

原创 position:absolute和relative

简述position的基本用法，介绍z-index属性

2016-02-29 17:34:26 651

原创 javascript原生代码实现ajax请求

如何用js原生代码实现ajax

2016-02-29 16:41:46 6897

转载 HTML，CSS，font-family：中文字体的英文名称（宋体微软雅黑）

原文地址，摘自Grace的新浪博客宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋_GB2312 FangSong_GB2312 楷体_GB23

2016-02-27 20:43:51 2169

原创编写JavaScript函数解析查询字符串

今天用到了一个功能，就是获取页面URL的参数，编写的函数如下：function getQueryStringArgs(){ //取得查询字符串并去掉开头的？ var quetyString = (location.search.length > 0 ? location.search.substring(1) : "");

2016-02-25 21:39:22 986

原创 ajax 实现 JavaScript与jsp数据的传递

ajax 实现 JavaScript与jsp数据的传递

2016-02-25 21:34:12 14864 3

原创 js计数器方法：setInterval()和clearInterval()；setTimeout()和clearTimeout()

1、setInterval()和clearInterval() 定义： setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。用法：var p=se

2016-02-24 17:25:22 3751

原创 canvas绘图 -实现图片围绕中心点旋转

今天想要学习制作一个抽奖的转盘，想用canvas来绘制转盘，于是重新学习了一下canvas. 1、canvas的使用要使用元素，必须先设置其width和height属性，制定额可以绘图的区域大小。出现在开始和结束标签中的内容是后备信息，如果浏览器不支持元素，就会显示后备信息。<canvas id="inner-circle" width="510px" height="510px">您的浏览器

2016-02-24 16:52:35 26986 1

原创【second day】学习精准切图+高度自适应

1、学习精准切图之前切psd文件的时候，都是粗略切图，用切片工具切出一个个的矩形，然后存储为web所用格式。但是，现在设计师会用一些不规则的图形来让页面更加美观，所以需要精准切图。现介绍步骤如下：选中需要的图层，右键复制组合，新建，再点击图像-裁切，最后存储为web所用格式即可。 2、高度自适应很多时候，页面需要根据内容高度自适应，要实现自适应高度很简单。

2016-02-22 21:56:39 1999

原创【first day】学会用不同方法实现页面自动翻动

今天学会了使用3种方法实现前后页的自动翻动1、使用mobilebone.js框架参考作者页面http://www.zhangxinxu.com/wordpress/2014/10/mobilebone-js-mobile-web-app-core/，学习了框架的使用方法。主要是用了框架中的page out flip类，用法很简单，为每一页添加一个id，让a标签的 href属性等于下一页

2016-02-22 21:42:12 728

季诗筱的博客