音乐
回到顶部
我的头像

RedSpite

2017.07.27

express+mongoDB建立与前端通信的数据库

文章配图

学习过程中所记录的笔记,按着步骤来可以自己搭建一个能通信的服务器,遇到不懂的地方问度娘。 在 我的码云和github上有搭建完成后的代码,前端用的Vue框架。 不完善的地方还在修改ing~

2017.02.22

神奇的Cordova -- 利用H5进行APP开发

文章配图

一直以来app的开发都分为android版本和ios版本,同一款app需要写两种版本,版本有差异不说,耗费的成本加成。 cordova的出现就是一股清流,它能实现将h5页面打包成android或ios版本,实现了android、ios、pc端页面的统一。

2016.12.15

谷歌地图初触电

文章配图

最近的项目里面用到了谷歌地图,以前开发过百度地图,但是都涉足很浅很浅,虽然这次也只用到了drawingManager 下面几个画图组件。 氮素!写几百行的代码实现出功能,这样充实的学习过程很令人满足讷。

2016.11.14

快一个月没写文章总结了

文章配图

最近换工作,忙着找房子+搬家+努力生活,忙得已经近一个月没写总结了,虽然没写,但是我对前端滴热情一如以往。 最近在学习微信小程序,微信小程序是个坑啊,才推出一两个月,api已经废除了好多了。

2016.10.19

纯css实现盒子 3D 旋转效果

文章配图

平时看到动画下意识就觉得很难,出于畏惧心理老是不敢去碰,就像看到一个漂亮女生不敢上去搭讪(。。)。 拔过嘛,再难得东西都是禁不住你死缠烂打的(追姑娘同理 哈哈哈。。)所以现在就从头理理,这个3d效果究竟是怎么实现的。

2016.10.15

各种常见的鼠标悬停css3动画效果

文章配图

平时需要用到的鼠标悬停效果,基本上都是css3的结合。 代码就不放了,直接右键看即可。

2016.10.14

星星打分插件简易版

文章配图

最近很怠惰呢,冬天是一个让人不想动弹的季节,我也懒得不想写简介了。 总而言之言而总之就是字面上的意思,做评论的时候需要用到的星星打分。

2016.10.11

抽牌效果之banner轮播

文章配图

banner轮播方式真的很多,这也算一种特别的轮播方式了。CSS3和JQ结合,打造超炫轮播切换效果。

2016.10.08

网格算法配合CSS3,实现多彩绚丽的图片切换效果

文章配图

平时喜欢在网上看看同行的博客,看到一个很好看的图片切换效果,很炫酷,果断学来了~ 哈哈。 这是利用4个div显示同一图片的不同区域,css控制各图片位置,进行显示与隐藏,再给图片加上transition时长,就能形成华丽的视觉效果。 很多看似炫酷的效果,究其原理还是很简单的。

2016.10.05

移动端自适应banner轮播 手写

文章配图

随着移动设备普及率越来越高,我们前端工程师现在必须掌握h5页面的书写了。 手机端展示方式不需要太复杂,毕竟屏幕只有这么大嘛不是,所以能搞得花样也不多,运用最多的就是轮播了吧!

2016.09.22

带表情包的编辑器手写插件

文章配图

说到文本输入,我们常用的有 textarea 还有input[type="text"],这两位能完成基本的文本输入。 可是当我们希望评论区域趣味一点,追求更高一点的时候捏,这两位就都得靠边站了,为啥? 因为都不支持图片输入啊~ 如果往里面插入图片,他两是没有反应的。

2016.09.21

纯css响应式图片尺寸比例固定

文章配图

当能用的图片是从第三方引过来,我们不能控制图片的尺寸,而且图片大小还不能写成定值的时候,似乎只剩用js动态写一条路了,初期的我也是用了这个方法。 可是js写第一太麻烦不灵活,window.resize每次窗口缩放都要 运行一边代码,无疑这加重了浏览器负担。 二是就算js写也是定值像素,图片会被压缩变形

2016.08.01

CSS3 渐变背景色各种方向 兼容IE9+

文章配图

在前端书写网页实际运用中,单一的背景色并不能很好地满足需要,在不使用图片资源的选择下, 我们还可以使用渐变背景色使自己的页面更丰富,运用的最多的线性渐变分为:横向、纵向、对角渐变三种渐变…

2016.07.30

去掉丑丑的滚动条 div仍然能滚动

文章配图

工作的时候容易遇到这种情况:页面某一区域需要滚动,但并不想浏览器自带的滚动条出现,而各个浏览器的滚动条各不相同,宽度、颜色都不统一。为了美观,优化这些风格不一的滚动条 也是前端工作中必须要做的事~

2016.07.26

全屏自适应 热点图轮播banner简洁代码

文章配图

从我零开始接触前端,学的第一个特效就是banner轮播。js语言和c语言有很多相似之处,所以真是庆幸大学有好好考计算机二级呀。。汗! 初级小白通过自己一点一点摸索,总算写出了这个自适应大小的banner轮播图,可以无缝轮播,并自适应屏幕大小按比例缩小图片。…

2016.07.25

纯CSS绘制三角形(各种角度)

文章配图

前阵子做的设计图里面有用到三角形,以前自学的时候漏掉了,暂且放这儿看看吧~ 通过改变border宽度 可以得到各种不同形状的三角形…

© RedSpite | 蜀ICP备16004270号