1.简易加载中 @keyframes myfirst { from{transform: rotate(0deg)}to{transform: rotate(360deg)} } .loading ...

碰撞检测（边界检测）在前端游戏，以及涉及拖拽交互的场景应用十分广泛。 那么啥叫碰撞？JavaScript 又是如何检测 DOM 发生碰撞的呢？ 碰撞，顾名思义，就是两个物体碰撞在了一起，眼睛是可以直观的观察到碰撞的发生。但对于前端实现，如何 ...

你是不是跟我一样，一直想学会 CSS 动画？今天我们就一起来花五分钟做几个纯 CSS 加载动画。 前言 CSS 动画不是什么新鲜玩意了，目前所有主流浏览器基本上都已经支持，可以看Can I Use 网站 上的统计数据。文章结尾部分会提到针对 ...

Markdown是什么？ Markdown是一种纯文本格式的标记语言。 通过简单的标记语法，它可以使普通文本内容具有一定的格式。 可以通过简单、易读易写的文本格式生成结构化的HTML文档。 基本语法 标题 # 这是一级标题 ## 这是二级标 ...

方法一 需要安装file-saver,html2canvas插件 handleExport() { let htmlDom = document.querySelector('#centerPark'); var ...

我之前提到的那样，文档树中的每个元素只是一个矩形盒子。这些盒子都有一个背景层，背景层可以是完全透明或者其它颜色，也可以是一张图片。此背景层由8个CSS属性（加上1个简写的属性）控制。 background-color background- ...

一个纯CSS实现的球体动画效果： 经过研究上面的效果实现起来大致可以分为五个步骤，下面就来一一介绍。 1.使用Jade和SCSS生成一个圆圈 创建一个圆圈的第一步是生成所有组成圆圈的粒子。有了Jade，我们不用一个一个的写出200个div。 ...

前端开发，需要和后台联调；很多时候，前端开发并不需要等后台完全写好接口在去联调，自己可以写死数据，渲染数据，加样式。后台人员有时会很忙，他没有时间写好返回所以的数据等等，特别是新开一个项目，从零开始的那种，前端要是等后台写好，开发效率就不高 ...

本文同时发表在我的博客wangyi.blog Android Palette Library 是一个从 Bitmap中 提取图像的主题颜色的工具库。我最近对 Palette 的实现感兴趣，阅读源码理解了它的原理后，我打算用 JavaScri ...

JS BOM window对象 全局变量和全局方法都归在window上 alert-comfirm-prompt 让alert 、confirm等弹出框上的提示文字实现换行：\n // confirm() // ...