随笔分类 - 框架封装
摘要: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...
阅读全文
摘要:
阅读全文
阅读全文
摘要:
阅读全文
阅读全文
摘要:
阅读全文
阅读全文
摘要:问题引出:要发送Ajax请求,就必须使用HTTP请求?什么是跨域问题?什么是跨域问题:如果两个页面中的协议、域名、端口、子域名任意有一项不同,两者之间所进行的访问行动就是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。如何解决呢?1. 使用...
阅读全文
摘要:
阅读全文
阅读全文
摘要:/** 苏拉克尔塔游戏 * 思路: * 1.棋盘设置:使用HTML5的canvas标签绘制整个棋盘 * 2.点击事件:当页面被点击时,获取点击的x,y像素点,根据此像素点进行判断,再在合适位置绘制黑红棋子,棋子均是使用canvas绘制的 * 3.保存落子记录:将数据存...
阅读全文
摘要:这个游戏基本上是建立在JavaScript模块化的开发基础上进行封装的,对游戏里面需要使用到的游戏场景进行了封装,分别实现了Game,Sprite,enemy,player, base,Animation 等游戏类,后续代码还可以继续优化,最终实现的效果如下:其他的所...
阅读全文
摘要://V1.0 : 实现棋子的布局,画布及游戏场景的初始化//V2.0 : 实现棋子的颜色改变//V3.0 :实现所有象棋的走棋规则//V4.0 : 实现所有棋子的吃子功能完整的项目源码已经开源:https://github.com/xiugangzhang/Chine...
阅读全文
摘要:// 测试1console.log('----------test1--------------');console.log(global); // undefinedvar global = 'hahaha';console.log(global); // haha...
阅读全文
摘要:这个版本的JQuery是对上一个版本的JQuery,使用了require.js进行了二次封装,基本上把前面的每一个框架封装成为一个单独的模块,最终的目录结构如下:由于代码量和目录比较多,这个封装好的代码和目录已经全部上传到GitHub上面,需要的同学可以前往下载哈。h...
阅读全文
摘要:整个封装过程及阅读JQuery源码的过程基本上持续了一个月吧,最终实现了一个大概30%的JQuery功能的框架版本,但是里面涉及的知识点也是非常多的,总共的代码加上相关的注释大概在3000行左右吧,但也只是对JQuery的里面的知识点了解了大概,后续希望能更深层次的理...
阅读全文
摘要:// 缓存框架(function (xframe) { /** * 实现了缓存框架的临时存储功能(内存存储) * @type {{data: Array, get: (function(*): *), add: xframe.cache.add,...
阅读全文
摘要:// 动画框架(function (xframe) { // 需要参与链式访问的(必须使用prototype的方式来给对象扩充方法) xframe.extend({}); // 不需要参与链式访问的 xframe.extend(xframe, ...
阅读全文
摘要:// DOM框架(选择器框架)(function (xframe) { // 需要参与链式访问的(必须使用prototype的方式来给对象扩充方法) xframe.extend({ /** * 向现有的元素集合中添加元素节点(...
阅读全文
摘要:// 内容框架(function (xframe) { // 需要参与链式访问的(必须使用prototype的方式来给对象扩充方法) xframe.extend({ /** * .html()用为读取和修改元素的HTML标签 ...
阅读全文
摘要:// 属性框架(function (xframe) { // 需要参与链式访问的(必须使用prototype的方式来给对象扩充方法) xframe.extend({ /** * 获取/设置某一个元素的属性信息 ...
阅读全文

浙公网安备 33010602011771号