chuqtu-CSDN博客

原创 layabox说明和输出hellworld

LayaBox是中国领先的游戏引擎提供商和综合服务商，旗下第二代引擎LayaAir是基于HTML5协议的全能型开源引擎。LayaAir突破性的将2D、3D、AR、VR和页游、Native手游、HTML5游戏等诸多需求通过一个引擎得以完美统一。目前引擎已被腾讯、Forgame、37游戏、仙海网络、胡莱游戏、蝴蝶互动等200多家游戏厂商采用。另外，LayaBox还以一键对接SDK、项目投资、游戏代理等方

2017-03-31 18:07:18 1876

原创设计模式--架构型设计模式

架构型设计模式有同步模块模式，异步模块模式，Widget模式，MVC模式，MVP模式，MVVM模式。同步模块模式模块化：将复杂的系统分解成高内聚，低耦合的模块，使系统开发变得可控，可维护，可拓展，提高模块的复用率。同步模块模式-请求发出后，无论是模块是否存在，立即执行后续的逻辑，实现模块开发中对模块的立即引用。要想实现模块化开发，首先要有一个模块管理器，它管理着模块的创建与调度。对于

2017-03-31 13:47:28 641

原创设计模式--结构型设计模式

结构型设计模式有外观模式，适配器模式，代理模式，装饰者模式，桥接模式，组合模式，享元模式。外观模式：

2017-03-30 12:29:54 286

原创设计模式--创建型设计模式

创建型设计模式有简单工厂模式，工厂方法模式，抽象工厂模式，建造者模式，原型模式，单例模式。简单工厂模式简单工厂模式，又叫静态工厂方法，由一个工厂对象决定创建某一种产品对象类的实例。主要用来创建同一类对象简单工厂模式的实质是由一个工厂类根据传入的参数，动态决定应该创建哪一个产品类（这些产品类继承自一个父类或接口）的实例。工厂角色：简单工厂模式的核心，它负责实现创建所有实例的内部逻辑。工厂类可以被外

2017-03-29 19:03:35 283

原创 js的两面-面向过程和面向对象

js是面向过程还是面向过程？一直以来，顶级大师各有各的说法，这里不敢妄加评论。面向过程就是函数式编程，按照传统流程编写一个又一个的函数来解决需求的方式。面向过程适合一个人的项目，如果是团队合作，别人想修改你的代码就不利于维护了。所以下面着重聊聊面向对象。面向对象就是讲你的需求抽象成一个对象，然后针对这个对象分析其属性和方法。面向对象的主要特点就是封装，继承，多态。封装就是把所需要

2017-03-21 18:56:17 1999

原创 JavaScript的灵活性

