随笔分类 -  框架封装

摘要:1. 安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org【使用淘宝镜像】2. 初始化package.json文件cnpm init -y3. 安装webpackcnpm install -d webpack webpack-cli5. 安装webpack-dev-server(动态显示界面刷新)cnpm inst... 阅读全文
posted @ 2018-11-06 20:09 高热度网 阅读(1513) 评论(2) 推荐(0)
摘要: 阅读全文
posted @ 2018-10-13 13:52 高热度网 阅读(1197) 评论(0) 推荐(1)
摘要:问题引出:要发送Ajax请求,就必须使用HTTP请求?什么是跨域问题?什么是跨域问题:如果两个页面中的协议、域名、端口、子域名任意有一项不同,两者之间所进行的访问行动就是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。如何解决呢?1. 使用... 阅读全文
posted @ 2018-09-14 12:43 高热度网 阅读(157) 评论(0) 推荐(0)
摘要:/** 苏拉克尔塔游戏 * 思路: * 1.棋盘设置:使用HTML5的canvas标签绘制整个棋盘 * 2.点击事件:当页面被点击时,获取点击的x,y像素点,根据此像素点进行判断,再在合适位置绘制黑红棋子,棋子均是使用canvas绘制的 * 3.保存落子记录:将数据存... 阅读全文
posted @ 2018-08-23 12:36 高热度网 阅读(363) 评论(0) 推荐(1)
摘要:这个游戏基本上是建立在JavaScript模块化的开发基础上进行封装的,对游戏里面需要使用到的游戏场景进行了封装,分别实现了Game,Sprite,enemy,player, base,Animation 等游戏类,后续代码还可以继续优化,最终实现的效果如下:其他的所... 阅读全文
posted @ 2018-08-22 12:19 高热度网 阅读(767) 评论(0) 推荐(0)
摘要://V1.0 : 实现棋子的布局,画布及游戏场景的初始化//V2.0 : 实现棋子的颜色改变//V3.0 :实现所有象棋的走棋规则//V4.0 : 实现所有棋子的吃子功能完整的项目源码已经开源:https://github.com/xiugangzhang/Chine... 阅读全文
posted @ 2018-08-21 12:41 高热度网 阅读(505) 评论(0) 推荐(0)
摘要:// 测试1console.log('----------test1--------------');console.log(global); // undefinedvar global = 'hahaha';console.log(global); // haha... 阅读全文
posted @ 2018-08-07 11:27 高热度网 阅读(133) 评论(0) 推荐(0)
摘要:这个版本的JQuery是对上一个版本的JQuery,使用了require.js进行了二次封装,基本上把前面的每一个框架封装成为一个单独的模块,最终的目录结构如下:由于代码量和目录比较多,这个封装好的代码和目录已经全部上传到GitHub上面,需要的同学可以前往下载哈。h... 阅读全文
posted @ 2018-07-22 17:43 高热度网 阅读(356) 评论(0) 推荐(0)
摘要:整个封装过程及阅读JQuery源码的过程基本上持续了一个月吧,最终实现了一个大概30%的JQuery功能的框架版本,但是里面涉及的知识点也是非常多的,总共的代码加上相关的注释大概在3000行左右吧,但也只是对JQuery的里面的知识点了解了大概,后续希望能更深层次的理... 阅读全文
posted @ 2018-07-22 16:59 高热度网 阅读(172) 评论(0) 推荐(0)
摘要:// 缓存框架(function (xframe) { /** * 实现了缓存框架的临时存储功能(内存存储) * @type {{data: Array, get: (function(*): *), add: xframe.cache.add,... 阅读全文
posted @ 2018-07-19 22:22 高热度网 阅读(256) 评论(0) 推荐(0)
摘要:// 动画框架(function (xframe) { // 需要参与链式访问的(必须使用prototype的方式来给对象扩充方法) xframe.extend({}); // 不需要参与链式访问的 xframe.extend(xframe, ... 阅读全文
posted @ 2018-07-19 22:21 高热度网 阅读(134) 评论(0) 推荐(0)
摘要:// DOM框架(选择器框架)(function (xframe) { // 需要参与链式访问的(必须使用prototype的方式来给对象扩充方法) xframe.extend({ /** * 向现有的元素集合中添加元素节点(... 阅读全文
posted @ 2018-07-19 22:20 高热度网 阅读(315) 评论(0) 推荐(0)
摘要:// 内容框架(function (xframe) { // 需要参与链式访问的(必须使用prototype的方式来给对象扩充方法) xframe.extend({ /** * .html()用为读取和修改元素的HTML标签 ... 阅读全文
posted @ 2018-07-19 22:19 高热度网 阅读(141) 评论(0) 推荐(0)
摘要:// 属性框架(function (xframe) { // 需要参与链式访问的(必须使用prototype的方式来给对象扩充方法) xframe.extend({ /** * 获取/设置某一个元素的属性信息 ... 阅读全文
posted @ 2018-07-19 22:18 高热度网 阅读(196) 评论(0) 推荐(0)