孤岛浅滩-CSDN博客

原创函数 | arguments | rest | 作用域 | let | 名字空间 | apply | map() | reduce() | filter() | 回调函数

一函数1.函数存在的原因？为了重复处理有相同规律的"行为"。2.抽象 1 + 2 + 3 + … +100,记做二函数的定义和调用1.函数体内部的语句在执行时，一旦执行到return时，函数就执行完毕，将结果返回。如果没有return语句，函数执行完毕后也会返回结果，只不过结果为undefined.2.两种定义函数的方式function abs(x){ if(x >= 0){

2017-08-31 08:30:10 447

原创 DNS | Array | Object | Map | Set | iterable ---[廖雪峰老师js教程笔记]

一.DNS协议 1.DNS提供什么服务？——域名与IP地址之间的解析服务（正逆均可）。2.DNS存在的原因？——对于计算机而言，它更擅长通过一长串数字（IP地址）来访问对方的计算机;而对于人类来说，字母+数字的组合更方便记忆，因此用户使用主机名或域名来访问对方的计算机。【廖雪峰老师的JavaScript教程】 https://www.liaoxuefeng.com/wiki/0014344466

2017-08-30 08:58:16 668

原创 AJAX | HTTP

一 AjaxAJAX is not a programming language.lt is just a technique for creating better and more interactive web applications.1.XMLHttpRequest用于在后台与服务器交换数据。2.创建XMLHttpRequest对象—浏览器与服务器之间数据交换的桥梁var xhr;if

2017-08-28 22:14:05 685

原创链表

1.创建一个单节点：var firstNode = { data : 12, next : null};2.通过第一个单节点的next属性可以链接到另一个单节点从而构成一个链表。firstNode.next = { data : 24, next : null};//也就是var LinkedList = { data : 12, next :

2017-08-27 13:11:53 244

1.Feature 分支1.开发一个新功能，最好新建一个分支。2.如果要丢弃一个没有被合并过的分支，可用git branch -D <name>强行删除。2.多人协作1.远程仓库的默认名称是origin.2.查看远程库信息，使用git remote -v.3.本地新建的分支如果不推送到远程，对其他人是不可见的。4.从本地推送分支，使用git push origin branch-name，如果推送失

2017-08-25 13:58:26 367

原创 [笔记1]---廖雪峰老师的Git教程

传送门：https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/001373962845513aefd77a99f4145f0a2c7a7ca057e75700001.Git是一种分布式版本控制系统。（Version Control System） ①每个人电脑里都有完整的版本库。 ②

2017-08-25 09:01:57 4821

原创 position | white-space | Math.random() | Set object | Array.isArray() | Object.keys() |Array.from()

一. CSS 定位体系概述【参考】http://www.w3help.org/zh-cn/kb/009/①position: static;②position: relative;③position: absolute;二.white-space 【参考】https://developer.mozilla.org/zh-CN/docs/Web/CSS/white-space①white-spa

2017-08-24 08:53:55 258

原创【专题】display: inline | block | inline-block;

1.inline/block/inline-block区别？ ①display: inline;代表的是行内元素的默认样式。如：span/a/i/input/b/img/strong/em/label等。②display: block;代表的是块级元素的默认样式。如： div/h1-h6/table/ul/li/form/p等。③display: inline-block代表的是具有高度和宽度的

2017-08-23 10:57:57 264

原创 div和span区别/font-weight

①div和span的区别<style> div{ width: 200px; height: 20px; background: red; margin-bottom: 5px; } span{ width: 200px;

2017-08-21 22:25:13 1494

原创插入 | 希尔 | 冒泡 | 快速 | 选择 | 归并排序

①插入排序—insertion sort//Insertion Sortingarr = [53,27,36,15,2,42];function insertionSort(arr){ var copy,len,temp; copy = arr.slice(0); len = copy.length; for(var i = 1;i < len;i++){

2017-08-20 22:15:04 242

原创 Day2/margin-right/ease(in&out)/eq selector/fadeIn()/fadeOut()/insert Sorting

2017-08-19 22:45:12 280

原创小项目练手-Day1

Process：几个小问题：①boder:none;②dl dt dd③<a target="_blank">④text-align

2017-08-18 22:45:54 310

原创 Whack-a-mole（打地鼠）

源码传送门：https://github.com/yycer/share几个小问题 1.flex布局传送门：http://blog.csdn.net/m0_37851778/article/details/772410092.setTimeout()setTimeout(()=> timeUp = true , 10000);//等价于setTimeout(function(){ tim

2017-08-17 09:59:11 2831 1

原创 Flex 布局整理【全】

from【Flex 布局教程：语法篇】 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html传送门：https://github.com/yycer/share 【可自行下载，测试】1.任何一个容器都可以指定为Flex布局。2.行内元素也可以使用Flex布局.box{ display: inline-flex;}3.-webk

2017-08-16 12:43:58 15999

原创一个小问题：随机输出一个数组中全部数值？

//The first methodfunction shuffle(array){ var currentIndex = array.length, randomIndex,temporaryValue; while(currentIndex !== 0){ randomIndex = Math.floor(currentIndex*Math.ra

2017-08-14 16:54:04 906

原创 JS核心

【JavaScript核心】 from：http://weizhifeng.net/javascript-the-core.html#constructor1.原型链 ①如果一个属性或方法在对象自己中没有找到，就进入原型链中寻找，直到Object.prototype，若仍未找到，返回undefined。var a = {x: 10,calculate: function(z){return

2017-08-13 11:27:54 306

原创 call()/apply()/bind()/FD/FE/无函数重载/基本值/引用值

对我来说，博客首先是一种知识管理工具，其次才是传播工具。我的技术文章，主要用来整理我还不懂的知识。我只写那些我还没有完全掌握的东西，那些我精通的东西，往往没有动力写。炫耀从来不是我的本意，好奇才是。 —– 阮一峰1.from：http://www.cnblogs.com/pingchuanxin/p/5722139.htmlfunction test(){ alert(''+this);

2017-08-12 13:44:52 321

原创互联网协议入门/this/carriage return/line feed

一.互联网协议入门（一 + 二）【转】http://www.ruanyifeng.com/blog/2012/05/internet_protocol_suite_part_i.html 【转】http://www.ruanyifeng.com/blog/2012/06/internet_protocol_suite_part_ii.html① 1.数据包：也称为”帧”，由标头(head)+

2017-08-11 09:34:19 622

原创 Quick Sorting/Extract

1.快速排序【转】—-快速排序（Quicksort）的Javascript实现（阮前辈） http://www.ruanyifeng.com/blog/2011/04/quicksort_in_javascript.html arr=[85,4,20,30,99,72,63,45,17,31,96,50];//quick sortingvar quickSort = function(ar

2017-08-10 11:23:11 343

原创 Hanoi（汉诺塔）

//先来段代码function hanoi(disc,start,end,middle){ if(disc > 0){ hanoi(disc-1,start,middle,end); console.log('disc: ' + disc + ' from ' + start +' to ' +end); hanio(disc-1,middl

2017-08-09 16:48:47 442

原创 color/box-flex/transition/inline-block/outline/:not()

1.color & font-color & text-color ① <style type="text/css"> div{ width: 200px; height: 100px; border: 2px solid ; color:red; } <

2017-08-08 08:35:45 435

原创 Number/for...in/检索/||/&&/Syntactic Sugar/Default Parameters/Template Literals/Multiline Strings/this

1.Number①number.toExponential(fractionDigits)Math.PI.toExponential(2);//"3.14e+0"②number.toFixed(fractionDigits)Math.PI.toFixed(3);//"3.142"③number.toPrecision(precision)Math.PI.toPrecision(3);

2017-08-07 08:00:37 460

原创 CSS常见BUG/清除浮动/跨浏览器兼容/函数作用域/闭包

CSS常见BUG/清除浮动/跨浏览器兼容/函数作用域/闭包

2017-08-06 08:50:15 426

原创知识点整理：box-sizing/clear/overhidden/box-flex/animation/replace(RegExp,'')/this/parseInt(num1,base)

1.CSS box-sizing属性div{ width:60px; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}作用：width:60px,而不是100px2.三种方式清除浮动。【参考内容：http://w

2017-08-05 09:38:33 347

原创 Porfessional JS(21.2-XMLHttpRequest Level 2/Progress Event/CORS)& Sharp jQuery(selectors[part])

1.The FormData Type +①The serialization of form data is frequently needed in modern web applications,and so the XMLHttpRequest Level 2 specification introduces the FormData type.The FormData type make

2017-08-04 10:47:57 534

原创 Professional JS(20-JSON Syntax/Serialization/Parse/XMLHttpRequest Object)

1.JSON ①JSON：JavaScript Object Notation对象表示法，一种数据格式。②JSON syntax allows the representation of three types of values: a)Simple values—Strings,Numbers,Booleans,and null can all be represented in JSON u

2017-08-03 09:22:48 349

原创 Porfessional JS(15.2.10-Image Data/Composition/Typed Array/WebGL Context[part])

1.Working with Image Data +①var drawing=document.getElementById('drawing');//确定浏览器支持<canvas>元素if(drawing.getContext){ var context=drawing.getContext('2d'), //获取文档中第一张图像 image=doc

2017-08-02 09:35:51 394

原创 Professional JS(15.2.4-Drawing Text/Transformation/Drawing Imgae/Shadow/Gradient/Pattern)

1.Drawing Text @+①Since it's often necessary to mix text and graphics,the 2D drawing context provides methods to draw text.There are two methods for drawing text,fillText() and strokeText(),and each t

2017-08-01 08:34:50 280

原创 Professional JS(13.4.7HTML5 /device/Touch/Gesture Event/Memory&Performance/Simulating Events/Canvas)

1.The MozOrientation Event +①Firefox 3.6 introduced a new event called MozOrientation to detect device orientation.The event object has three properties with accelerometer(加速度计) data:x,y, and z.Each v

2017-07-31 08:58:12 948

原创 Professional JS(HTML5 Event/Device Event[part])

1.beforeunload Event +①window对象上的beforeunload事件，是为了让开发人员有可能在页面卸载之前阻止这一操作。IE,Firefox,Safari,Chrome和Opera 11+支持这个该事件，EventUtil.addHandler(window,'beforeunload',function(event){ event=EventUtil.getEv

2017-07-30 09:34:43 257

原创 Professional JS(13.4.3Mouse and Wheel/Keyboard and Text/composition/Mutation/HTML5 Events[part])

1.Additional Event Information ①The DOM Level 2 Events specification provides the detail property on the event object to give additonal information about an event.For mouse events,detail contains a nu

2017-07-29 09:55:28 289

原创 Professional JS(13.3.1Event Object in DOM/IE/Cross-Browser/UI&Focus&Mouse and Wheel event[half])

1.The DOM Event Object(续) +①The stopPropagation()【阻止传播】 method stops the flow of an event through the DOM structure immediately,canceling any further event capturing or bubbling before it occurs.var b

2017-07-28 09:54:04 455

原创 Professional JS(11.4.4-Markup Insertion/Scrolling/Event Flow/Event Handler/Event Object(part))

1.Markup Insertion(插入标记) ①The innerText property works with all text content contained with an element,regardless of how deep in the subtree the text exists.When used to read the value,innerText conca

2017-07-27 09:56:04 271

原创 Professional JS(11.1-Selectors API/Elemenet Traversal/HTML5/Proprietary Extensions[part]-11.4.3)

1.DOM Extensions ①The two primary standards specifying DOM extensions are the Selectors API(选择符API) and HTML5.2.Selectors API ①Indeed(实际上),the library jQuery is built completely around the CSS select

2017-07-26 10:09:50 383

原创 Professional JS(10.1.4--end)剩余类型&DOM操作技术&黑画--一百年后的编程语言

1.The Text Type[3] ①Text nodes are represented by the Text type and contain plain text(纯文本) that is interpreted literally and may contain escaped HTML characters(转义后的HTML字符) but no HTML code.②A Text n

2017-07-25 09:38:32 397

原创 Professional JS(10.1.2-Document类型续---10.1.3Element类型)

1.查找元素 ①取得元素的操作可以使用document对象的几个方法来完成。其中，Document类型为此提供了两个方法：getElementById()和getElementsByTagName()。②getElementById()方法，接收一个参数：要取得的元素的ID。③getElementsByTagName()方法，接收一个参数，即要取得元素的标签名，而返回的是包含零或多个元素的Node

2017-07-24 08:57:35 474

原创 Professional JS(try-catch续/Node/Document类型）

1.try-catch语句续 ①只要代码中包含finally子句，则无论try或catch语句块包含什么代码—-甚至return语句，都不会阻止finally子句的执行。function testFinally(){ try{ return 0; }catch(error){ return 1; }finally{ retur

2017-07-23 09:50:44 648

原创 Professional JS(8.1.5导航和打开窗口/location/navigator/screen/history对象/Summary)

1.导航和打开窗口 ①window.open()方法既可以导航到一个特定的URL，也可以打开一个新的浏览器窗口。②这个方法接受4个参数：要加载的URL/窗口目标/一个特性字符串/一个表示新页面是否取代浏览器历史记录中当前加载页面的布尔值。通常只需传递第一个参数，最后一个参数只在不打开新窗口的情况下使用。③第二个参数也可以是下列任何一个特殊的窗口名称：_self、_parent、_top、_blan

2017-07-22 09:28:37 691

原创 Professional JS 7.2.1闭包与变量----8.1.4窗口大小

1.this对象是由运行时函数的执行环境/上下文决定的，还取决于调用函数的方式。1.var name='The Window';var obj={ name:'My Object', getNameFunc:function(){ return this.name; }};//()左边是对象的方法alert(obj.getNameFunc());//

2017-07-21 09:27:12 254

空空如也

空空如也