季诗筱的博客

分享个人公众号“季诗筱”

学习前端阶段性总结

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

2016-02-29 21:48:12

阅读数:1679

评论数:0

【今日总结】

所犯的错误: 1、设计图中的文字我都是切出来的,然后设置背景图片,这样做很不好,会使页面加载速度变慢。文字的部分还是要写出来,然后设置大小颜色。 2、页面布局的时候用了过多的绝对定位,这样也不好,可以用margin来布局的地方还是尽量用margin来布局,另外,绝对定位时,可以使用z-inde...

2016-02-29 18:00:17

阅读数:712

评论数:0

让图片有不规则的轮廓

布局页面时,用到了图片上传,为了让页面统一、美观,想让上传的图片都有一个统一的外部轮廓,用到的小技巧: 用PS切出一个新的图片,让图片的大小与你想让用户上传的图片的宽、高一致,不同的是,将中间部分用多边形轮廓给切成透明的,这样,将这张图片布局到上传图片的上方,则上传图片就会只显示出多边形轮廓里的...

2016-02-29 17:53:06

阅读数:1476

评论数:0

position:absolute和relative

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

2016-02-29 17:34:26

阅读数:411

评论数:0

javascript原生代码实现ajax请求

如何用js原生代码实现ajax

2016-02-29 16:41:46

阅读数:4670

评论数:0

HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑)

原文地址,摘自Grace的新浪博客 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 Fa...

2016-02-27 20:43:51

阅读数:1602

评论数:0

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

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

2016-02-25 21:39:22

阅读数:701

评论数:0

ajax 实现 JavaScript与jsp数据的传递

ajax 实现 JavaScript与jsp数据的传递

2016-02-25 21:34:12

阅读数:10193

评论数:2

js计数器方法:setInterval()和clearInterval();setTimeout()和clearTimeout()

1、setInterval()和clearInterval() 定义: setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterv...

2016-02-24 17:25:22

阅读数:1924

评论数:0

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

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

2016-02-24 16:52:35

阅读数:18062

评论数:1

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

1、学习精准切图 之前切psd文件的时候,都是粗略切图,用切片工具切出一个个的矩形,然后存储为web所用格式。但是,现在设计师会用一些不规则的图形来让页面更加美观,所以需要精准切图。现介绍步骤如下: 选中需要的图层,右键复制组合,新建,再点击图像-裁切,最后存储为web所用格式...

2016-02-22 21:56:39

阅读数:1601

评论数:0

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

今天学会了使用3种方法实现前后页的自动翻动 1、使用mobilebone.js框架 参考作者页面http://www.zhangxinxu.com/wordpress/2014/10/mobilebone-js-mobile-web-app-core/,学习了框架的使用方法。 主要是用了框架...

2016-02-22 21:42:12

阅读数:416

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