lalalalacheno-CSDN博客

原创 js补充作用域

作用域每一个对象都有属性和方法[[scope]]：每个js函数都有一个对象，对象中有些属性我们可以访问，但有些不可以，这些属性仅供js引擎存取[[scope]]就是其中一个。[[scope]]指的就是我们所说的作用域，其中存储了运行期上下文的集合。作用域链：[[scope]]中所存储的执行期上下文对象的集合，这个集合呈链式链接，我们把这种链式链接叫做作用域链。运行期上下文:当函数...

2019-02-09 17:41:03 190

原创 js补充预编译递归

递归1.找规律2.找出口预编译js执行三部语法分析预编译解释一行执行一行预编译函数声明整体提升变量声明提升imply global 暗示性全局变量，即任何变量，如果变量未经声明就赋值，次变量就为全局对象所有。function f(){ var a = b = 123;}console.log(b);//123 b是全局...

2019-02-08 19:52:12 200

原创 CSS笔记(五)

定位的盒子居中显示★:margin:0 auto; 只能让标准流的盒子居中对齐。★定位的盒子居中：先左右走父元素盒子的一半50%，在向左走子盒子的一半(margin-left:负值。)<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></tit..

2019-01-25 15:54:41 249

原创 sublime text使用install Package时报错

点击install package报There are no packages available for installation利用sublime进行插件下载时，sublime会调用channel_v3.json文件，点击Preferences->Package Setting->Package Control ->Setting Default，可以看到该文件是放置...

2019-01-25 15:40:51 2015

原创 CSS笔记(四)

文档流(标准流)元素自上而下，自左而右，块元素独占一行，行内元素在一行上显示，碰到父集元素的边框换行。浮动布局float: left | right特点：★元素浮动之后不占据原来的位置（脱标）★浮动的盒子在一行上显示★行内元素浮动之后转换为行内块元素。（不推荐使用，转行内元素最好使用display: inline-block;）<!DOCTYPE ...

2019-01-25 10:24:28 119

原创 CSS笔记(三)

行高◆浏览器默认文字大小浏览器默认文字大小：16px行高：是基线与基线之间的距离行高=文字高度+上下边距一行文字行高和父元素高度一致的时候，垂直居中显示。行高单位行高单位文字大小值 20px 20px 20px 2em ...

2019-01-23 17:46:14 205

原创 CSS笔记（二）

样式表书写位置内嵌式写法<head><style type=”text/css”>样式表写法</style></head>外链式写法写在head里，<link rel=”stylesheet” href=”1.css”>  <link rel="styl

2019-01-23 12:18:27 197

原创 CSS笔记(一)

CSS概念CSS 指层叠样式表 (Cascading Style Sheets)(级联样式表)Css是用来美化html标签的，相当于页面化妆。样式表书写位置<head> <meta charset="utf-8"> <title></title> <style type="text/css">&amp

2019-01-22 22:12:13 150

原创 Html基础

浏览器内核渲染引擎渲染引擎是兼容性问题出现的根本原因。浏览器和服务器Url地址Url地址就是咱们说的网址。1:浏览器向服务器发送请求(通过http协议)2:http协议：超文本传输协议，也就是浏览器和服务端的网页传输数据的约束和规范3:url协议：平时我们写的网址就是url地址 url协议：规定url地址的格式协议规定格式： scheme:/...

2019-01-22 16:18:55 189

原创 ActionScript 3.0 学习笔记(二)

使用HTTP请求进行URL导航flash中最普通的http请求是使用URLRequest类和navigateToURL()方法进行URL导航。创建HTTP请求在创建HTTP请求时，需要URLRequest类参与处理所有的通信。在创建HTTP请求之前，必须新建一个URLRequest对象：var urlRequest:URLRequest = new URLRequest();...

2019-01-11 16:58:08 6800

原创 ActionScript 3.0学习笔记(一)语法

点语法点语法中的点事连接词，它把对象、属性和方法连接成一条有逻辑的as语法。下面代码设置Truck对象的type和color属性，然后调用这个对象的start方法：Truck.manufacturer = "Mack";Truck.color = "yellow";Truck.start();卡车(Truck)的制造厂(manufacturer)是Mark(属性)。卡车的...

2019-01-10 16:12:05 627

原创 JS高级程序设计学习笔记(八)客户端检测

