摘要：
源码： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Canvas动画</title> </head> <body> <div id="canvas-warp"> <canvas id="canvas" s 阅读全文
摘要：
一、构建工具 1、 Parcel https://parceljs.org/ Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpack，Parcel对于新手来说未尝不是一个很好的选择。 2、 Critters github.com 一款webpac 阅读全文
摘要：
flex布局又称为盒子布局或弹性布局，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 Flex 布局。 给父容器添加display: flex/inline-flex;属性，即可使容器内容采用弹性布局显示，而不遵循常规文档流的显示方式；设为flex布局以后，子元素的float、clear和 阅读全文
摘要：
整理网上一些使用纯CSS绘制的图形示例~~纯属抄袭，哈哈。。。仅仅是为了自己以后查看！ Square(正方形) Rectangle(矩形) Circle(圆形) Oval(椭圆形) #oval { width: 200px; height: 100px; background: red; -moz- 阅读全文
摘要：
转自：https://www.cnblogs.com/chengzp/p/cssbox.html 基本概念 盒模型的组成大家肯定都懂，由里向外content,padding,border,margin. 盒模型是有两种标准的，一个是标准模型，一个是IE模型。 从上面两图不难看出在标准模型中，盒模型的 阅读全文
摘要：
防抖(debounce)：当持续触发事件时，在一定的时间段内，只有最后一次触发的事件才会执行。 例： 节流(throttle)：当持续触发事件时，已执行的事件在一定时间段内不会再次执行。实现节流有时间戳和定时器两种方式。 例： 函数防抖和节流都是防止某一事件被频繁触发；区别：防抖是将多次执行变为最后 阅读全文
摘要：
最近有时间研究了下前端项目如何在nginx服务器下进行部署，折腾了两天总算有所收获，汗~~ 所以就想着写篇文章来总结一下，主要包括以下三个方面： 1、打包好的vue项目如何进行部署。 2、如何反向代理后端服务接口。 3、vue项目二级访问目录在nginx下的配置。 说明：nginx服务器的安装及vu 阅读全文
摘要：
1、水平居中 2、绝对定位水平垂直居中 3、水平垂直居中一 4、水平垂直居中二 5、flex 布局居中 阅读全文
摘要：
SVG可缩放矢量图（Scalable Vector Graphics），是使用 XML 来描述二维图形和绘图程序的语言，图像在放大或改变尺寸的情况下其图形质量不会有所损失，是万维网联盟的标准。 下面整理了一些SVG基础绘图实例： 1、圆形 2、椭圆 3、矩形 4、直线 5、折线 6、多边形 7、路径 阅读全文
摘要：
官方文档上关于Vue生命周期的图片大家一定很熟悉： 1、beforeCreate 实例、组件通过new Vue() 创建出来之后会初始化事件和生命周期，然后就会执行beforeCreate钩子函数，这个时候，数据还没有挂载呢，只是一个空壳，无法访问到数据和真实的dom，一般不做操作。2、create 阅读全文