摘要：
响应式网页设计项目-Tribute Page to Kobe and Gigi https://codepen.io/yiyunpan// #技术堆栈 1. 使用HTML、JavaScript和CSS完成。这里是用纯CSS做的 #内容 1. 使用了H5语义化的标签： <main></main> <f 阅读全文
摘要：
复习 vue单文件方式 xxx.vue 1:准备好配置文件 package.json(包描述文件&& 封装命令npm run dev) + webpack.config.js文件（打包的配置文件） 2:创建index.html（单页应用的页） 3:创建main.js(入口文件) 4:引入vue和相关 阅读全文
摘要：
关于项目目录结构 Vue介绍 2014年诞生,2013年react,09年angularjs 作者 尤雨溪 核心概念: 组件化 双向数据流 (基于ES5中的defineProperty来实现的), IE9才支持 angular核心： 模块化 双向数据绑定(脏检测:一个数组（$watch）) 开发一个 阅读全文
摘要：
折线图 绘制网格 布置好canvas <canvas width="600" height="400"></canvas> <style> canvas { border: 1px solid #ccc; } </style> var myCanvas = document.querySelecto 阅读全文
摘要：
绘制一个由黑到白渐变的矩形 /*线是由点构成的*/ ctx.lineWidth = 30; for (var i = 0; i < 255; i++) { ctx.beginPath(); ctx.moveTo(100 + i - 1, 100); ctx.lineTo(100 + i, 100); 阅读全文
摘要：
绘制虚线 数组是用来描述你的排列方式的 ctx.setLineDash([5, 15, 10]); 获取虚线的排列方式 获取的是不重复的那一段的排列方式 console.log(ctx.getLineDash()); 虚线的偏移 /*如果是正的值 往后偏移*/ /*如果是负的值 往前偏移*/ ctx 阅读全文
摘要：
和线相关的属性和方法 ctx.lineCap = "square"; ctx.lineCap = "round"; ctx.lineJoin = 'miter'; /*画平行线*/ ctx.beginPath(); ctx.moveTo(100,100); ctx.lineTo(200,20); c 阅读全文
摘要：
绘制一个镂空正方形 第一个正方形顺时针轨迹 第二个正方形逆时针轨迹 轨迹值为0，不填充，就是镂空效果了 /*1.绘制两个正方形 一大200一小100 套在一起*/ ctx.moveTo(100, 100); ctx.lineTo(300, 100); ctx.lineTo(300, 300); ct 阅读全文
摘要：
绘制一个填充的三角形 1. 关闭路径 closePath 2. 填充 fill <script> var myCanvas = document.querySelector('canvas'); var ctx = myCanvas.getContext('2d'); /*1.绘制一个三角形*/ c 阅读全文
摘要：
绘制三条不同颜色和宽度的平行线 画布 <canvas width="600" height="400"></canvas> 画布加边框显示出来 <style> canvas { border: 1px solid #ccc; } </style> 获取canvas, 准备工具盒context var 阅读全文