js:
1.原型、原型链
2.闭包
3.es6有无了解, 以及 es6特点
4.模块化的理解
4.cmd和amd的区别
5.html大概的渲染流程 (解析html及构建dom树,渲染树(renderobject,renderlayer),布局排版(render),绘图(panit))
6.浏览器的渲
globalCompositeOperation
如果我们先画了一个图形,然后要在这个图形上面再画一个图形,那么这个图形会怎么样呢?是覆盖在原来的图形上面吗?这时候,就要用到globalCompositeOperation这个属性了。
当有两个图形重叠的时候,可以有很多种混合模式,比如上面的图形盖住
代码indexhtml
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tencen
save()和restore()
save()
保存当前状态,将当前canvas的状态存入栈中。
restore()
恢复之前save的一个状态,将之前的状态从栈中弹出。
保存的当前状态包含以下信息:
变换(平移、旋转、缩放)
属性: strokeStyle, fillStyle, global
注:本文只讨论技术不涉及商业,如有侵权请告知,未经本人同意转载后果自负!
本文是通过浏览器端ajax,node端request-json进行爬取”尤果网“部分图片资源,纯属技术方面兴趣,不涉及商业方面;
先上图:
如果没有node基础请自行学习~
获取图片原理:通过request请求html文
伸缩布局盒模型
HTML代码:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript">// 使用函数完成任意数字
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padd
style="zoom:225%;"
页面传值小技巧
平常我们在做的web项目,一般一个HTML页面上会有好几个步骤,step_nu
在canvas里画图有两个步骤:
获得图片源。
drawImage()画图。
图片源
canvas支持以下几种图片资源:
HTMLImageElement
可以使用Image()方法构造的图片,也可以是HTML的元素。
HTMLVideoElement
可以使用HTML的
HTMLCanvasEle
利用webgl随机生成N个方块,并在画布内来回移动,遇到边界可以弹回。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>动画制作&
前沿||我是乐于分享,善于交流的鸟窝 先做写一篇关于登录模块中记住密码与自动登录的模块。鸟窝微信:jkxx123321
关于这个模块功能模块的由来,这是鸟大大的处女秀,为什么这么说呢?一天在群里,一个哥们说有私活,开发一个****模块,我那天手痒痒就和他聊了两句,然后,就决定
HTML5规定可以为元素添加非标准的属性,但要添加前缀 data- ,目的是为元素提供与渲染无关的信息,或者提供语义信息。这些属性可以任意添加、随便命名,只要以 data- 开头即可
添加了自定义属性之后,可以通过元素的 dataset 属性来访问自定义属性的值
1
HTML5 Canvas
Canvas ,HTML 5中引入它,可以做很多事情:画图、动画、游戏开发等等。本篇就主要讲解一下Canvas的基本作图。
内容摘要
1、Canvas 基础知识
1.1 Canvas元素
1.2 CanvasRender
在html5新增的classList之前, 操作元素的class用的是className这个属性,而如果要向jquery封装的hasClass, removeClass, addClass, toggleClass一样优雅的操作calssName, 在以前我们要对className封装处理,如下,
一、主要内容:
二、含义、注意事项、使用方法:
1、let 命令:用来声明一个变量,和var非常相似。
使用let声明变量的注意事项:
1)、使用let声明的变量,所声明的变量只在命令所在的代码块内有效。
{
let a = 2;
var b = 3
Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。
Hybrid App是什么呢
1.Hybrid App就是一个移动应用
2.同时使用网页语言与程序语言编写
var canvas = $("#gameCanvas");
var context = canvas.get(0).getContext("2d");
//画布尺寸
var canvasWidth = canvas.width();
var canvasHeight = canvas.heig