不到万不得已，就不要使用客户端检测。只要能找到更通用的方法，就应该优先采用更通用的方法。一言以蔽之，先设计最通用的方案，然后再使用特定于浏览器的技术增强该方案。能力检测最常用也最为人们广泛接受的客户端检测形式是能力检测（又称特性检测）。能力检测的目标不是识别特定的浏览器，而是识别浏览器的能力。采用这种方式不必顾及特定的浏览器如何如何，只要确定浏览器支持特定的能力，就可以给出解决方案。能力检...

2018-12-19 16:25:06 188

原创 JS高级程序设计笔记(七)BOM

目录window对象窗口关系及框架窗口位置窗口大小导航和打开窗口间歇性调用和超时调用系统对话框location对象查询字符串参数位置操作navigator对象检测插件注册处理程序screen对象history对象window对象BOM的核心对象时window，它表示浏览器的一个实例。在浏览器中，window对象有双重角色，它既通过...

2018-12-18 17:19:38 273

原创 JS高级程序设计(六)函数表达式

定义函数的方式有两种：一种是函数声明，另一种就是函数表达式。函数声明：function functionName(arg0,arg1,arg2){ //函数体}关于函数声明，它的一个重要的特征就是函数声明提升，意思是在执行代码之前会先读取函数声明，这就意味着可以吧函数声明放在调用它的语句后面。sayHi();function sayHi(){ alert("Hi!")...

2018-11-30 18:01:02 172

原创 JS高级程序设计笔记（五）面向对象程序设计

创建对象的两种方法var person = new Object(); person.name = "Nicholas"; person.age = 29; person.job = "Software Engineer"; person.sayName = function(){ alert(this.name); }; var person = { name: "...

2018-11-29 17:54:31 197

原创 JS高级程序设计笔记（四）引用类型

引用类型的值是引用类型的一个实例。引用类型是一种数据结构，用于将数据和功能主治在一起，他也常被称呼为类，但这种称呼不妥当。引用类型有时候也被称为对象定义，因为他们描述的是一类对象所句有的属性和方法。如前所述，对象是某个特定的引用类型的实例。新对象是使用new操作符后跟一个构造函数来创造的。构造函数本身就是一个函数，只不过该函数是出于创建新对象的目的而定义的。var person(）= ne...

2018-11-28 11:48:26 160

原创 JS高级程序设计笔记（三）变量、作用域和内存问题

基本类型值指的是简单的数据段，而引用类型值指那些可能由多个值构成的对象。引用类型的值是保存在内存中的对象。与其他语言不同，js不允许直接访问内存中的位置，也就是说不能直接操对象的内存空间。在操作对象时，实际上是在操作对象的引用而不是实际的对象。为此，引用类型的值是按引用访问的。只能给应用类型值动态的添加属性var person = new Object();preson.na...

2018-11-23 17:12:45 113

原创 JS高级程序设计笔记（二）基本概念

严格模式：严格模式是为js定义了一种不同的解析与执行模型。要在整个脚本中启用严格模式，可以再顶部添加如下代码："use strict"; 在函数内部的上方包含这条编译指示，也可以指定函数在严格模式下执行：function doSomething(){ "use strict"; //函数体}数据类型：Undefined、Null、Boolean、Number和S...

2018-11-22 17:04:12 91

原创 JS高级程序设计笔记（一）HTML中使用js

2018-11-22 14:58:23 107

原创《JavaScript DOM编程艺术》笔记：用js实现动画效果(八)

位置 CSS/*把element元素摆放在距离浏览器窗口的左边界100像素，距离浏览器窗口的上边界50像素的位置上。*/element { position: absolute; top:50px; left:100px;}DOMelement.style.position = "absolute";element.style.left = "100px";el...

2018-11-20 10:14:36 239

原创《JavaScript DOM编程艺术》笔记：CSS-DOM(七)

三位一体的网页结构层网页的结构层由HTML或XHTML之类的标记语言负责创建。标签（tag），也就是那些出现在尖括号里的单词，对网页内容的语义含义做出描述，例如，<p>标签表达了这样一种语义：“这是一个文本段”但这些标签并不包含任何关于内容如何显示的信息。<p>An example of a paragraph </p> 表示层...

2018-11-16 16:53:52 253 1

原创《JavaScript DOM编程艺术》笔记：充实文档内容(六)

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"/> <title>Test</title></head><body> <h1>Wha

2018-11-15 23:01:03 119

原创《JavaScript DOM编程艺术》笔记：动态创建标记(五)

此前见过的绝大多数DOM方法只能用来查找元素。getElementById和getElementsByTagName都可以方便快捷地找到文档中的某个或者特定的元素节点，这些元素随后可以用诸如setAttribute(改变某个属性的值)和nodeValue(改变某个元素节点所包含的文本)之类的方法和属性来处理。我们的图片库就是这样实现的。showPic函数先找出id属性值是placeholder和d...

2018-11-15 15:00:28 215

原创《JavaScript DOM编程艺术》笔记(四)：图片库改进版

回顾之前的代码，即使js功能已被禁用，用户也能浏览图片库里的所有图片，网页里的所有连接也都可以正常工作： <li> <a href="image/btn_acomlete_1.png" onclick="showPic(this);return false;" title="A fireworks display">Firework</a> &am

2018-11-13 17:16:51 222

原创《JavaScript DOM编程艺术》笔记：JavaScript图片库 (三)

标记 <!DOCTYPE html><html lang = "en"> <head> <meta charset = "utf-8"/> <title>Image Callery</title> </head> <body>

2018-11-12 17:47:36 709

原创《JavaScript DOM编程艺术》笔记：DOM (二)

文档：DOM中的“D” 对象：DOM中的“O” 模型：DOM中的“M” 元素节点 <body> <p>和<ul>之类叫元素。元素中可以包含其他元素。文本节点文本内容属性节点 <p title = "a gentle reminder">Don't forget to buy this ...

2018-11-09 16:29:15 188

原创《JavaScript DOM编程艺术》笔记：对象（一）

对象时子包含的数据集合，包含在对象里面的数据可以通过两种形式访问--属性（property）和方法（method）属性是隶属于某个特定对象的变量方法是只有某个特定对象才能调用的函数内建对象那些预先定义好的，可以直接拿来用的对象称为内建对象。数组就是一种内建对象。var beatles = new Array();beatles.length; 宿主对象 ...

2018-11-09 10:41:43 109

转载 FairyGUI笔记：动效（二十三）

Transiton 动效的播放在代码中启动Transition trans = aComponent.GetTransition(“peng”);trans.Play();Play有多种原型，例如可以重复播放一定次数，可以在播放结束时回调等。例如//结束时有一个回调，但需注意，如果动效里有嵌套的动效，或者有循环的内容，必须是等全部都结束后才会回调。trans.Play(...

2018-11-09 10:16:41 8601 1

转载 FairyGUI笔记：Drag&Drop（二十二）

自由拖放使一个元件能够被拖动，很简单，设置draggable属性就可以了aObject.draggable = true;设置后当晚见按住元件，就可以随意拖动它。可以设置一个矩形限制拖动范围：//注意这里的矩形范围使用的是舞台上的坐标，不是元件的本地坐标。aObject.dragBounds = new Rect(100,100,200,200);拖动开始、拖动的过...

2018-11-09 10:16:35 3511 1

转载 FairyGUI笔记：Popup（二十一）

在UI系统中我们经常需要弹出一些组件，这些组件在用户点击空白地方的情况下就会自动消失。FairyGUI内置了这个功能。 Popup管理弹出和关闭Popup的API在GRoot中提供。ShowPopup 弹出一个组件。如果指定了目标，则会调整弹出的位置到目标的下方，形成一个下拉的效果。同时提供了参数可以用来指定是向上弹出或者向下弹出。FairyGUI会根据组件的大小自动计算弹出位置，...

2018-11-09 10:16:29 1939

转载 FairyGUI笔记：窗口（二十）

frame组件的制作方式为： closeButton 一个名称为closeButton的按钮将自动作为窗口的关闭按钮。 dragArea 一个名称为dragArea的图形（类型设置为空白）将自动作为窗口的检测拖动区域，当用户在此区域内按住并拖动时，窗口随之被拖动。 contentArea 一个名称为contentArea的图形（类型设置为空白）将作为窗口的主要内容区域，这...

2018-11-08 15:10:48 3070

转载 FairyGUI笔记：列表（十九）

GList 列表对应的是GList.在FairyGUI中，列表的本质就是一个组件，GList也是从GComponent派生来的，所以你可以用GComponent的API直接访问列表能容，例如可以用GetChild或者GetChildAt访问列表内的项目；也可以用AddChild添加一个item。当你对列表增删改后，列表是自动排列和刷新的，不需要调用任何API。自动排列时会根据列表的布局...

2018-11-08 11:50:24 18414 2

转载 FairyGUI笔记：滚动条（十八）

命名约定arrow1 如果是水平滚动条，它表示左边的箭头按钮；如果是垂直滚动条，它表示上边的箭头按钮。它是可选的，如果你的滚动条没有箭头按钮，那么可以忽略。 arrow2 如果是水平滚动条，它表示右边的箭头按钮；如果是垂直滚动条，它表示下边的箭头按钮。它是可选的，如果你的滚动条没有箭头按钮，那么可以忽略。 grip 表示滚动条中间的滑块按钮。 bar 这个限...

2018-11-08 09:48:55 1523

转载 FairyGUI笔记：滑动条（十七）

命名约定bar 当进度改变时，改变“bar”对象的宽度。一般用于横向的进度条。注意：一定要设置bar对象的宽度为进度条处于最大值时的宽度。“bar”元件可以是任何类型，不限制于图片。bar_v 当进度改变时，改变“bar_v”对象的高度。一般用于纵向的进度条。注意：一定要设置bar_v对象的高度为进度条处于最大值时的高度。“bar_v”元件可以是任何类型，不限制于图片。 gr...

2018-11-08 09:37:02 2459

转载 FairyGUI笔记：进度条（十六）

命名约定bar 当进度改变时，改变“bar”对象的宽度。一般用于横向的进度条。注意：一定要设置bar对象的宽度为进度条处于最大值时的宽度。“bar”元件可以是任何类型，不限制于图片。特别的，如果“bar”对象是具有特殊填充模式的图片或者装载器，进度改变时，将改变它的填充比例，而不是宽度。bar_v 当进度改变时，改变“bar_v”对象的高度。一般用于纵向的进度条。注意：一定要设置ba...

2018-11-08 09:20:21 2913

转载 FairyGUI笔记：下拉框（十五）

GComboBox 我们可以在编辑器编辑下拉列表的项目，也可以用代码动态设置GComboBox combo = gcom.GetChild("n1").asComboBox;//items是列表项目标题的数组。combo.items = new string[] { "Item 1", "Item 2", ...};//values是可选的，代表每个列表项目的value。co...

2018-11-08 09:20:07 2221

转载 FairyGUI笔记：Lable（十三）

GLabel设置标签的标题或者图标，你甚至不需要强制对象为GLabel的类型，直接用GObject提供的接口就可以，例如：GObject obj = gcom.GetChild("n1");obj.text = "hello";obj.icon = "ui://包名/图片名";修改标题颜色可以这样：GLabel label = gcom.GetChild("n1").asL...

2018-11-08 09:19:39 657

转载 FairyGUI笔记：Controller（十一）

控制器是FairyGUI核心功能之一，它为UI制作中以下类似需求提供了支持：分页一个组件可以由多个页面组成。按钮状态按钮通常有按下、鼠标悬浮等多个状态，我们可以利用控制器为每个状态安排不同的显示内容。其它状态的变化利用控制器，我们可以使元件具有多个不同的形态，并且可以方便地切换。个组件都可以创建一个或多个控制器，如下图所示：显示控制指示该元件只有...

2018-11-08 09:19:13 4447

转载 FairyGUI笔记：关联（十二）

Relation 除了在编辑器设置关联外，有时候我们也需要动态添加关联。例如在一款页游中，一个动态添加到舞台的组件，希望舞台宽度改变时（比如浏览器窗口被玩家拖大拖小），组件依然保持在右侧位置，那么可以这样调用：aObject.AddRelation(GRoot.inst, RelationType.Right_Right);又例如，一个动态添加到舞台的组件始终保持满屏大小，可以这...

2018-11-08 09:18:54 2136

转载 FairyGUI笔记：ScrollPane（十）

ScrollPane 当组件的“溢出处理”设置为“滚动”后，可以通过GComponent.scrollPane使用滚动相关的功能，例如：ScrollPane scrollPane = aComponent.scrollPane;//设置滚动位置为100像素scrollPane.posX = 100;//滚动到中间位置，带动画过程scrollPane.SetPercX(0.5...

2018-11-07 16:29:22 5306 1

空空如也

空空如也