11 2016 档案

关于ES6新增的东西（二）
摘要：六、原生Promise ES6： 七、新方法 1》箭头函数 根据参数个数不同，分这几种情况：() => { … } // 零个参数用 () 表示x => { … } // 一个参数可以省略 ()(x, y) => { … } // 多参数不能省略 () eg： 2》复制数组 arr2.from(ar 阅读全文
posted @ 2016-11-27 22:56 Jason齐齐 阅读(604) 评论(0) 推荐(1) 编辑
关于ES6新增的东西
摘要：查询浏览器对ES6的支持情况https://kangax.github.io/compat-table/es6/ Chrome、MS Edge、Firefox、Safari、Node和其它很多环境都已经嵌入程序以支持 JavaScript ES6 的大部分功能。 一、变量和变量的作用域ES5： 定义 阅读全文
posted @ 2016-11-26 23:38 Jason齐齐 阅读(6749) 评论(0) 推荐(0) 编辑
视觉差滚动--展示图片
摘要： 阅读全文
posted @ 2016-11-24 22:19 Jason齐齐 阅读(376) 评论(0) 推荐(1) 编辑
css3和原生js时钟
摘要：Document 阅读全文
posted @ 2016-11-22 22:47 Jason齐齐 阅读(163) 评论(0) 推荐(1) 编辑
h5中websocket
摘要：ajax的数据传输是单向的，客户端和服务端没有连接 客户端建立连接发送请求 服务器端沿着建立的连接返回相应 断开连接 websocket则是可以在客户端和服务器端进行双向的数据接收和发送 打个比方：小明在客厅看电视，小明的媳妇在卫生间洗衣服，小明的爸爸在书房看报纸，小明的妈妈在厨房做饭；小明的爸爸饿 阅读全文
posted @ 2016-11-21 23:14 Jason齐齐 阅读(2215) 评论(0) 推荐(2) 编辑
js原生碰撞检测
摘要：无标题文档 阅读全文
posted @ 2016-11-20 23:07 Jason齐齐 阅读(6162) 评论(1) 推荐(2) 编辑
使用gulp将移动端px转为rem
摘要：使用gulp的插件可以很方便的将xp转为rem，在布局的时候使用@1x 、@2x布局，即10rem=device-width；@1x即设计图为320px，1rem对应的10px像素，相对的@2x即为布局使用640px的布局，1rem=20px像素；不过浏览器有默认最小字体，谷歌浏览器默认的最小的字体 阅读全文
posted @ 2016-11-19 23:30 Jason齐齐 阅读(4318) 评论(0) 推荐(1) 编辑
百度搜索--jquery
摘要：1111--> 1111--> 1111--> 1111--> 阅读全文
posted @ 2016-11-18 23:24 Jason齐齐 阅读(265) 评论(0) 推荐(1) 编辑
关于Ajax中http协议
摘要：关于ajaxajax是异步的JavaScript和XML，优点是无刷新的与后天通信并获取数据，只更改页面中需要更改的部分，而不是刷新整个页面，减少无意义的数据传输，提高了效率和用户体验 1.协议和HTTP协议。HTTP协议，它规定了在网络中发布、传输和接收html页面的方法。大家都遵循这个协议，就能 阅读全文
posted @ 2016-11-17 23:35 Jason齐齐 阅读(4730) 评论(0) 推荐(1) 编辑
用nodejs搭建一个简单的服务器
摘要：使用nodejs搭建一个简单的服务器 nodejs优点：性能高（读写文件） 数据操作能力强 官网：www.nodejs.org 验证是否安装成功：cmd命令行中输入node -v 如果显示版本号表示安装成功 【常用命令】 切换盘符 d:进入文件夹 cd nodejs返回上一级目录 cd..清屏 cl 阅读全文
posted @ 2016-11-16 23:24 Jason齐齐 阅读(10724) 评论(1) 推荐(1) 编辑
js正则验证邮箱、手机号、年龄
摘要：Title email: tel: age: cName: 阅读全文
posted @ 2016-11-15 23:00 Jason齐齐 阅读(631) 评论(0) 推荐(1) 编辑
canvas时钟
摘要：Document 阅读全文
posted @ 2016-11-14 23:41 Jason齐齐 阅读(209) 评论(0) 推荐(1) 编辑
angular留言板
摘要：今天使用angularJs写了一个留言板，简单的享受了下angular处理数据的双向绑定的方便；注释已经都写到行间了 阅读全文
posted @ 2016-11-13 23:58 Jason齐齐 阅读(1025) 评论(0) 推荐(1) 编辑
文件拖拽上传
摘要：1 15 69 70 71 72 请将文件拖拽到此区域 73 阅读全文
posted @ 2016-11-12 23:56 Jason齐齐 阅读(249) 评论(0) 推荐(1) 编辑
js模拟手机触摸屏
摘要：1 2 3 4 5 无标题文档 6 13 14 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 阅读全文
posted @ 2016-11-11 23:38 Jason齐齐 阅读(1936) 评论(0) 推荐(1) 编辑
飞页效果，可以制作页码更换
摘要：这个效果使用了自己封装的一个运动函数；这个效果的巧妙之处在于，在开始用数组存放了每个li的位置信息，然后在点击按钮（页码）的时候让li的宽高位置和透明度发生运动的改变一个一个的消失，然后在消失结束之后，再一个个倒着出现；可以和页码进行匹配，从而实现页码更换的效果 运动函数 阅读全文
posted @ 2016-11-10 23:57 Jason齐齐 阅读(465) 评论(0) 推荐(1) 编辑
原生js颗粒页换图效果
摘要：颗粒翻转 阅读全文
posted @ 2016-11-09 23:16 Jason齐齐 阅读(438) 评论(0) 推荐(1) 编辑
css3爆炸效果更换图片轮播图
摘要：思路：给一个div设置一个背景图片1.jpg，然后在这个div上面用两个for循环动态的创建一个列数为C行数为R数量的span，并给这些span设置宽高、定位并设置背景图片0.jpg，然后设置每个span的background-position，使这组span平铺在div上。当点击div时换图，换图 阅读全文
posted @ 2016-11-08 00:36 Jason齐齐 阅读(2178) 评论(0) 推荐(1) 编辑
css3高级运动keyframes
摘要：Document 阅读全文
posted @ 2016-11-07 00:34 Jason齐齐 阅读(393) 评论(0) 推荐(1) 编辑
grunt的使用方法，环境配置和插件安装
摘要：虽然现在grunt的用的越来越少了，但是插件数量还是相当多的，另外grunt和gulp的使用相当相似； grunt需要安装node和npm 验证node是否安装：node -v 验证npm是否安装：npm -v 下面是具体的使用方法： 1》安装全局的配置环境 npm install -g grunt 阅读全文
posted @ 2016-11-06 09:32 Jason齐齐 阅读(1677) 评论(0) 推荐(0) 编辑
js原生捕鱼达人（三）--完结
摘要：先给分享下我写完的效果，github有点卡，我没有压缩代码，不过效果可以看到 https://jasonwang911.github.io/ 转载请注明‘转载于Jason齐齐的博客http://www.cnblogs.com/jasonwang2y60/’ 继续昨天的进行 11》添加金币 相同的创建 阅读全文
posted @ 2016-11-05 01:14 Jason齐齐 阅读(1326) 评论(0) 推荐(1) 编辑
js原生捕鱼达人（二）
摘要：昨天写到构造炮弹，有点小bug不知道大家发现没有，今天继续昨天的步骤 7》构造炮弹 思路和前面都是一样一样的 注意构造函数中需要考虑的属性 和 构造函数的原型上面的方法 8》设置炮弹的显示范围 在炮弹跑出屏幕的时候，将画出的炮弹在炮弹的数组中删除 昨天的小bug，旋转的时候角度的调试不对，是在写炮弹 阅读全文
posted @ 2016-11-04 02:05 Jason齐齐 阅读(1273) 评论(0) 推荐(1) 编辑
js原生捕鱼达人（一）
摘要：捕鱼达人的游戏大家都很熟悉吧，接下来的两三天，我会将整个游戏的原生js写法详细的写出来，整个游戏应用了面向对象的写法：创建构造函数，在构造函数上面添加对象的属性，然后在构造函数的原型上添加方法，当然这个程序使用了canvas来绘制，每一步的我都已经分别写出来，详细的步骤我在写代码的过程中都已经标注了 阅读全文
posted @ 2016-11-03 01:16 Jason齐齐 阅读(2861) 评论(0) 推荐(1) 编辑
localStorage实现购物车数量单价和总价实时同步（二）
摘要：利用localStorage实时显示购物车小计和总价页面显示： 和昨天的原理相同，本地存储同时实时循环计算总价之和，注意循环时候的先清空再计算 Success is getting what you want, happiness is wanting what you get.成功是得其所想，幸福 阅读全文
posted @ 2016-11-02 00:35 Jason齐齐 阅读(1794) 评论(0) 推荐(0) 编辑
localStorage实现购物车数量单价和结算页面的实时同步
摘要：While there is life there is hope.一息若存，希望不灭 用localStorage实现简易的购物车数量单价和结算页面两个页面的实时同步： 购物车页面：实时更新页面，在input的value发生改变的时候存储localStorage <script> window.on 阅读全文
posted @ 2016-11-01 02:20 Jason齐齐 阅读(2772) 评论(0) 推荐(1) 编辑