layuecr-CSDN博客

转载关于canvas画布使用fillRect()时高度会放大的解决方案

当设置canvas的宽度和高度时，习惯性会不会使用内联样式。但对于canvas来说，fillRect()，只有在内联样式的时候才有效，外部的CSS往往会发生拉伸的情况。这是网上找来的答案： (1)在代码js中添加设置宽高属性的代码设置宽度和高度： canvas.setAttribute("height",canvas.clientHeig

2017-10-26 20:31:12 1435

原创学习笔记——事件处理程序（HTML事件处理、DOM0、DOM2）

HTML事件处理程序 HTML元素使用类似onclick事件，叫做HTML事件。<input type = "button" onclick = "function(){}">DOM0事件处理程序较为传统的方法，也是使用得比较多的方法：在JS中给节点添加函数。 btn.onclick = function(){}DOM2事件处理程序 DOM2事件定义了两个方法，用于处理指定和删除事件处理程序的操作 addEventL

2017-10-24 22:08:19 270

原创 Git的一些常见命令

这里整理了些常用的Git命令。Linux命令：ls / cd / pwd / cat / rm / mkdir ...本地仓库： git add / git commit / git status / git log / git reset / git branch ...远程仓库： git push / git clone / git remote ...

2017-10-19 23:01:29 211

原创学习笔记——创建对象的几种方法

创建对象的几种方法——《JavaScript高级程序设计》笔记：1. 工厂模式（用函数来封装以特定接口创建对象） function createPerson(name, age, job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){

2017-10-12 16:48:17 319

原创学习笔记——使用canvas给图形填色

看到canvas的章节，想到可以用它来画个图。然后选了幅由简单线条组成的卡通火箭图，准备动手画。画的过程中遇到了些问题，这里整理一下。下面是找来的图：没上色前，还感觉不出什么问题。就是使用lineTo画直线，quadraticCurveTo画曲线。附个没上色的图：到上色了，就遇到问题了：一个颜色怎么覆盖到另外一个颜色上面去？

2017-09-19 14:14:24 4177 1

原创学习笔记——使用ajax()方法解决跨域问题

最近在FCC做任务的时候，任务中需要使用网上提供的接口完成通过Ajax获取到JSON数据，来动态更新页面上的天气情况。参考了下别人使用的天气预报接口，最后选择了和风天气。对其进行数据请求之后，成功获取了天气预报的数据返回。使用方法：$.getJSON(url,function(data){ //data为返回的数据}); //url是接口地址（例如和

2017-09-16 13:16:04 345

原创 ul下，对不同高度的图片进行遮罩

在做图片的展示那块的时候，想到平时别的网站上面看见的一些图片的展示，鼠标移上去的时候，会出现一层半透明的罩，然后还会出现字。想着应该挺简单的，就想做一做。先放个成品图（左边是未遮罩的图片，右边是鼠标移上去之后进行遮罩了之后的图片）：因为之前有做过类似的，所以没有任何犹豫的做了，结果发现有问题出现了，上面图片这个我是在codepen上写的，就是说要用图片的话，得使用已经上传

2017-08-30 10:58:50 686

原创关于使用bootstrap创建导航栏的一些学习心得（dropdown二级菜单）

我在学习《Build a Personal Portfolio Webpage》这个的项目时，在做导航栏的时候卡了有一两天，问题出在我想我的适应于(max-width：768px)的导航栏出现二级菜单。下面的图片是我想达到的效果。但是在做的时候却出现了问题，bootstrap自带的就是如第一张图的效果，我仿照freeCodeCamp给的例子，想做成这

2017-08-27 12:18:04 3954 1

layuecr的博客