轩枫阁

首页 / Web前端 (第40页)

CSS3属性border-radius绘制的图形

border-radius,css3的圆角属性。但是除此会是圆角,它还可以做点别的事情。radius其实指的是边框所在圆的半径,这个CSS3属性不仅能够创建圆角,还可以创建椭圆角(如图下图第7),把这些角按照不同的顺序和大小来展现,能够绘制成多种多样的图形。以下图例就是通过定义border-radius得到的效果。

 

展示

1143010

把这些基本的图形进行组合,还可以描绘成不同的图案。以下只是简单的几个举例,更多的图形,自己动手画吧。仅border-radius就能实现这么丰富的图案,如果再加上边框大小、渐变颜色和阴影等,将会添加更多的质感。更多图形请参见:CSS3绘制各种图形效果

1143011
查看全文

2013/12 01  周日

Chrome调试工具developer tool技巧

Chrome这个浏览器赞的不能再赞了,给前端的开发调试工作带来了极大的效率提升。

Chrome的简洁、快速吸引了无数人,它的启动速度、页面解析速度都很快,同时得益于Google V8的快速,Javascript执行速度也飞快。而且它对HTML5和CSS3的支持也完善,html类的富客户端应用Chrome上无论是流畅性还是呈现的效果,都是比较出色的,这对于开发者,特别是对于那些喜欢研究前沿技术的前端开发者来说,是很重要的。

样式调试

普通元素:右键选择审查元素即可查看当前dom元素的样式

hbjh

伪类样式调试:伪类样式一般不显示出来,比如像调试元素hover的样式怎么办,看图勾选即可

sdfg

查看全文

2013/11 25  周一

关于正则的小细节

之前在写收藏夹的功能开发的时候,遇到一个神奇的bug,当时怎么想也想不明白为什么会是这样子的结果。

是这样子的一个需求,相当于一组数据中筛选出一堆book_开头并以数字结尾的字符串,用正则做判断嘛,还是挺简单的,当时写了段代码。

查看全文

2013/11 23  周六

JS实用技巧手记(三)

本系列文章旨在记录一些实用的javascript技巧,既可以作为一个知识的积累,又可以作为闲暇时打发时间写写代码的记录。同时也方便日后翻阅~

1. 用户判断给定的对象是否是数组

 

2. 判断检查数组中是否存在某个值

 
查看全文

2013/11 17  周日

2013-11-16

自从找到工作之后的这一个月时间里,虽然说没课,但是每天总是很忙。

前面两周一直在没日没夜的改版,终于弄了出来,收获也挺大的。

然后到现在,穿插着很多次例会,做了好几次分享,也算是一种锻炼,变得不再是那么的不会说话。

然后总结写到现在还没写完,太多了,还差一两篇的样子,我看差不多写了2万字了都,继续总结,留个回忆。

最近也一直在学习的状态,发现学新知识是一个既刺激又痛苦的过程。最近有在认真的研究了grunt,研究了chrome扩展,研究H5的各种东西等等。

做出的东西,看一看有什么:新版收藏夹(基于H5)、前端自动化(grunt)、LEE图库插件(chrome扩展)、新思路例会文档格式转换工具(基于H5,实现了如拖拽事件,读取文件内容之类的功能)、毕业设计(实现思路,基于H5的canvas、websocket、webworker、localstorage,nodejs等技术,虽然具体的程序还没有,但是相信能够写出来的)

然后最近写的文档也特别多:网酷前端规范、性能优化及其编码规范、前后端协作方式总结、LEE图库插件教程以及2w字的总结等等,然后每日安排也习惯了在印象笔记先预定好,再审查哪些完成了,哪些没完成。

近期也将要去实习了,时间有点快,还没来的去准备那么多,所以顺其自然吧。然后也有各种饭局,网酷下周五的聚餐应该是今年在学校最后的聚餐了。

路在脚下,继续前进,Moving…

2013/11 16  周六

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子