2016年10月_图解AI

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 [js点滴知识(转)]事件冒泡详解

冒泡型事件的基本思想是、事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。<html> <head> <title></title> </head> <body onclick="theClick()"> <div onclick="theClick()">点击</div> </body></html

2016-10-28 22:13:07 4543

原创 [js点滴]JavaScript字符串常见方法总结

// 1.创建字符串 // 1.1 字面量创建 var str1 = "hello world";// 1.2 构造函数创建字符串对象 var str2 = new String("hello world");/* 2.String.fromCharCode()方法 1.该方法中的参数是一系列unicode的码点(例如:'\u0012' 码点:0012),返回对应的字符

2016-10-26 22:18:32 4860

原创 [js点滴]JavaScript关于函数总结

/*1.函数的概念函数就是实现某一功能的代码片段. 2.函数的分类 a.预定义函数(系统函数) b.自定义函数函数又称之为方法 3.函数定义 function 函数名(参数1,参数2,参数3,...){ 函数主体 } 注意两点: a.function为关键字,用来

2016-10-26 22:16:59 4438

原创 [js点滴]JavaScript关于数组的方法总结

// 1.数组的写法// 1.1字面量写法 var arr = [1,2,3,4,5];// 1.2 构造函数写法 var arr1 = new Array(2);//创建一个长度为2的一个数组对象// 1.3 不加new关键字写法 var arr2 = Array(2);//创建一个长度为2的一个数组对象 var arr3 = new Array();/

2016-10-26 22:14:19 4437

原创 [人工智能]人工智能、机器学习和深度学习三者之间的关系

人工智能、机器学习和深度学习之间区别文章摘要：搞清三者关系的最简单方法，就是把它们想象成一个同心圆，其中人工智能最大。本文由挚

2016-10-23 10:29:15 17907

原创 [js移动端交互]移动端交互大纲篇

day01.基础事件1)touchstart介绍及使用2)touchmove介绍及使用3)touchend介绍及使用4)案例分析day02.event对象1)取消默认事件 2)阻止冒泡3)防止文字选中和阻止默认菜单4)鼠标事件延迟5)事件点透问题6)案例分析day03.touchEvent1)touches介绍及使用2)changedTouches介绍及使用3)targetT

2016-10-22 10:47:40 4916

原创 [js点滴(转)]JavaScript中的this陷阱的最全收集--没有之一

当有人问起你JavaScript有什么特点的时候，你可能立马就想到了单线程、事件驱动、面向对象等一堆词语，但是如果真的让你解释一下这些概念，可能真解释不清楚。有句话这么说：如果你不能向一个6岁小孩解释清楚一个东西，那么你自己也不懂这个东西。这句话或许有点夸张，但是极其有道理。个人觉得，如果需要掌握一门语言，掌握它的API只是学了皮毛，理解这门语言的精髓才是重点。提及JavaScript的精髓，thi

2016-10-21 23:50:53 4923

原创 [js点滴]JavaScript中的作用域及作用域链的意义和解释

一.作用域简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有:1.全局作用域在代码中任何地方都能访问到的对象拥有全局作用域，一般来说以下几种情形拥有全局作用域：2.局部作用域和全局作用域相反，局部作用域一般只在固定的代码片段内可访问到，最常见的例如函数内部，所有在一些地方也会看到有人把这种作用域称为函

2016-10-21 01:15:32 4601

原创 [js点滴]JavaScript排序算法汇总

排序算法是将一系列的值按照顺序进行排列的方法。冒泡排序简介冒泡排序（Bubble Sort）是最易懂的排序算法，但是效率较低，生产环境中很少使用。它的基本思想是：依次比较相邻的两个数，如果不符合排序规则，则调换两个数的位置。这样一遍比较下来，能够保证最大（或最小）的数排在最后一位。再对最后一位以外的数组，重复前面的过程，直至全部排序完成。由于每进行一次这个过程，

2016-10-20 22:37:35 4851

原创 [js点滴]javaScript闭包引起的问题及分析

1、什么是闭包、以及闭包所涉及的作用域链这里就不说了。2、JavaScript垃圾回收机制JavaScript不需要手动地释放内存，它使用一种自动垃圾回收机制（garbage collection）。当一个对象无用的时候，即程序中无变量引用这个对象时，就会从内存中释放掉这个变量。var s = [ 1, 2 ,3];var s = null;//这样原始的数组[1 ,2 ,3]就会被释放掉了。3

2016-10-18 23:21:03 4744

原创 [js点滴]js函数与闭包函数详解

1、匿名函数函数是JavaScript中最灵活的一种对象，这里只是讲解其匿名函数的用途。匿名函数：就是没有函数名的函数。1.1 函数的定义，首先简单介绍一下函数的定义，大致可分为三种方式第一种：这也是最常规的一种 function double(x){ return 2 * x; }第二种：这种方法使用了Function构造函数，把参数列表和函数体都作为字符串，很不方便，不建议使用。

2016-10-18 23:10:13 4623

原创 [js点滴]Javascript类型转换的技巧

<div class="postBody"> <div id="cnblogs_post_body"><p>Javascript的变量是松散类型的，它可以存储Javascript支持的任何数据类型，其变量的类型可以在运行时被动态改变。请看示例：</p>var n = 10;n = "hello CSSer!";n = {};上面的示例中，首先声明n变量并初始化其值为10（整数类

2016-10-18 21:19:29 4662

原创 [互联网思维(转)]互联网思维法则

法则1：得“屌丝”者得天下成功的互联网产品多抓住了“屌丝群体”、“草根一族”的需求。这是一个人人自称“屌丝”而骨子里认为自己是“高富帅”和“白富美”的时代。当你的产品不能让用户成为产品的一部分，不能和他们连接在一起，你的产品必然是失败的。QQ、百度、淘宝、微信、YY、小米，无一不是携“屌丝”以成霸业。点击链接加入群【互联网新思维交流】：互联网新思维交流法则2：兜售参与感一种情况是按需定

2016-10-18 21:15:32 6926

原创 [js点滴]使用var定义变量和不使用var的本质区别

不使用var定义变量和使用var的区别　　最基本的var关键字是上下文的，而不采用var是全局的这就不讨论了　　“不管是使用var关键字(在全局上下文)还是不使用var关键字(在任何地方)，都可以声明一个变量”。这貌似一个错误的概念：任何时候，变量只能通过使用var关键字才能声明。a = 10;是一个赋值语句，仅仅是

2016-10-18 00:07:14 4891

原创 [知识点滴]JavaScript的真正解释

1.什么是JavaScript? JavaScript是一种专门与网页交互而设计的脚本语言.2.JavaScript的组成虽然JavaScript和ECMAScript通常被人用来表达相同的意思，但JavaScript的含义去比ECMA-262中规定的多得多。一个完整的JavaScript实现应由三个部分组成： 1.核心（ECMAScript） 2.文档对象模型（DOM）

2016-10-17 20:14:02 5246

原创 [知识总结(转)]flex布局实例篇

Flex 布局教程：实例篇我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到9个点的布局。你可以到codepen查看Demo。如果不加说明，本节的HTML模板一律如下。<div class="box">

2016-10-16 09:59:10 4824

原创 [知识总结(转)]flex布局语法篇

Flex 布局教程：语法篇 <p class="vcard author">作者： <a class="fn url" href="http://www.r

2016-10-16 07:33:38 5991 1

原创 [知识总结]HTML5布局之flex布局总结

一布局几种方式 1.静态(自然)布局(没有任何(float,position等)修饰的布局) 2.浮动布局(float) 3.定位布局(position) 4.弹性布局(flex) 5.栅格布局(就是把网页的宽度分成固定的相同宽度,然后列出各种可能的组合,以便页面在进行呈现时能够进行快速的布局,通常12等分或24等分)弹性布局概念

2016-10-14 12:39:15 8861 3

原创 [webGL学习]基于three.js构建WebGL实例第六讲

演示地址今天我们继续webGL的课程。今天我们开始另一个主题，我们将使用sprites和纹理动画。如果你不知道，sprites只是图像，可以附加到对象上。这些sprites图像总是与我们的相机正交。 Three.js为sprites - THREE.SpriteMaterial提供了一个库，以及一个特殊的一些方法 - THREE.Sprite。在本教程中，我们还将学习如何使用sprit

2016-10-13 08:39:54 7588 4

原创 [webGL学习]基于three.js构建WebGL实例第五讲

今天，我们将继续学习webgl（three.js）这门课程，今天我们将向您展示如何以三种不同的方式为您的场景创建一个美丽的环境（天空盒）：立方天空盒侧面），球形天空盒（单周围纹理）和球形着色器天空盒（无纹理）。我们会用到下面一些比较特殊的属性：反射，折射和类似soapbubble的对象。一般结构现在我们可以开始，首先，定义一般结构：var lesson5 = { scene:

2016-10-11 17:20:15 8824 1

原创 [webGL学习]基于three.js构建WebGL实例第四讲

今天我们继续我们的课程webGL 的学习,在该课程中我们将向大家展示如何给一个场景添加一个3D文字,如何设计出二维形状，把3D模型加载在OBJLoader现场。但这个过程是非常困难的.下面就具体来看一下.HTML代码这部分还是跟之前的一样.<!DOCTYPE html><html lang="en" > <head> <meta charset="utf-8" />

2016-10-10 22:11:50 6399

原创 [响应式布局]响应式布局技巧

一理解几种布局的概念1、静态布局（Static Layout）即传统Web设计，对于PC设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；意思就是不管浏览器尺寸具体是多少，网页布局就按照当时写代码的布局来布置；对于移动设备，单独设计一个布局，使用不同的域名如wap.或m.。2、自适应布局（Adaptive Layout）自适应布局（Ada

2016-10-09 01:39:08 6719

原创 [webGL学习]基于three.js构建WebGL实例第三讲

大多程序员在刚开始理解3D(webGL)的知识时,通常对三维空间可能理解的比较困难,你也可能有困难理解不同的光线是如何工作的，或轴甚至如何位于空间。今天，我会帮你处理这些问题。three.js所拥有一切必要的手段来为这个 - 帮手。在今天的例子中，我已经准备好为你工作的所有现有佣工示范：ArrowHelper，AxisHelper，BoundingBoxHelper，CameraHelp

2016-10-07 13:20:58 8872

原创 [webGL学习]基于three.js构建WebGL实例第二讲

我们来继续来学习 WebGL 的 three.js 库。今天做些不一样的东西（如 MeshBasicMaterial，MeshLambertMaterial 和 MeshPhongMaterial），尽量使用各种参数（color，opacity，ambient，emissive，specular），讲解如何制作纹理和凹凸映射的使用。HTML代码<!DOCTYPE html><html la

2016-10-07 12:47:13 6012 2

原创 [webGL学习]基于three.js构建WebGL实例第一讲

我们主要做些的基本功能：创建一个场景，相机，渲染器，控制器（OrbitControls）。我们也将创建简单的定向光，加上一些对象（不同的几何形状）的阴影。为了使事情更快，我们决定采取一个最流行的WebGL框架——three.js。为什么使用three.js？事实上，它是开源的JavaScript框架，它也是增长最迅速的和讨论很热烈的引擎。在这里，已经准备了很多会用到的东西，从基本的点和向量，到做

2016-10-06 23:22:36 7666

原创 [知识点滴]Div+CSS命名规范大全

摘要: Div+CSS命名规范（前端web开发命名规范） Div+CSS命名规范（一）窗体头：header　　内容：content/container　　尾：footer　　导航：nav　　侧栏：sidebar 栏目：column　　页面外围控制整体布局宽度：wrapper　　左右中：left right center 登录条：loginbar　　标志：logo

2016-10-01 00:54:23 5420