归档: 2017/11

2017
0
前端

css3导航

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

0
前端

曲面阴影

讲了几次js的东西，换换口味了，讲讲css的东西吧，其实css写好了是非常有意思的，一些css的特效看起来非常炫酷，且流畅度要比js好得多。一件好的作品，不仅要好用，还要带给用户视觉上以美的享受，许多东西把细微的东西做得好一些，能有非常棒的体验。说是曲面阴影，其实应该还要加上翘边阴影的，这两个实现方法其实都差不多，都是用css的伪元素来实现的，说到:after和:before，其实css3中许多东

0
前端

瀑布流小实例

网站备案终于下来了，等了十几天，不容易呀，顺便搞了个免费的https证书，把评论也换成畅言的了，来必力太挫了，ui看见想打人系列。瀑布流，又称瀑布流式布局。其特点是随着页面滚动条向下滚动，不断加载数据块并附加至当前尾部。从Pinterest开始兴起，国内也有许多网站采用这种样式，不过大多数为了节约代码采用的是等宽等高的样式。今天我要演示的是等宽不等高如何进行瀑布流加载。 html结构由于我们这里瀑

0
前端

计算器小实例

最近在学react，没啥时间更新博客，等有空的时候把react基础写一写，react写法还是挺有意思的。这个实例没啥可说的，就是一个小实例而已，js实现最简单的计算器功能。当然原理很简单的，就是通过eval()可以计算字符串的特性实现字符串的运算，当然eval()还是少用为好，它的可读性非常差，不好再做优化和编译。 关键js代码12345678910111213141516171819202122

0
前端

拖拽小实例

在日常业务中有很多时候会用到拖拽，比如弹窗什么的，还有一些导航什么的拖动组成自己喜欢的导航。今天就写了两个小例子带大家了解PC端和移动端的拖拽是怎么实现的。 PC端拖拽pc端拖动主要是onmouse事件，当你鼠标对拖动目标点下时触发拖动目标的onmousedown事件，此时记录下鼠标点击的位置坐标和拖动目标的右上角坐标，得到二者之差，鼠标点下并且拖动触发document的onmousemove事件