html
-
js实现rem自动匹配计算font-size
实际开发过程中，我们经常会被各种宽度，高度计算搞晕。尤其是使用了rem的计算方式，自适应布局难倒一大片程序员。为了解决这类问题，我觉得可以利用js监听屏幕宽度变化来实现更改HTML…
-
js2flowchart.js 教程
js2flowchart.js是一个可以将任何JavaScript代码转换成漂亮的SVG流程图的可视化库。该插件目前已开源到github，有超过1300多个star。本文介绍js2…
-
SVG实现多彩圆环倒计时效果
圆环倒计时我们经常见到，实现的方法也有很多种。但是本文将介绍一种全新的实现方式，使用SVG来实现倒计时功能。 本文主要用到了SVG的stroke-dasharray和stroke-…
-
jQuery Tab菜单插件仿Android手机底部菜单悬浮球效果
今天教大家实现一款仿安卓(Android)按钮菜单效果的可变色菜单。同时还有一个类似手机悬浮球的管理菜单效果。 实现该菜单，我们需要借助jQuery Tab菜单插件。它还jQuer…
-
SVGR 教程
上一篇我们简单的介绍了 SVGR ，本文将深入它的一些 api 设计和分析一下它的实现原理。 React支持SVG开箱即用，使组件代替SVG文件更简单，更轻松，更强大。包含在Rea…
-
iframe父子窗口互相调用总结
关于 iframe 父窗口和子窗口相互的调用方法，我这里做个总结，方便以后用到。 父窗口调用iframe子窗口方法 HTML语法：<iframe name="myF…
-
CSS3 linear-gradient线性渐变生成加号和减号
在商城项目中，购物车是一个很重要的功能。其中最常见的是购物车中对库存的“+-”操作，包括抢购后面有很多算法。但是作为前端来说，购物车的结算中的+-就是一个计…
-
CSS3 linear-gradient线性渐变生成带线框的三角(仿微信对话框)
微信和QQ聊天框内，收到和发送的消息都会在一个带有小箭头的框框内显示。这个效果看起来很不错，到底是怎么实现的呢？本文将带你实现仿微信聊天框和仿QQ消息聊天框。 做到三角图形的生成，…
-
CSS3 linear-gradient线性渐变教程
CSS3 Backgrounds比较厉害的一个地方就是支持多背景，也就是背景图片个数可以无限累加，正好CSS3的gradient渐变性质是background-image，于是，我…
-
jQuery+CSS3实现相册拼图效果
百度搜索相册拼图，发现匹配的内容很少。因此我决定使用 jQuery 和 CSS3 来实现一款相册拼图插件。 相册拼图在PS软件中较为常见，比如美图秀秀等软件都带有这样的功能。相册拼…