2018年10月__Lunay

12月 11月 10月 09月 08月 07月 06月 04月

原创 JS如何判断json是否为空

function getjsonlength(json{ var jlength=0; for (var i in json){ jlength++; } return jlength;}console.log(getjsonlength(str))

2018-10-30 18:58:58 4192

转载 webpack中hash、chunkhash和contenthash三者的区别

在webpack中有时需要使用hash来做静态资源实现增量更新方案之一，文件名的hash值可以有三种hash生成方式，每一种都有不同应用场景，那么三者有何区别呢？hash、chunkhash、contenthashhash一般是结合CDN缓存来使用，通过webpack构建之后，生成对应文件名自动带上对应的MD5值。如果文件内容发生改变的话，那么对应文件hash值也会改变，对应的HTML引用...

2018-10-30 09:59:36 1696

原创 JavaScript 数组去重

方法一function unique(arr){ var result = []; //结果数组 for(var i = 0; i < arr.length; i++) { //如果在结果数组result中没有找到arr[i],则把arr[i]压入结果数组result中 if (result.indexOf(arr[i]) ...

2018-10-30 09:33:32 230

原创箭头函数和普通函数有什么区别

1.箭头函数相当于匿名函数，是不能作为构造函数的，不能使用new 2.箭头函数不绑定arguments,取而代之用rest参数…解决 3.箭头函数会捕获其所在上下文的this值，作为自己的this值。即箭头函数的作用域会继承自外围的作用域。 4.箭头函数当方法使用的时候没有定义this的绑定obj = { a:10, b:()=>{ console.log(this...

2018-10-26 16:01:42 1007

原创 http 协议状态码

1**(信息类)：表示接收到请求并且继续处理 100——客户必须继续发出请求 101——客户要求服务器根据请求转换HTTP协议版本 2**(响应成功)：表示动作被成功接收、理解和接受 200——表明该请求被成功地完成，所请求的资源发送回客户端 201——提示知道新文件的URL 202——接受和处理、但处理未完成 203——返回信息不确定或不完整...

2018-10-26 16:00:12 328

原创 js this 指向

全局情况下 this始终指向window作为函数调用时，非严格模式指向window ，严格模式指向undefined普通函数调用的时候 this 指向window var x = 10; function foo(){ console.log(this); //window console.log(this.x); //10 } ...

2018-10-26 15:58:04 143

原创两侧固定中间自适应

使用绝对定位左右使用绝对定位由于绝对定位脱离标准流 center会自动在左右的下面使用margin 留出左右元素的宽度这样可以使中间自适应了 div 元素 <div class="boxleft">left</div> <div class="boxcenter">content</div> &lt

2018-10-26 15:56:44 404

转载 BFC

来源 https://www.thinktxt.com/web-front/2017/02/18/css-bfc-layout-model.html 也许你已经掌握了HTML、CSS的基本布局技能，但是有可能还有一些难以琢磨透的专业名词还不是很清楚，比如BFC。今天我们就来聊聊对BFC的理解，以便我们在布局的过程中能够更加得心应手。概念BFC(Block Formatting Cont...

2018-10-26 15:40:55 235

原创 css 清除浮动方法

方法一使用一个空标签<div class="content"> <div class="col-1">布局1</div> <div class="col-2">布局2</div> 内容 <div class="clear"&gt

2018-10-26 15:24:07 211

转载 CSS浏览器兼容性

1.对齐文本和文本输入框问题：当input元素在设置了高时，在IE7、IE8、IE9下会出现文本和文本输入框不能对齐的现象，其他正常，包括opera解决：vertical-align:middle;2.容器宽度在浏览器中解释不同问题：不同浏览器下宽度不同，比如说设置width：200px，在iE7、IE8、IE9下显示的是200px，在FF、Chrome、Opera中显示的是220...

2018-10-26 14:59:55 141

原创 ES6集合 Map

ES6中的Map类型是一种存储着许多键值对的有序列表，其中的键名和对应的值支持所有的数据类型。类似于对象，键值对的集合，键不限类型，即“值—值”的对应对同一个键赋值，后面的会覆盖掉前面的，Map 的键实际上是跟内存地址绑定的，只要内存地址不一样，就视为两个键 Map实例的方法 new Map()构造函数：创建Map集合 set()方法：往集合中添加新元素[键值对] ...

2018-10-26 12:41:35 1435

原创 ES6 集合Set

ES6新增的Set是一种集合类型的数据结构，承载着有序不可重复的值。集合(Set)是由一组无序但彼此之间又有一定关系性的成员构成，每个成员在集合中只能出现一次，不同于我们之前说的字典，链表之类的，它是一种包含了不同元素的数据结构。set的属性和方法： 1.Set.prototype.constructor：构造函数，默认就是Set函数; 2.Set.prototype.size：返回S...

2018-10-26 12:10:09 852

转载 JS中的DOM与BOM

一、背景二、BOM1、window对象2、window的子对象三、DOM1、HTML DOM树2、查找标签3、节点操作4、事件一、背景到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。J...

2018-10-26 10:02:04 241

原创 js 数组中方法总结

都是基础必须掌握！网上找找资料认认真真敲一边，算是有了个大概的认识！改变原数组的方法(9个):pop()a.shift() push() unshift() reverse() splice() sort() ES6: copyWithin() fill不改变原数组的方法(8个):ES5：join、toLocateString、toStrigin、sli...

2018-10-25 17:24:35 550

转载关于时区的时间的详解，比如UTC\GMT等

来源UTC 和 GMT 及北京时间的关系 UTC和GMT，这两者几乎是同一概念。它们都是指的格林尼治标准时间，只不过UTC的称呼更为正式一点。两者的区别在于前者是一个天文上的概念，而后者是基于一个原子钟。在UTC中，每一年或两年会有一个“闰秒”，而我们一般不理会这个“闰秒”，但是在Java中，这造成我们有时会出现60秒或61秒。 GMT=UTC UTC+8=北京时间 ...

2018-10-25 10:05:07 3696

原创作业帮web面试总结

都是些很基础的东西平时不太留意的。甚至是函数的参数，每个参数都是干嘛的。养成好习惯，做东西的时候需要认真！另一方面自己语言组织能力超级烂，很多东西表述的太差。继续努力，自勉！1.盒模型是必问的。分为标准盒模型和IE盒模型标准 content +padding+border+marigin width = content IE盒模...

2018-10-24 13:48:37 4469

转载 JavaScript的浅拷贝和深拷贝

在 JS 中有一些基本类型像是Number、String、Boolean，而对象就是像这样的东西{ name: 'Larry', skill: 'Node.js' }，对象跟基本类型最大的不同就在于他们的传值方式。基本类型是按值传递，像是这样：在修改a时并不会改到bvar a = 25;var b = a;b = 18;console.log(a);//25console.log...

2018-10-22 15:59:53 142

原创 JSON.parse（）与JSON.stringify（）

JSON.parse()【从一个字符串中解析出json对象】例子：//定义一个字符串var data='{"name":"goatling"}'//解析对象JSON.parse(data)结果是：name:"goatling"JSON.stringify()【从一个对象中解析出字符串】var data={name:'goatling'}JSON.str...

2018-10-22 13:15:44 151

原创 JS引擎的执行机制

来源首先,请牢记2点:(1) JS是单线程语言(2) JS的Event Loop是JS的执行机制。深入了解JS的执行,就等于深入了解JS里的event loop1.灵魂三问 : JS为什么是单线程的? 为什么需要异步? 单线程又是如何实现异步的呢?技术的出现,都跟现实世界里的应用场景密切相关的。同样的,我们就结合现实场景,来回答这三个问题(1) JS为什么是单线程的?...

2018-10-22 12:39:28 199

转载 async 函数的含义和用法

来源一、终极解决异步操作是 JavaScript 编程的麻烦事，麻烦到一直有人提出各种各样的方案，试图解决这个问题。从最早的回调函数，到 Promise 对象，再到 Generator 函数，每次都有所改进，但又让人觉得不彻底。它们都有额外的复杂性，都需要理解抽象的底层运行机制。异步I/O不就是读取一个文件吗，干嘛要搞得这么复杂？异步编程的最高境界，就是根本不用关心它是不是异步...

2018-10-22 12:12:30 2343 1

转载写一个通用的事件侦听器函数

var EventUtil ={ // 得到事件 getEvent:function(event){ return event?event:window.event; }, //添加事件 addEvent:function(element,type,handler){ //DOM2级事件处理程序，false表示在冒泡阶段处理事件程序 if(element.a...

2018-10-17 18:34:19 785

原创 vue-cli 工程目录结构介绍

请说出vue-cli工程中每个文件夹和文件的用处注意：此问题千万不要只解释一下 src 文件夹下每个文件夹的作用。vue-cli目录结构：vue-cli目录解析：build 文件夹：用于存放 webpack 相关配置和脚本。开发中仅偶尔使用到此文件夹下 webpack.base.conf.js 用于配置 less、sass等css预编译库，或者配置一下 UI 库。 config ...

2018-10-17 11:40:04 8634

　　我们可能都知道浏览器含有一个渲染引擎，用来渲染窗口所展示的内容。默认情况下，渲染引擎可以显示html、xml文档及图片，它也可以借助插件（一种浏览器扩展）显示其他类型数据，例如使用PDF阅读器插件，用于显示PDF格式。但是其具体的渲染原理和流程估计也有很多人都不知道或者不清楚吧。这些天研究了一下浏览器的渲染原理，有了些心得，在这里跟大家分享一下，这里只讨论渲染引擎最主要的用途——显示应用了CS...

2018-10-16 15:29:59 193

转载 js类型识别的方法？

typeof a 可以判别标准类型，除了null之外typeof 1 返回结果："number" typeof {} 返回结果:"object" 不能判别具体的对象类型，除了function之外typeof [1] 返回结果:"object" typeof function(){} 返回结果:"function" a instanceof b 可以判别内置对象类型[] i...

2018-10-16 11:42:05 258

转载 setTimeout async promise执行顺序总结

，最典型的当属settimeout,async,promise混用时，哪一步该执行什么，分不清楚。话不多说，先上代码(该题为今日头条前端开发笔试题) async function async1() { console.log("async1 start"); await async2(); consol...

2018-10-13 17:43:35 472

转载 Promise使用手册

开始写本篇文字时, 我一直不是很明白任务队列的机制, 故想写篇文章弄懂它. 于是我尝试以Promise为核心, 逐步展开, 最终分析process.nextTick , promise.then , setTimeout , setImmediate 它们的异步机制.导读Promise问世已久, 其科普类文章亦不计其数. 遂本篇初衷不为科普, 只为能够温故而知新.比如说, catch能...

2018-10-13 17:24:21 244

转载 js中的同步和异步的个人理解

你应该知道，javascript语言是一门“单线程”的语言，不像java语言，类继承Thread再来个thread.start就可以开辟一个线程，所以，javascript就像一条流水线，仅仅是一条流水线而已，要么加工，要么包装，不能同时进行多个任务和流程。那么这里说的同步和异步到底是什么呢？如果你真的不懂，我希望你认真读完这篇文章。其实我个人觉得js官方的文档在使用两个词的时候并不准确，包括...

2018-10-12 10:50:25 235

原创详解defer和async的原理及应用

defer和async是script标签的两个属性，用于在不阻塞页面文档解析的前提下，控制脚本的下载和执行。在介绍他们之前，我们有必要先了解一下页面的加载和渲染过程：1. 浏览器通过HTTP协议请求服务器，获取HMTL文档并开始从上到下解析，构建DOM；2. 在构建DOM过程中，如果遇到外联的样式声明和脚本声明，则暂停文档解析，创建新的网络连接，并开始下载样式文件和脚本文件；3. 样式文件...

2018-10-11 13:36:56 5122

转载 80%应聘者都不及格的JS面试题

来源共 5024 字，读完需 6 分钟，速读需 2 分钟，本文首发于知乎专栏前端周刊。写在前面，笔者在做面试官这 2 年多的时间内，面试了数百个前端工程师，惊讶的发现，超过 80% 的候选人对下面这道题的回答情况连及格都达不到。这究竟是怎样神奇的一道面试题？他考察了候选人的哪些能力？对正在读本文的你有什么启示？且听我慢慢道来不起眼的开始招聘前端工程师，尤其是中高级前端工程师，扎实的 J...

2018-10-11 09:01:51 148

vue.js 权威指南

2018-11-26

cocos2dx api 大全中文版

cocos.chm方便查阅文件 cocos2dx api 大全中文版开发文档2016最新版

2016-06-30

Lua_5.2_参考手册

2016-03-21

Cocos2d-x之Lua核心编程配套代码

Cocos2dx Lua开发的核心技术。本书从Lua语言基础开始，全面介绍了Cocos2dx Lua的基础知识、基本应用和高级编程技术，并最终介绍了游戏的实战开发。全书贯穿理论结合实践的编写方式，各个章节都提供了配套实例。

2016-03-21

AS3 五子棋源码

代码是之前下载的写的还不错分享给大家

2014-05-30

flashbuilder对对碰

flashbuilder工具对对碰小游戏。 AS3源码，有注释~

2014-04-28

Starling API 1.3.chm

Starling API 1.3.chm 中文版

2014-01-23

ActionScript大型网页游戏开发(图灵出版社_扫描版)

2014-01-22

IntroducingStarling.pdf

2 目录 Starling框架帮助手册中文版 .......................................................................................................... 1 什么是Statling？ ...................................................................................................................... 3 为什么选择Starling? ................................................................................................................. 3 Starling的特色 .......................................................................................................................... 3 直观 ................................................................................................................................... 3 轻量级 ............................................................................................................................... 3 免费 ................................................................................................................................... 4 Starling是怎样工作的 .............................................................................................................. 4 显示层次限制 ........................................................................................................................... 9 让我们开始上手吧 ................................................................................................................. 10 构建场景 ......................................................................................................................... 11 Wmode ............................................................................................................................ 15 Stage质量 ........................................................................................................................ 16 根据不同渲染模式决定优化策略 ................................................................................. 16 显示列表 ......................................................................................................................... 16 事件模型 ......................................................................................................................... 30 事件冒泡机制 ................................................................................................................. 30 Touch事件 ....................................................................................................................... 30 模拟多点触摸 ................................................................................................................. 32 Text ure ............................................................................................................................. 35 Image ............................................................................................................................... 37 碰撞检测 ......................................................................................................................... 46 绘图API ........................................................................................................................... 48 Flat Sprites ....................................................................................................................... 49 MovieClip ........................................................................................................................ 52 Texture Atlas .................................................................................................................... 58 Juggler ............................................................................................................................. 64 Button .............................................................................................................................. 66 TextField .......................................................................................................................... 74 嵌入字体 ......................................................................................................................... 77 位图字体 ......................................................................................................................... 79 RenderTexture ................................................................................................................. 88 Tweens ............................................................................................................................ 90 资源管理器 ..................................................................................................................... 94 处理屏幕尺寸改变 ......................................................................................................... 95 在Starling中使用Box2D作为插件 .................................................................................. 97 在Starling中进行概要分析 ........................................................................................... 101 粒子

2014-01-02

AS3 数字飞出效果

AS3 数字飞出效果，下载下来看代码吧.

2013-09-26

Flex_Builder教程

Flex语言包含了一个丰富的用户界面组件库，MXML（一种基于XML的标记语言）和ActionScript（基于ECMA 262的、强类型面向对象编程语言）。MXML用于排布用户界面和处理应用中其他方面的问题，而ActionScript用来处理用户交互逻辑。由于Flash平台的普及， Flex使开发者可以开发广泛的应用程序。开发者可以使用工业标准（如XML，CSS和SVC）和他们所熟悉的模式和范例来创建应用。Flex的分离协作方式和Flex公用组件模型也使得开发者和界面设计者能更好的进行协作，在可靠的、易于维护的架构上生产出在用户体验方面有突破性的产品。

2013-09-26

AS3中Matrix类

AS3中Matrix类详解首先，我们要看看Matrix类的构造器函数，其实我是想让大家看看他的6个属性，，这6个属性对与我们非常的重要，他决定这我们的最终效果是什么样子的，会产生什么样的倾斜，都由这6个属性控制.

2013-09-26

flash 打地鼠

2013-09-05

植物大战僵尸源码

植物大战僵尸源码，工具用flash CS5，代码有注释。原创不是本人，以前下载的，感觉不错，分享给大家！在这个系列的教程中，我们用圆形来代替植物，用方块来代替僵尸，伟大的圆形将会阻止邪恶的方块进入我们的基地。游戏区域可以被简化为一个区块游戏。

2013-06-19

AS3开源库集合

2013-06-13

Flex itemRenderer

Flex 提供许多控制, 它们可以按不同方式显示大量数据。List 控制自己、DataGrid、Tree 以及包括图表和 AdvancedDataGrid 在内的可视类。默认情况下, Flex 列表控制将提供的数据显示为简单文本。但 Flex 的能耐远不止此, 列表控制提供了一种使用 itemRenderer 对其内容进行自定的方式。通过允许您使用 itemRenderer 完全控制列表每行 (或单元格) 的内容, Flex 使您能够编写出更引人注目、更具创意、更实用的应用程序。本系列讨论 Flex itemRenderer 以及如何高效、有效地使用它们。本系列的第一部分侧重于内联 itemRenderer, 它们写入描述 List 控制的 MXML 标记中。之后的文章讨论使用 MXML 和 ActionScript 且更为复杂的 itemRenderer。

2013-05-03

AGAL图像处理

AGAL图像处理，感觉还不错，分享给大家吧！

2013-04-26

AS3雪球游戏

需要掌握的基础： * ActionScript 3.0编程基础 * 空间立体几何与三角函数基础 * 了解物体的运动规律使用的开发工具： * Flash Professional 如果你是一个设计师，而恰巧对ActionScript编程感兴趣，你可能会尝试去开发一些比较酷的Flash特效。在一些对视觉效果要求比较高的行业比如广告，如何高效的实现一个效果往往比如何准确无误地实现一个页面逻辑要更加重要。但是一直以来，运行效率一直是Flash的核心问题与技术瓶颈。这篇文章会通过一个雪球粒子的例子来给大家介绍一个开发思路，一个如何使用位图来高效实现运算的思路。需求我们现在要做一个比较好玩儿的雪球效果，在舞台上有一个可以通过鼠标来控制旋转的球体，球是由若干个独立雪花粒子组成，并且近处的雪花清晰可见，远处的雪花模糊。雪球不断膨胀，膨胀到边缘的雪花粒子消失并且重置回到球的中心。要求雪花粒子数量要足够多，并且一定要流畅。分析这个例子需要解决如下几个问题： 1，3D空间的旋转控制，需要对每个粒子的空间属性进行操作。 2，绘图的方案，需要用一个高效的方法来处理上千个粒子的运算。 3，利用第一点的属性，在第二点的渲染能力之内尽可能地修饰粒子的显示效果。

2012-09-04

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

vue.js 权威指南

cocos2dx api 大全中文版

Lua_5.2_参考手册

Cocos2d-x之Lua核心编程配套代码

AS3 五子棋源码

flashbuilder对对碰

Starling API 1.3.chm

ActionScript大型网页游戏开发(图灵出版社_扫描版)

IntroducingStarling.pdf

AS3 数字飞出效果

Flex_Builder教程

AS3中Matrix类

flash 打地鼠

植物大战僵尸源码

AS3开源库集合

Flex itemRenderer

AGAL图像处理

AS3雪球游戏

Flex开源项目

Ps七种美白方法

FlashAS3动画教程

iOS Flex.4.5

[Flex.3实战].中文版

Flex流行MVC框架之Cairngorm

通过移动平台提升页游体验

Flash开发iOS应用Flash平板电脑开发

flex编码规则

AS3 LLK连连看代码

AS3拼图代码

AS3：五子棋源码

大端(Big Endian)与小端(Little Endian)简介

Android.游戏开发入门

Flex 类组件继承关系图完整版

Flex as3 的异常处理

as3开发的 一个吃金币的游戏

Flex AS3框架构建及应用

空空如也

as3开发的一个吃金币的游戏