随笔分类 - web前端
摘要：以前做项目的时候，学习了HTML和CSS，感觉这两个比较简单，在W3school 里学习了一下之后，就觉得自己已经没问题了。可是，真正要做一个好看的页面，我还是要写好久。其实，对于CSS，我并没有像我以为的那么熟悉与精通。近期做了一个系统的学习之后，感觉有必要做一个总结。 CSS基础小知识： 相对单
阅读全文
摘要：有关HTML的一些基础课程，很多网站都有讲，于我而言，真正实践起来，我只要求我能够让它表现出我所想要的结果即可。然而，这种要求，对于后期的维护与测试，真的是。。。。。。想起日前我们所做的这个项目，那里面的jsp代码，感觉有些看不下去，各种标签混杂一起，而且经常使用的是无实义的比如div，看起来真是头
阅读全文
摘要：每当打开淘宝，天猫等pc端时，看到心仪的物品时，点击图片时，便呈现出放大的效果。在没有去理解分析它的原理时，感觉非常的神奇，当真正地去接触，也是非常好理解。如下图展示所见： 很是常见，在此记载一下，毕竟好记性不如烂笔头。 主要事件: onmouseout onmouseover onmousemov
阅读全文
摘要：每当不经意间打开某一个页面，会发现一个出现的页面过了几秒就消失了，或者说，当你点击某个按钮，它才会出现，然后它也会提示你也可以把它关闭掉，再或者说，当你阅读了我的博客摘要后，开始有了想要阅读整篇文章的想法，于是点击阅读全文，它又以“收起全文”的模样再次出现在你的眼前。。。。这便是本篇博客的主题 隐藏
阅读全文
摘要：在js的世界里面，每一个小的特效都那么微不足道，却又那么的令人向往与好奇。前端工程师的任务特别高大上，因为他们的一个小小的设计就会激发别人的求知欲。比如说我，只是随机一瞟，便看到了这个tooltip的特效，就有一种想要征服它的愿望。 比如这个tooltip的效果展示： 这个便是tooltip提示框的
阅读全文
摘要：游乐场里的旋转木马是一个非常好玩的项目，尤其是很多女生都非常向往。那么，生活里的旋转木马尚能如此吸引人，何况计算机中的编码呢？在我看来，计算机中的旋转木马更为可爱，虽然我不能身临其境，但它比我身临其境却要更加满足~ 先来一个旋转动物大聚会： 由于上传的动图比较大，就不上传了。 这个是对这个旋转木马截
阅读全文
摘要：简单的东西重复做，做多了之后，才能说熟能生巧。 做好一个精美的页面，固然是好，但是，一个页面除了写好之外，我们更需要的是将其功能完善。比如表单的验证，这只是众多工作之一。然后本次就以jQuery的validate插件，来学习记录一下表单验证部分。但愿自己下次在遇到写表单验证时，可以不费吹灰之力。 接
阅读全文
摘要：SVG意为可缩放矢量图形，svg的图片与普通的jpg,png等图片相比，其优势在于不失真。一般普通的图片放大后，会呈现出锯齿的形状，但是svg图片则不会这样，它可以被高质量地打印。 现在就用dreamweaver制作一个简单的svg动画，用来表示太阳系。 分享代码如下： 1 <!doctype ht
阅读全文
摘要：bootstrap中，常见的组件有很多，比如按钮，输入框，导航条，巨幕，面板等。这次根据对bootstrap的一系列学习进行总结。 按钮：button <button type="button" class="btn btn-default">button</button> 在这里面还可以加上字体图
阅读全文
摘要：小叮当简单颜色单一，操作起来也很容易上手。接下来的一个实例就是用css画出一个多啦A梦，首先将其分为头部，和身体。然后，再根据身体各部分细节进行进一步的具体刻画。 由于最近一直在学习JavaWeb方面的东西，所以，我的这个小叮当就是用jsp页面进行映衬。 代码如下：首先是写jsp页面，将其分成多个块
阅读全文