摘要: less: less是基于Node.js编写的; 安装:npm install less; 创建index.less和index.css两个文件,在index.less中编写css,然后将less文件变异为css文件 注要功能:变量,混合(mixins),函数等... less变量:以@开头定义变量 阅读全文
posted @ 2019-07-08 16:15 fanbu 阅读(238) 评论(0) 推荐(0) 编辑
摘要: html重要的属性 a[href, target] target:在哪里打开,常用target='_black‘,新打开一个网页 img[src,alt] alt:替换资源,当src不显示时,就会显示alt中的文字 table td[colspan, rowspan] form[target, me 阅读全文
posted @ 2019-07-08 10:54 fanbu 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 移动开发基础: 1. 物理像素:是指屏幕分辩率,又叫设备像素;开发中不会用到,只是用于认识屏幕的分辨率; 2. css像素:又叫逻辑像素,也叫设备独立像素,独立于设备像素外的像素;用于开发中; 3. 终点检测:检测当前设备和浏览器等信息console.log(navigator.userAgent) 阅读全文
posted @ 2019-07-04 14:39 fanbu 阅读(236) 评论(0) 推荐(0) 编辑
摘要: 主要就这四个思路: 游戏图片素材需要全部加载完成后,才初始化游戏 利用new Image(), 将所有数据存放在dataStore.js中,通过单例模式,让全局都可以调用同一个堆内存中的数据 canvas图片素材,是通过将图片剪切,放置在画布上,所以可以写成一个公用JS,ctx.drawImage( 阅读全文
posted @ 2019-07-01 12:28 fanbu 阅读(621) 评论(0) 推荐(0) 编辑
摘要: canvas坐标系: 是以左上角向右向下的坐标 canvas注意点: 1.canvas画布默认大小300X150; 2. 给canvas画布设置大小,必须在canvas标签上或者js中,如果是在css中设置的canvas大小,仅仅是画布的缩放变化,画布本身大小没有改变; 3.记得调用描边stroke 阅读全文
posted @ 2019-07-01 12:21 fanbu 阅读(271) 评论(0) 推荐(0) 编辑
摘要: 1. 冻结对象,object.freeze(),可以阻止引用类型的修改 2. let const 声明的全局变量,不能再顶层调用 3. 只有当一个数组成员严格等于undefined,默认值才会生效; 4.Object.setPrototype(obj1,obj2); obj2是obj1的原型,obj 阅读全文
posted @ 2019-06-25 21:34 fanbu 阅读(250) 评论(0) 推荐(0) 编辑
摘要: html属性分为:Property固有属性,Attribute自定义属性 固有属性可以通过对象点属性获取,例: a.id 自定义属性通过(固定对象也可以) a.getAttribute() 获取属性值 a.setAttribute('属性','值') 设置属性值,ie7及以前不支持 a.remove 阅读全文
posted @ 2019-06-12 21:28 fanbu 阅读(323) 评论(0) 推荐(0) 编辑
摘要: 所有都可以通过https://www.caniuse.com/来查询支持的浏览器 html兼容性 主要就是html5兼容以前老IE能够使用html5标签; https://www.bootcdn.cn/html5shiv/ 引入html5shiv插件就能解决 js兼容性 常用短路运算符来判断; 例: 阅读全文
posted @ 2019-05-29 16:51 fanbu 阅读(272) 评论(0) 推荐(0) 编辑
摘要: 异步函数不应该用直接循环,不然项目的执行顺序是不确定的。 应该用递归: var arr = ["a","b","c"]; (function loop(index) { setTimeout(function(){//用setTimeout模拟异步函数 console.log(arr[index]) 阅读全文
posted @ 2019-05-25 23:34 fanbu 阅读(310) 评论(0) 推荐(0) 编辑
摘要: <svg width='' height=' ' viewBox='0 0 100 100' version='1.1' xmlns="http://www.w3.org/2000/svg"> <!-- xmlns最好不要省略,解析编码 --> 构建图形形状 </svg> viewBox=(x,y, 阅读全文
posted @ 2019-05-22 16:57 fanbu 阅读(581) 评论(0) 推荐(0) 编辑