看《JavaScript设计模式》一书第一章过后，感觉JavaScript确实是现在最活跃的语言。下面来说说它的灵活。我们平时做验证表单功能基本上会这么写： function checkName(){ //验证姓名 } function checkEmail(){ //验证邮箱 } function checkPassword(){ //验证密码 }

2017-02-22 15:17:17 356

原创 vue.js浅谈

vue.js是一套构建用户界面的渐进式框架，vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。 vue.js是MVVM的架构，如图：从图中可以看出视图层和模型层的相互传递，通过用户操作来绑定一些DOM事件来重新渲染到视图层。具体的内部架构如下图：vue通过DOM事件操作和指令来进行视图层和模型层的相互通讯。可以看出vue是以“ViewModel 实例”为基本单位，没有A

2016-12-30 13:23:10 711

原创 gulp在前端的简易运用

对于脚手架工具，我们有很多grunt，gulp，fis，webpack......这里我说一说gulp对前端页面打包的过程首先，gulp是基于nodejs环境，故你必须装nodejs。从nodejs官网下载一个，然后配置环境变量即可。如果你要用less或sass预处理语言，请下载ruby并配置环境变量即可。这里插入 npm的安装命令npm install 安装nodejs的依赖包

2016-11-30 14:58:09 289

原创 google AMP

AMP：全称AcceleratedMobile Pages(加速移动页面)为什么会出现AMP框架呢！因为Google想做一个快速并且有可靠性能的框架，摆脱HTML里面一些元素的束缚。所以通过自定义元素和web组件来加速移动页面AMP到底有多快呢！AMP 在 Speed Index（首屏展现时间平均值）测试中，性能有 15% ~ 85% 的提升，测试是在模拟 3G 网络环境并模拟 Ne

2016-10-31 13:46:07 755

原创图片懒加载浅分析

当做网页性能优化的时候，对多图片的页面，加载页面的时候用懒加载是一个不二之选，当然可以用缓存到用户端来优化再次请求图片的速度。懒加载的时候可以在可视化的区域加载图片，等滚到可视区域之后再加载其它的图片。这样对页面加载的性能上有很大的提升，也增加了用户体验。懒加载如何实现呢，其实原理上很简单，在页面载入的时候将页面上的img标签的src指向一个小图片，把真实地址存放在一个自定义属性中，这

2016-09-30 14:37:00 324

原创 undefiined和null

在数据类型中，undefined和null同属一个家族--原始类型，而且都是一个值！但undefined是变量未初始化时的值，null则是指向一个空对象指针。undefined在使用var声明变量但未对其初始化时，这个变量的值就是undefined，例如：var message；alert(message == undefined);//true这个例子只声明了变量message，

2016-08-31 11:51:04 561

原创 html中table退变

一个好的设计师都知道，table不应该被用于布局，而是用于显示数据的行和列。所以在div没有出现之前，table曾是做网页的中坚力量。记得在开始学网页的时候，div是神马，我不造呀！做一个登录界面就感觉可以用自己的洪荒之力去拯救地球！现实却是“然并卵”。table做布局，也不是没有好处，不用调兼容呀！说起兼容各大浏览器，都是一把把心酸泪呀！但table写的布局页面做维护就比辛酸泪还累了。因

2016-08-30 14:49:51 304

原创叨一下H5的手机适配

从2015年7月开始做手机的场景应用，也是正式转向前端的开始。想想之前用百分比来做一个页面H5的场景应用，那真的叫一个痛苦。过程在省略1000个字......。在2015场景火爆的开始，很多公司脱颖而出，比如：易企秀，Epub360意派，vxplo互动大师等等。上面三个公司都有自己的适配的方法，那我在这里叨逼一下自己用到的两个方法，当然方法比较多。主要看自己的项目了。1，固定宽度，通过修改系统

2016-08-01 12:53:30 511

转载 10倍提升应用性能的10个建议

原文链接： https://www.nginx.com/blog/10-tips-for-10x-application-performance/提升Web应用的性能从未像今天这样刻不容缓。在线经济活动的比例日益提高，就连发展中国家和地区的经济活动都已经有5%以上在线进行了（相关数据请参考本文后面的资源）。在这个超级链接、随时在线的现代世界，用户的期望也远非昔日可比。如果你的网站不能马

2016-07-29 15:51:11 1230

原创 jquery中的attributes和properties

attributes和properties之间的差异在特定情况下是很重要。jQuery 1.6之前，.attr()方法在取某些 attribute 的值时，会返回 property 的值，这就导致了结果的不一致。从 jQuery 1.6 开始， .prop()方法方法返回 property 的值,而.attr() 方法返回 attributes 的值。例如, selectedInd

2016-06-29 22:46:54 693

转载 createjs入门

createjs是一个轻量级的框架，稍微有点时间和耐心，就可以把全部源代码都看一遍，毕竟只有三十几个js文件。地址：http://www.createjs.com/开发createjs的动画或游戏，没有重型的IDE或什么工具支持，我们只能从零开始写js。一方面，这样对于jser来说，足够灵活；另外一方面，createjs因此足够精简足够小。createjs由几个库组成：l easelj

2016-06-19 11:46:16 899

chuqtu的博客