随笔分类 -  每日练习

2015.4.18(基于boostrap的网站开发)
摘要：前段时间在了解boostrap的使用，在使用到他的模态框功能时非常喜欢这种简洁的设计模式，这段时间写完了一个完整的公司网站。这里贴出网址，还有很多细节做得不好，但会逐步完善。www.erhuoapp.com. 这里用到了对设备检测的js语句，针对手机设备会自动进行跳转到手机页面，手机页面就写得很... 阅读全文
posted @ 2015-04-19 10:15 阿佳berry 阅读(214) 评论(0) 推荐(0)
2015.3.25 boostrap小尝试之iconfont的使用
摘要：昨天到今天一直在做一个作业，遇到了很多按钮前面需要有一个类似于的图标加字体，之前遇到这种的做法就是用截图然后用图片加字体的方式排列出来。昨天正式开始使用boostrap之后发现了iconfont的使用。但网上的教程都好不详细，导致我昨晚没有试验成功，今早成功之后，马上来更一篇无比详细的教程。首先... 阅读全文
posted @ 2015-03-25 10:24 阿佳berry 阅读(248) 评论(0) 推荐(0)
2015.3.17Ajax小练习
摘要：网页被浏览器处理时，动态供给网页动态数据。以动态数据建造的网页成为数据驱动网页，数据负责网页的内容。 JavaScript内置了动态数据的支持，这种支持就是ajax。一直以来都对ajax非常的感兴趣，今天做了一个小实验。先来描述一下ajax，ajax能让客户端的浏览器能与网络服务器产生一些“对... 阅读全文
posted @ 2015-03-17 22:46 阿佳berry 阅读(352) 评论(0) 推荐(0)
2015.3.14（知乎首页仿写及纯CSS兼容IE6实现响应式下拉菜单）
摘要：昨晚写了一个知乎的首页练习，只完成了上半部分的练习。下半部分做了一个纯CSS的响应式下拉菜单（可以兼容IE6）。可以看出那个知乎两个大字下面的那行字是截图截下来的，有一点色差……代码如下：js的部分只用到了获取可视区域的宽度这一点。function setIndex() { var comm... 阅读全文
posted @ 2015-03-15 20:15 阿佳berry 阅读(828) 评论(0) 推荐(0)
2015.3.12（遮罩层JS模块）
摘要：这两天了解了一些前端开发常用的工具和库和框架，有一个疑问，如果大量使用这些现成的框架，会不会导致大材小用呢？就是每一个页面都要加载一遍可能要用的框架和库，但实际上这个页面的实现只会用到一小部分，这样无形中就会拖慢速度或者是造成用户的流量浪费。这种问题要怎么解决呢？ 没有开发经验啊，这种优化问题... 阅读全文
posted @ 2015-03-13 21:50 阿佳berry 阅读(235) 评论(0) 推荐(0)
2015.3.10（自适应屏幕和弹性布局）
摘要：今天做的练习是自适应屏幕大小，遇到了一些困难，困难在于我以前用CSS布局的时候都是使用PX作为单位来进行定位布局。但今天把网页拓展实验到了我家的电视（42寸）上，此时就出现了问题，问题之一就是：没有办法填充满屏幕，只能出现一个屏中屏，看起来非常的别扭。试验了纯CSS来做到自适应屏幕和用JS获取屏... 阅读全文
posted @ 2015-03-10 23:22 阿佳berry 阅读(299) 评论(0) 推荐(0)
2015.3.9小练习（无刷新留言板）
摘要：效果如图：（图中是我的狗~名叫坨坨）一号女主角。代码如图： 阅读全文
posted @ 2015-03-09 23:14 阿佳berry 阅读(175) 评论(0) 推荐(0)
2015.3.8 循环小练习
摘要：一直以来循环运用的都不是很好，所以昨天做了加强的练习。 题目：请将字符串open_my_door这种形式，转成OpenMyDoor的形式。 function changeForm() { var a = document.getElementById("d1").value; a = a.tri... 阅读全文
posted @ 2015-03-09 08:47 阿佳berry 阅读(167) 评论(3) 推荐(0)
2015.3.7小练习（动态增加元素及表格，以及浏览器兼容问题）
摘要：最近在对之前理解的HTML/CSS/javaScript查漏补缺，真是学会了Jquery马上就开始反感用javascript写很多jquery一下子就可以实现的选择和操作。今天是做了一个根本无界面美观性可言的实验part，乱七八糟大乱炖，只为练习功能。 动态增加元素 function add... 阅读全文
posted @ 2015-03-07 22:11 阿佳berry 阅读(161) 评论(0) 推荐(0)
2015.3.6 倒计时小练习 （disabled属性）
摘要：注册 disabled 属性规定应该禁用 input 元素。被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScr... 阅读全文
posted @ 2015-03-06 22:37 阿佳berry 阅读(137) 评论(0) 推荐(0)
2015年3月5日（元宵节）——substr()与substring()的区别
摘要：做了一个跑马灯效果，body内是一个returnfalse的小练习。算是最最基础的入门了。祝大家节日快乐！代码如下： 祝大家元宵节快乐！ 下面说一下substr()与substring()的小区别。以“问询结果”四字为例。substr(1,3)意为从第一位往后取... 阅读全文
posted @ 2015-03-05 23:56 阿佳berry 阅读(134) 评论(0) 推荐(0)
chrome,FireFox与IE中的不兼容问题以及解决方法——（不断更新）
摘要：（2015.2.27）是在做淘宝的登录界面的时候发现的一个问题；if(e.key=="Backspace" || e.key=="Del"){return false;};以上这句代码是jquery中的keypress事件，在IE中可以通过以上代码顺利识别“空格”“回删”并执行，但在chrome中就... 阅读全文
posted @ 2015-02-27 22:40 阿佳berry 阅读(260) 评论(0) 推荐(0)
一段水印文字的练习
摘要：做淘宝登陆页面时登陆框的水印文字的需要，做了如下的练习。 水印提示文字练习 手机号 阅读全文
posted @ 2015-02-27 19:04 阿佳berry 阅读(175) 评论(0) 推荐(0)