2016年08月_Knight__D

转载 javascript异步编程原理

一、Javascript 异步编程原理显然，上面这种方式和银行取号等待有些类似，只不过银行取号我们并不知道上一个人需要多久才会完成。这是一种非阻塞的方式处理问题。下面来探讨下 JavaScript 中的异步编程原理。1. setTimeout 函数的弊端延时处理当然少不了 setTimeout 这个神器，很多人对 setTimeout 函数的理解就是：延时为 n 的话，函数

2016-08-30 20:20:45 870

原创 js数组去重的常用方法总结

第一种是比较常规的方法思路：1.构建一个新的数组存放结果2.for循环中每次从原数组中取出一个元素，用这个元素循环与结果数组对比3.若结果数组中没有该元素，则存到结果数组中代码如下:Array.prototype.unique1 = function(){var res = [this[0]];for(var i = 1; i var repeat =

2016-08-23 10:43:06 1177

原创基础 -- CSS3 新特性实例

CSS3 选择器（Selector）写过 CSS 的人应该对 CSS 选择器不陌生，我们所定义的 CSS 属性之所以能应用到相应的节点上，就是因为 CSS 选择器模式。参考下述代码：清单 1. CSS 选择器案例 Body > .mainTabContainer div > span[5]{ Border: 1px solod red; Background-c

2016-08-23 10:24:15 501

原创 [CSS3] 新增属性用法整理

border-radius border-colors boder-imagebox-shadow text-shadowbackground-size background-origin background-cliptext-overflow word-wraptransitionopacitybox-sizin

2016-08-23 10:14:46 326

原创 js中数组的常用方法

Array()是我们在js中常常写到的代码，今天就总结哈Array的对象具有哪些方法：list = new Array()是我们在js中常常写到的代码，今天就总结哈Array的对象具有哪些方法。list[0] = 0; list[1] = 1; list[2] = 2; 或者这样声明：var list = [0,1,2] 1 shift()t:删除数

2016-08-22 18:59:43 413

原创 HTML 5新标签及含义总结

下面我们来看一下HTML 5提供的一些新的标签用法以及和HTML 4的区别。标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。HTML5:HTML4:标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。HTML5:Aside 的内容是独立的内

2016-08-22 17:01:01 606 1

转载轻松搞定JQuery——使用总结

一、简介定义　　jQuery创始人是美国John Resig，是优秀的Javascript框架；　　jQuery是一个轻量级、快速简洁的javaScript库。jQuery对象　　jQuery产生的对象时jQuery独有的，只能自己调用书写规则　　支持链式操作；　　在变量前加””符号（var”符号（v

2016-08-20 16:28:23 457

原创轻松理解javascript中的局部变量与全局变量以及this的问题

javascript有两种变量：局部变量和全局变量。当然，我们这篇文章是帮助大家真正的区别这两种变量。首先，局部变量是指只能在本变量声明的函数内部调用。全局变量时整个代码中都可以调用的变量。当然，单单从字面上理解肯定是不清楚的，下面我详细的介绍下：大家都知道，变量是需要用var关键字声明的。但是javascript中也可以隐式的使用变量，就是不用声明，直接使用。而且，千万注意，jav

2016-08-18 13:53:55 2100 3

转载如何理解Javascript中的闭包问题

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。　　

2016-08-18 13:16:17 325

原创 JS面向对象——继承

Js的继承在很多书里面细致的分了很多种类型和实现方式，大体上就是两种：对象冒充、原型方式。这两种方式各有优点和缺陷，这里我先列举出来，再从底层分析区别：对象冒充:支持多重继承，但后面的类可以覆盖前面类的属性和方法。继承后的对象类型和父类对象不匹配。原型方式：不支持多重继承，继承后的对象类型和父类对象匹配。(一)对象冒充function A(name){

2016-08-11 11:36:51 326

转载前端杂烩——在工作，在思考，在沉淀

当我们沉浸在旺盛的需求之中时，整个人便会成为一台工作的机器，切着类似的页面，写着同样的逻辑，重复着昨天或者上个月做的事情，时间久了，觉得腻味，没有什么创新，也没有明显的成长。用一句通俗的话来讲：工作五年，后面四年重复着第一年的活儿。很多人尝试跳出这个怪圈，不过基于环境压力和思维受阻，最后又不得不选择放弃。今天想通过介绍如何高效有保障地开发一个无线页面来帮助大家找到突破口。日常开发状

2016-08-09 17:21:36 691

转载在JavaScript中，判断数据（数组）类型

1.用typeof运算法来判断typeof是javascript原生提供的判断数据类型的运算符，它会返回一个表示参数的数据类型的字符串，12const s = 'hello';console.log(typeof(s))//String但是要注意的是：typeof并没有办法区分数组，对象，null等原型链上都有Object的数据类型。

2016-08-09 16:43:47 450

原创 URL传参小用法&获取url中的参数

写页面的时候发现的小用法，记录下来，关于url静态传参的问题。首先列举下获取URL中参数的几种方法方法一：正则法这个正则是寻找&+url参数名字=值+&*/ 这里参考网址：***.html?id=1&cid=2//这里是开始匹配，找到了返回对应url值，没找到返回nullfunction getQueryString(name) { var reg =

2016-08-09 11:32:46 9774

原创初学vue.js——学习笔记一

工作之余不忘学习，不怕学得晚，就怕不坚持。加油！1、双向绑定（v-model：P和input内容同步更新）html:<divid="app"> {{message}} v-model="message">js:new Vue({ el:'#app', data:{ message:'hello vue.js!' }});2

2016-08-05 11:28:23 4214

转载其实，前端一点也不简单

大多人都认为前端开发是一个「相对于其他技术来说更简单的技术」，在他们心中的前端工程师是这样工作的：把 Photoshop 文件、图片或者线框放进一个网页；偶尔设计 Photoshop 文件、图片或者线框；用 JS 编程，为网页制作动画、过渡效果；用 HTML 和 CSS 编程，确定网页的内容和形式。事实上，前端工程师在做的是：

2016-08-04 17:06:09 1821

原创 react基础语法——学习笔记（一）

一、HTML模板使用react的网页源码结构：!DOCTYPE html>html> head> script src="../build/react.js">/script> script src="../build/react-dom.js">/script> script src="../build/browser.min.js">/script>

2016-08-04 10:13:10 2412

转载 JS正则表达式——语法详解（二）

1，定义正则表达式1）定义正则表达式有两种形式，一种是普通方式，一种是构造函数方式。2）普通方式：var reg=/表达式/附加参数表达式：一个字符串，代表了某种规则，其中可以使用某些特殊字符，来代表特殊的规则，后面会详细说明。附加参数：用来扩展表达式的含义，目前主要有三个参数：g：代表可以进行全局匹配。i：代表不区分大小写匹配。m：代表可以进行多行匹配。上面三

2016-08-02 17:50:09 1428

转载 JS正则表达式——语法详解（一）

1. 正则表达式规则1.1 普通字符字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号，都是"普通字符"。表达式中的普通字符，在匹配一个字符串的时候，匹配与之相同的一个字符。举例1：表达式 "c"，在匹配字符串 "abcde" 时，匹配结果是：成功；匹配到的内容是："c"；匹配到的位置是：开始于2，结束于3。（注：下标从0开始还是从1开始，因当前

2016-08-02 17:48:51 5003

原创 js -- 常用正则整理

整数或者小数：^[0-9]+\.{0,1}[0-9]{0,2}$只能输入数字："^[0-9]*$"。只能输入n位的数字："^\d{n}$"。只能输入至少n位的数字："^\d{n,}$"。只能输入m~n位的数字：。"^\d{m,n}$"只能输入零和非零开头的数字："^(0|[1-9][0-9]*)$"。只能输入有两位小数的正实数："^[0-9]+(.[0-9]{2})?$"。

2016-08-02 17:41:25 361

转载前端响应框架——bootstrap使用小结

BootStrap对开发者来说最大的好处就是响应式布局和一些优秀的样式现在我给大家介绍一些使用BootStrap的步骤和一些常用的东西1.编写头部head> meta charset="UTF-8"> meta http-equiv="X-UA-Compatible" content="IE=edge"> meta name="view

2016-08-02 13:46:44 1506

原创 react -- 传递 Props

React 里有一个非常常用的模式就是对组件做一层抽象。组件对外公开一个简单的属性（Props）来实现功能，但内部细节可能有非常复杂的实现。可以使用JSX 展开属性来合并现有的 props 和其它值：return Component {...this.props} more="values" />;如果不使用 JSX，可以使用一些对象辅助方法如 ES6 的Obj

2016-08-02 10:59:45 2294

原创 jQuery -- 全屏滚动插件fullPage.js

如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。比如 iPhone 5C的介绍页面（查看），QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的，显得更上档次，你可以试试 fullPage.js。主要功能有：支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS

2016-08-02 10:35:55 277

原创 js -- 自定义类和对象

工厂方式function createObject(name){ var p = new Object(); p.name=name; p.say =function(){alert(p.name+'ff');} return p;}var p1 = createObject("p1");var p2 = crea

2016-08-02 10:25:49 1303

原创 Cocos2d-JS 3.12版本Windows环境配置

一、准备工作1.安装python2.7x，注意必须是2.7x，这里有的可能已经安装了python3.0版本，但是目前的v3.0bate版本有的地方不支持，所以必须是2.7x版本https://www.python.org/download/releases/2.7.6/2.下载Android SDK，安装相应API，platforms文件夹中应至少有一个8以

2016-08-02 09:11:37 2825

Knight__D