网页布局，是前端入门的时候必学、必须熟练的一门技术，学到什么程度算是入门了呢？随便给你一个网站，你就可能快速的分析出网页的结构，然后搭建出模型，这是前端网页布局入门的最基本要求。 作为一个前端初学者，在学习的时候可能会用到一些盒模型传统的布局方式（display + posit…

在普通的网页开发中，动画效果可以通过css3来实现大部分需求，在小程序开发中同样可以使用css3，同时也可以通过api方式来实现。 小程序中，通过调用api来创建动画，需要先创建一个实例对象。这个对象通过wx.createAnimation返回,animation的一系列属性都…

很多时候我们都会有图片上传的功能需求，如果我们先将图片上传到服务器，然后在将返回结果显示在前端，这样的操作性能开销太大，如果图片一多，简直要哭，而且万一还碰到了上传错误要删除的，那简直无法想象了。所以我们需要先将图片在前端展示后，然后由用户确认没有问题了，再统一上传，这样才是比…

关于 CSS 阴影，之前已经有写过一篇，box-shadow 与 filter:drop-shadow 详解及奇技淫巧，介绍了一些关于 box-shadow 的用法。 最近一个新的项目，CSS-Inspiration，挖掘了其他很多有关 CSS 阴影的点子，是之前的文章没有覆盖…

今天打开b站，看见一片灰色。对于公祭日，我们每一个人都应该为此默哀、纪念历史，都要铭记历史、热爱祖国、砥砺前行 首先，职业下意识就打开了控制台。为什么呢？是想看看怎么实现的，是css自定义属性吗？是引入一份css吗？是预处理器修改全局变量吗？结果，打开控制台，浏览了一下，最后定…

大家好我是曲灵风，前段时间一直在网上找电影看，直到朋友推荐了一个挺不错的电影网站，用了一下，哎呦，还真不错，网站的排版，分类，壁纸是真的可以(有点跑偏，快成了介绍电影网站的博客了，那就拉回来)。那时一想如果把这些电影图片捞出来，组成一个形状是不是特有意思的？这个还真不清楚，既然…

一个大小约 2k 的图片高斯模糊库，优先使用 css 模式，如果浏览器不支持则使用 canvas 导出 base64 的模式。当然也可以固定选择某一种模式。

自定义手势事件, （双指缩放，滑动，双击。。。） 图片预览即点击图片在页面中插入一个黑色全屏背景框并将图片居中显示。封装时，为了只对指定图片添加功能，可通过监听指定类名或添加某种属性的img标签监听；另外需在对背景框绑定点击事件，退出预览模式。一下是一个简单示例代码：

从一开始使用alert来提示，到后来的jQuery手动写弹窗，再到后来使用layer弹窗插件来完成，到现在使用dialog插件来完成弹窗，一步步的摸索，一步步的收获。 看了代码也就知道dialog的基本用法了，title表示弹窗的标题，content表示弹窗的内容，本例子使用了…