2015年12月_MetaLuo

原创 relative的定位

平时我们运用position:relative一般都是在使用absolute的时候限制他的相对定位。那如果直接使用relative呢？是相对于什么来进行定位的？一开始的位置：由于设置了padding-left，可以更好地区分一些情况：用relative，left:50%后的位置：可以看出，它的移动是相对于元素本身的位置移动。那是移动了多少的位置？我设置的是left:50%，显然并不是自身

2015-12-31 16:19:37 1569

原创用纯css做环形进度条

效果如下：先来讲一下原理吧，说先画一个圆环，圆环的画法有很多，就不说了。然后用clip切掉一半的圆环。clip怎么用？一、clip属性必须和定位属性postion一起使用才能生效。二、clip裁切的计算坐标都是以左上角即（0,0）点开始计算，rect ( number number number number ) :　依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏

2015-12-30 14:59:32 2648

原创网页上制作动画效果的方法及优势劣势

css3animatejs运用css3实现动画效果css3有两种动画效果，一种是trasition，一种是animation。其中的animation更加灵活，transition更为便捷。 transition的内容可以参照：transition详解。 animation的内容可以参照：animation详解。本人也是比较喜欢使用css3的，也喜欢用css3做点小东西。比如：

2015-12-30 14:38:42 714

首先说明我这个只是在安卓端的测试，下次试下ios的。问题这是个很令人头疼的问题，比如我用了一个时间选择控件，或者是地址选择控件等，并不想让输入法弹出来，不然太烦了。所有我就想了一些解决方法。解决方法disabled直接治本。不仅输入法不弹起，而且都不能点击了，如果要使用需要在上面覆盖一个div，然后将点击事件监听到这个div上。readonly这个方法不错，可以点击，但无法输入，所有输入法不会弹起。

2015-12-28 17:05:13 6162

原创城市选择二级联动、三级联动的思路

今天为了做项目写了个城市选择二级联动的插件，首先放上效果图如图所示。实现的效果是选择左边的省份后，右边点击后会出现相应省份的所有城市。这里我采用了ajax引入json的方法。关于ajax和json我将会在之后写。首先，我从网上找了一份包含所有省份和城市的json文件。由于不知道怎么上传我就单独发了一篇博客，把json文件的代码贴出来了，具体可以看city.json。其实这个json文件并

2015-12-28 16:51:47 3856

转载 city.json

{ “cityList”: [ { “province”: “北京”, “city”: [ { “country”: “北京”, “编码”: “101010100” }, { “country”: “朝阳”, “编码

2015-12-28 16:40:55 4266

转载前后端数据交互方法

目录HTML赋值JS赋值script填充JSONAJAX获取JSONWebSocket实时传输数据总结HTML赋值输出到 Element 的 value 或 data-name<input type="hidden" value="<?php echo $user_avatar;?>" /><div data-value="<?php echo $user_avatar;?>"></

2015-12-24 09:10:45 850

原创推荐一些前端开发好的博客及文章、工具

好的博客网站阮一峰的个人网站不认识的就去百度吧。一个知识面很广的大神。可乐橙-一个学前端的UI设计师前端的抓紧了，不要被UI比下去了。张旭鑫的个人网站网站很丑，首页都是广告位了。。不过内容很好。。 kamiwan的网站我的男朋友的网站，喜欢接触各种新鲜事物和技术。好的文章前后端数据交互技巧获益匪浅，很详细。好多收藏的文章没有了，下次补上。好的工具网站can i use

2015-12-18 16:32:23 482

原创移动端前端开发注意点

移动端前端开发注意点第一次接触移动端开发，发现web端和移动端的差别还是很大的，我主要记录移动端的一些内容：移动端与web端在网页设计与交互方面的差别移动端注意点一些小技巧移动端的一些问题及解决方法移动端与web端在网页设计与交互方面的差别纯粹是个人看法。在web端是尽可能地展示丰富的功能，并且较为复杂，一个页面可以包含很多的内容。当然在交互方面也是相对复杂些，一般不是直接把“下一步”

2015-12-03 17:03:47 7785

thebigbuding的博客