2019年7月8日
bootstrap
摘要： 布局是以栅格系统为基础：一行12列； row: 表示一行，可以将多个块元素放在里面 类名col-:表示宽度占多少列: 例col-2 表示占2列 offset- :表示偏移多少例； 例offset-2 表示偏移2列的位置 响应式布局： 栅格系统在不同分辨率下有不同的分配， 屏幕<576px .col- 阅读全文
posted @ 2019-07-08 18:03 fanbu 阅读(188) 评论(0) 推荐(0)
预处理器less和sass
摘要： 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 阅读(250) 评论(0) 推荐(0)
html 和 css
摘要： 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 阅读(190) 评论(0) 推荐(0)
2019年7月4日
移动开发基础与响应式开发 flex grid 布局
摘要： 移动开发基础： 1. 物理像素：是指屏幕分辩率，又叫设备像素；开发中不会用到，只是用于认识屏幕的分辨率； 2. css像素：又叫逻辑像素，也叫设备独立像素，独立于设备像素外的像素；用于开发中； 3. 终点检测：检测当前设备和浏览器等信息console.log(navigator.userAgent) 阅读全文
posted @ 2019-07-04 14:39 fanbu 阅读(268) 评论(0) 推荐(0)
2019年7月1日
利用canvas制作小游戏的关键点
摘要： 主要就这四个思路： 游戏图片素材需要全部加载完成后，才初始化游戏 利用new Image(), 将所有数据存放在dataStore.js中，通过单例模式，让全局都可以调用同一个堆内存中的数据 canvas图片素材，是通过将图片剪切，放置在画布上，所以可以写成一个公用JS，ctx.drawImage( 阅读全文
posted @ 2019-07-01 12:28 fanbu 阅读(634) 评论(0) 推荐(0)
canvas知识点
摘要： canvas坐标系： 是以左上角向右向下的坐标 canvas注意点： 1.canvas画布默认大小300X150; 2. 给canvas画布设置大小，必须在canvas标签上或者js中，如果是在css中设置的canvas大小，仅仅是画布的缩放变化，画布本身大小没有改变； 3.记得调用描边stroke 阅读全文
posted @ 2019-07-01 12:21 fanbu 阅读(295) 评论(0) 推荐(0)
2019年6月25日
ES6备忘录
摘要： 1. 冻结对象，object.freeze(),可以阻止引用类型的修改 2. let const 声明的全局变量，不能再顶层调用 3. 只有当一个数组成员严格等于undefined，默认值才会生效; 4.Object.setPrototype(obj1,obj2); obj2是obj1的原型，obj 阅读全文
posted @ 2019-06-25 21:34 fanbu 阅读(264) 评论(0) 推荐(0)
2019年6月12日
html属性
摘要： html属性分为：Property固有属性，Attribute自定义属性 固有属性可以通过对象点属性获取，例： a.id 自定义属性通过（固定对象也可以） a.getAttribute() 获取属性值 a.setAttribute('属性','值') 设置属性值，ie7及以前不支持 a.remove 阅读全文
posted @ 2019-06-12 21:28 fanbu 阅读(345) 评论(0) 推荐(0)
2019年5月29日
浏览器兼容性
摘要： 所有都可以通过https://www.caniuse.com/来查询支持的浏览器 html兼容性 主要就是html5兼容以前老IE能够使用html5标签； https://www.bootcdn.cn/html5shiv/ 引入html5shiv插件就能解决 js兼容性 常用短路运算符来判断； 例： 阅读全文
posted @ 2019-05-29 16:51 fanbu 阅读(286) 评论(0) 推荐(0)
2019年5月25日
按顺序获取异步数据，可以用递归的方式
摘要： 异步函数不应该用直接循环，不然项目的执行顺序是不确定的。 应该用递归： var arr = ["a","b","c"]; (function loop(index) { setTimeout(function(){//用setTimeout模拟异步函数 console.log(arr[index]) 阅读全文
posted @ 2019-05-25 23:34 fanbu 阅读(321) 评论(0) 推荐(0)