09 2018 档案

下包指令
摘要：下包指令1.npm install(i) 包名eg：npm i jquery 最新 npm i jquery@.2.2.22.npm i 包名 --save 在package.json中生成dependencies依赖npm i 包名 -s3.npm i 包名 --save-dev 在package 阅读全文
posted @ 2018-09-30 09:32 maps..xy 阅读(284) 评论(0) 推荐(0)
node exports
摘要：1.exports为了使用方便，node内部提供的一个变量，指向module.exports exports和module.exports的区别exports只能抛出对象，而module.exports可以抛出当前内容形式原因：当调用require函数加载模块时，实则加载的是该模块的module.e 阅读全文
posted @ 2018-09-29 10:53 maps..xy 阅读(209) 评论(0) 推荐(0)
node简单知识点1
摘要：Node.js是一个javascript运行环境，实际上它是对Google V8引擎（由c++语言编写的一个js引擎） 进行了封装，V8引擎执行Javascript的速度非常快，性能非常好 node的特点异步I/O 事件与回调函数 单线程 3.系统变量比环境变量高一点node环境变量的配置（可以全局 阅读全文
posted @ 2018-09-27 21:02 maps..xy 阅读(98) 评论(0) 推荐(0)
bootstrap
摘要：1、引入bootstarp.min.css2、最外层盒子的名字.container类用于固定宽度并支持响应式布局的容器 .container-fluid类用于100%宽度，占据全部视口viewport容器3、栅格系统一行最多分为12列，超过12列，另起一行显示 行必须包含在cantainer里面或者 阅读全文
posted @ 2018-09-18 16:48 maps..xy 阅读(140) 评论(0) 推荐(0)
swiper动画
摘要：引入swiper.animate.css/swiper.animate.js(前提先引入swiper.css/swiper.js)在需要运动的元素上面增加类名aniswiper-animate-effect 切换效果 swiper-animate-duration 可选，动画持续时间swiper-a 阅读全文
posted @ 2018-09-17 23:15 maps..xy 阅读(206) 评论(0) 推荐(0)
canvas知识点
摘要：globalCompositeOperation 属性设置会返回一个源图像绘制到目标的图像上源图像= 打算放置到画布上的绘图目标图像=您已经放置在画布上的绘图 默认值 source-overdestination-out canvaasElement.toDataURL()导出画布 返回值是base 阅读全文
posted @ 2018-09-16 21:08 maps..xy 阅读(138) 评论(0) 推荐(0)
canvas画布
摘要：globalCompositeOperation 属性设置会返回一个源图像绘制到目标的图像上源图像= 打算放置到画布上的绘图目标图像=您已经放置在画布上的绘图 默认值 source-overdestination-out canvaasElement.toDataURL()导出画布 返回值是base 阅读全文
posted @ 2018-09-15 09:53 maps..xy 阅读(150) 评论(0) 推荐(0)
canvas
摘要：1、canvas API（画布）是在HTML5中新增的标签用于在页面实时生成图像，并且可以操作图像内容，基本上他是一个可以用javascript操作的位图2、canvasElement.getContext('2d');获取画布canvas默认宽为300高为150不能在样式里设置宽高，只能通过属性c 阅读全文
posted @ 2018-09-14 08:40 maps..xy 阅读(120) 评论(0) 推荐(0)
better-scroll
摘要：1、better-scroll是一款重点解决移动端各种滚动场景需求的插件，它的核心是借鉴iscroll的实现，它的api设计基本兼容iscroll2、better-scroll是基于原生js实现的，不依赖任何框架/3、better-scroll 只滚动它（wrapper）下面的第一个子元素，其他元素 阅读全文
posted @ 2018-09-13 08:20 maps..xy 阅读(533) 评论(0) 推荐(0)
常用的swiper
摘要：1、先引入swiper.min.css和swiper.min.js2、结构样式swiper-container,swiper-wrapper,swiper-slide3/实例化var myswiper=newswiper('.swiper-container');4、如果一个页面有多个swiper， 阅读全文
posted @ 2018-09-12 23:04 maps..xy 阅读(267) 评论(0) 推荐(0)
vadio
摘要：1、input type="file"2、给input添加change事件（只能触发change事件），在市价里面获取图片的信息3、图片信息this.files//是类数组，支持单张上传也支持多张上传 多张上传的属性 获取第一张图片的信息 this.files[0]4、lastModigied 最后 阅读全文
posted @ 2018-09-11 08:18 maps..xy 阅读(1216) 评论(0) 推荐(0)
目标对象，源对象
摘要：1、给要拖放的元素添加draggable=truea，img本身具有可拖放性 2、源对象ondragstart：开始被拖放ondrag：拖拽过程中dragend ：拖拽结束 3、目标对象ondragenter：当拖拽元素进入目标文件的时候触发的事件ondragover:当拖拽元素穿过目标元素的时候触 阅读全文
posted @ 2018-09-10 14:54 maps..xy 阅读(475) 评论(0) 推荐(0)
手指信息，本地存储
摘要：transitionend 过渡结束之后会触发的事件anmationend TouchEventTouchEvent是一类描述手指在触摸平面上的状态变化的事件1.事件touchstart 手指按下的事件 mousedowntouchmove 手指移动的事件 mousemovetouchend 手指抬 阅读全文
posted @ 2018-09-09 09:17 maps..xy 阅读(124) 评论(0) 推荐(0)
css3的属性
摘要：transition(过渡动画)transition：过渡的属性名字（transition-property） 过渡的时长（transition-duration） 过渡的曲线（transition-timing-function） 延时（transtion-delay） transformtran 阅读全文
posted @ 2018-09-08 09:50 maps..xy 阅读(139) 评论(0) 推荐(0)
h5 弹性盒
摘要：给父元素设置1、设置弹性盒display:flex; //设置弹性盒子display:inline-flex; //设置行内元素设置弹性盒 -moz 是火狐的内核-ms 是ie的内核-o 是欧朋的内核-webkit是谷歌浏览器和safair（苹果浏览器）的内核1）display:-webkit-fl 阅读全文
posted @ 2018-09-07 09:50 maps..xy 阅读(228) 评论(0) 推荐(0)
ES6 Generators
摘要：生成器（ generator）是能返回一个迭代器的函数。生成器函数也是一种函数，最直观的表现就是比普通的function多了个星号*，在其函数体内可以使用yield关键字,有意思的是函数会在每个yield后暂停。这里生活中有一个比较形象的例子。咱们到银行办理业务时候都得向大厅的机器取一张排队号。你拿 阅读全文
posted @ 2018-09-06 15:00 maps..xy 阅读(99) 评论(0) 推荐(0)
ES6 promise
摘要：在promise之前代码过多的回调或者嵌套，可读性差、耦合度高、扩展性低。通过Promise机制，扁平化的代码机构，大大提高了代码可读性；用同步编程的方式来编写异步代码，保存线性的代码逻辑，极大的降低了代码耦合性而提高了程序的可扩展性。说白了就是用同步的方式去写异步代码。发起异步请求 fetch(' 阅读全文
posted @ 2018-09-05 14:31 maps..xy 阅读(93) 评论(0) 推荐(0)
import,export
摘要：import导入模块、export导出模块//全部导入import people from './example' //有一种特殊情况，即允许你将整个模块当作单一对象进行导入//该模块的所有导出都会作为对象的属性存在import * as example from "./example.js"con 阅读全文
posted @ 2018-09-04 15:45 maps..xy 阅读(146) 评论(0) 推荐(0)