前端
关注
分享
扫一扫
LLbiu
爱前端
展开
-
gulp 图片压缩
压缩图片代码可降低图片文件大小，提高页面打开速度。规律转换为 gulp 代码找到 images/ 目录下的所有image文件，压缩它们，将压缩后的文件存放在 dist/images/ 目录下。gulp 代码一、安装gulp-imagemin 模块提示：你需要使用命令行的 cd 切换到对应目录后进行安装操作。在命令行输入 sudo npm install gulp-imagemin 二、在 gul...转载 2018-07-11 11:26:13 · 714 阅读 · 2 评论 -
CSS3弹性盒子Flex布局
CSS3弹性盒子Flex 盒子变成弹性盒子   display:flex; 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成 flex容器 flex布局图   flex六个属性 1.flex-...转载 2018-07-13 17:33:03 · 328 阅读 · 0 评论 -
用面向对象的方法实现拖拽
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style> #div1 {width:100px; height:100px; background:red; position:absolute;} #div2 {width:100px; height:100...原创 2018-07-20 11:26:24 · 575 阅读 · 0 评论 -
canvas绘制基础示例
canvas标签 canvas：即画布的意思。标签使用<canvas></canvas>，是普通的HTML标签。可以设置width和height属性，但是单位必须为px。 设置canvas标签的宽高是通过其属性进行设置的，不要用css设置 <canvas width="600" height="600"> ie9 以上才支持 canvas 你的浏...原创 2018-08-01 11:26:41 · 495 阅读 · 0 评论