归档: 2017

0

再见2017

要到年末了,今年成长了不少,当然还是有太多的东西没有去接触,学习的道路还很漫长,路漫漫其修远兮,吾将上下而求索。 这个月底离职了,不准备待在重庆了,准备在家里进修学习一段时间,年后出去见见外面的世界,希望来年能再接再厉,继续成长。 稍微总结一下今年吧,我是去年入的前端这个坑的,原本学专业是通信工程,由于本人是个学渣,大学又没好好的学习,不知道工作的方向,大四下学期在一个偶然的机会下接触到了前端页

0

特效篇--图片环绕

2017年快要结束了,来点特效的东西作为2017年博客的结束篇吧,其实特效这东西看看就好了,实际用处不是特别的大,不过效果什么的还是挺酷的。 本文介绍的是图片环绕,散列切换如何完成的,一共三个切换效果,先看看效果吧:当然博客展示的面积不够:请点这里查看全部效果链接。废话不多说直接上代码了:html:1234567891011121314151617181920212223242526<div

0

Canvas --雪花图

昨天冬至,又到了白色相簿的季节了,︿( ̄︶ ̄)︿笑,后天就是圣诞了,安安心心做个剩蛋老人吧(ノへ ̄、)。好了好了,重庆还是没下雪,冷着不下雪,感觉好亏。既然不下,那就只有自己写点雪花了。canvas这个东西一直是想深入学习的,做出来的东西各种炫酷吊炸天,但是没啥时间,就只会点小东西,大家将就着看吧:首先既然是用canvas,那么结构就非常简单啦,html什么都不用写,用js创建canvas。我们把

0

时间--时钟篇

这天是越来越冷了,人也越发的懒起来,早上起来简直要老命,下班回去也只想进被子里面,游戏都不想打了╮(﹀_﹀)╭,冷呀。。。。好了,写个时钟来激励一下懒惰的自己吧。 旋转方式做时钟首先要把样式给搞定,主要是围绕中心旋转的样式。围绕中心旋转形成等分状态其实有两种做法,假设html样式如下:1234567891011121314<ul class="pox"> <li>1&

0

你不知道的padding

标题党当上瘾了,讲完margin又来padding,继续继续。其实padding要比margin简单得多,说是不知道的padding,不如说是padding应用的一些小技巧,不要小看这些小东西,虽然有很多代替的方案,但是就用一点点css就解决了问题,何乐而不为呢,网页上的东西能用css解决的就尽量不要用js了。首先padding是没有负值的,想着负padding的同学可能要失望了,可以理解,内边距

0

你不知道的margin

当了一回标题党了(震惊!99%的人都不知道XXXX <( ̄︶ ̄)>),本文是对我所了解的margin的一些说明,希望能给大家带来些许有意思的知识。margin和padding是css中应用最多的了吧,没有之一,这两兄弟帮我们解决了一个又一个的布局问题。好了,来看看margin的一些应用吧。 何为margin来看看官方的说明: 边界,元素周围生成额外的空白区。“空白区”通常是指其他元素

0

text-align:justify;

text-align,这东西主要应用于实现两端对齐文本效果,当我们有大篇幅的文本内容时,文字换行会出现文本两端不居中的情况。如图: 我们想让其美观一点,在其文本标签加上text-align:justify文字就实现了两端对其了,当然,这个兼容性还是挺不错的,ie的话再加上text-justify: inter-ideograph基本上都能实现对其,但是也有一些怪异的情况,比如在手机上一些手机自带

0

css3复选框美化及css3页面滚动

css的东西还是更新得快呀。(主要是js比较菜),这里主要是把checkbox美化一下,radio什么的参考checkbox一样的道理,css能做的东西还是挺多的,虽然不是那么实用,但是选项卡,页面滚动,图片轮播什么的,都可以做,今天的主角就是css3的:checked外加上css3的~和+选择:checked是被选中的 input 元素,当这东西后面跟上~和+后,你就可以让选中的input对应的

0

初探Promise

一个星期没更新了,先来个小游戏来放松放松,勇者大战魔王: 考验人品的时候到了,反复进攻,看你能几次进攻打败魔王。 上面只是个小例子,如何实现上面的效果呢,这就要说到我们今天的正主了–Promise,Promise译为承诺。在ES6发布时Promise被ES6列为正式规范,成为最重要的特性之一,Promise 对象用于一个异步操作的最终完成(或失败)及其结果值的表示。简单来说就是把一个函数放进去

0

css3导航

勤奋(懒惰)的我又更新了,又是css(js比较难写,css随便糊弄过去就行了),周日过得好快,感觉一觉就睡过去了,天冷得不想起床(‾▽‾)”。 css3导航其实css3的特效导航有很多很多种,我只是列了一些给大家参考参考,在曲面阴影里面我就说过:after和:before,其实大多说导航的特效都是依赖于这两兄弟完成的(其他标签也行,不过结构就太复杂了,不推荐),这两兄弟写好样式,然后通过css3的