2017 年 5月随笔档案 - 代码笔

React笔记（更新）

摘要：React笔记（更新） React: 1，React.render 是 React 的最基本方法，用于将模板转为 HTML 语言，并插入指定的 DOM 节点 2，React.createClass 方法就用于生成一个组件类 3，this.props 对象的属性与组件的属性一一对应 this.prop 阅读全文

posted @ 2017-05-31 12:14 代码笔阅读(208) 评论(0) 推荐(0) 编辑

sublimetext3-实用快捷键整理

摘要：sublimetext3-实用快捷键整理实用快捷键 Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一阅读全文

posted @ 2017-05-26 17:25 代码笔阅读(955) 评论(0) 推荐(0) 编辑

节点属性

摘要：节点属性在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性： 1. nodeName : 节点的名称 2. nodeValue ：节点的值 3. nodeType ：节点的类型一、nodeName 属性: 节点的名称，是只读的。 1. 元素节点的 nodeNam 阅读全文

posted @ 2017-05-25 18:29 代码笔阅读(228) 评论(0) 推荐(0) 编辑

setAttribute()方法

摘要：setAttribute()方法 setAttribute() 方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。语法： elementNode.setAttribute(name,value) 说明： 1.name: 要设置的属性名。 2.value: 要设置的属性值。注意阅读全文

posted @ 2017-05-25 16:02 代码笔阅读(437) 评论(0) 推荐(0) 编辑

getAttribute()方法

摘要：getAttribute()方法通过元素节点的属性名称获取属性的值。语法： elementNode.getAttribute(name) 说明: 1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。 2. na 阅读全文

posted @ 2017-05-25 15:25 代码笔阅读(724) 评论(0) 推荐(0) 编辑

区别getElementByID,getElementsByName,getElementsByTagName

摘要：区别getElementByID,getElementsByName,getElementsByTagName 以人来举例说明，人有能标识身份的身份证，有姓名，有类别(大人、小孩、老人)等。 1. ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。 2. 阅读全文

posted @ 2017-05-25 14:18 代码笔阅读(182) 评论(0) 推荐(0) 编辑

getElementsByTagName()方法

摘要：getElementsByTagName()方法返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。语法: document.getElementsByTagName(Tagname) 说明: 1. Tagname是标签的名称，如p、a、img等标签名。 2. 和数组类似也有阅读全文

posted @ 2017-05-25 13:45 代码笔阅读(241) 评论(0) 推荐(0) 编辑

getElementsByName()方法

摘要：getElementsByName()方法返回带有指定名称的节点对象的集合。语法： document.getElementsByName(name) 与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。注意: 1. 因为文档中的 nam 阅读全文

posted @ 2017-05-25 13:41 代码笔阅读(1115) 评论(0) 推荐(0) 编辑

编程练习制作一个跳转提示页面：

摘要：编程练习制作一个跳转提示页面：要求： 1. 如果打开该页面后，如果不做任何操作则5秒后自动跳转到一个新的地址，如慕课网主页。 2. 如果点击“返回”按钮则返回前一个页面。效果: 注意: 在窗口中运行该程序时，该窗口一定要有历史浏览记录，否则"返回"无效果。任务第一步：先编写好网页布局，如阅读全文

posted @ 2017-05-25 13:33 代码笔阅读(122) 评论(0) 推荐(0) 编辑

screen对象

摘要：screen对象 screen对象用于获取用户的屏幕信息。语法： window.screen.属性对象属性: 屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息。1. screen.height 返回屏幕分辨率的高2. screen.width 返回屏幕分辨率的宽注意:1 阅读全文

posted @ 2017-05-25 12:16 代码笔阅读(170) 评论(0) 推荐(0) 编辑

Navigator对象/userAgent

摘要：Navigator对象 Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。对象属性: 查看浏览器的名称和版本，代码如下: <script type="text/javascript"> var browser=navigator.appName; var b_ver 阅读全文

posted @ 2017-05-25 12:15 代码笔阅读(247) 评论(0) 推荐(0) 编辑

Navigator对象

摘要：Navigator对象 Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。对象属性: 查看浏览器的名称和版本，代码如下: <script type="text/javascript"> var browser=navigator.appName; var b_ver 阅读全文

posted @ 2017-05-25 11:47 代码笔阅读(138) 评论(0) 推荐(0) 编辑

Location对象

摘要：Location对象 location用于获取或设置窗体的URL，并且可以用于解析URL。语法: location.[属性|方法] location对象属性图示: location 对象属性： location 对象方法: location用于获取或设置窗体的URL，并且可以用于解析URL。语法阅读全文

posted @ 2017-05-25 11:38 代码笔阅读(121) 评论(0) 推荐(0) 编辑

History 对象

摘要：History 对象 history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。语法： window.history.[属阅读全文

posted @ 2017-05-25 11:29 代码笔阅读(90) 评论(0) 推荐(0) 编辑

完成取消计时器函数。点击Start按钮后，开始计数。点击Stop按钮后，停止计数。

摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> var num=0; var i; function startC 阅读全文

posted @ 2017-05-25 11:24 代码笔阅读(296) 评论(0) 推荐(0) 编辑

计时器setTimeout()

摘要：计时器setTimeout() setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。语法: setTimeout(代码,延迟时间); 参数说明： 1. 要调用的函数或要执行的代码串。2. 延时时间：在执行代码前需等待的时间，以毫秒为单位（1s=1000ms)。当阅读全文

posted @ 2017-05-25 11:11 代码笔阅读(203) 评论(0) 推荐(0) 编辑

JavaScript 计时器

摘要：JavaScript 计时器在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。计时器类型：一次性计时器：仅在指定的延迟时间之后触发一次。间隔性触发计时器：每隔一定的时间间隔就触发一次。计时器方法：计时器setInterval() 在执行时,从载入页面阅读全文

posted @ 2017-05-25 09:07 代码笔阅读(214) 评论(0) 推荐(0) 编辑

window对象

摘要：window对象 window对象是BOM的核心，window对象指当前的浏览器窗口。 window对象方法: 注意:在JavaScript基础篇中，已讲解了部分属性，window对象重点讲解计时器。 window对象是BOM的核心，window对象指当前的浏览器窗口。 window对象方法: 注意阅读全文

posted @ 2017-05-24 21:40 代码笔阅读(86) 评论(0) 推荐(0) 编辑

认识DOM

摘要：认识DOM 文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合，DOM节点有: 1. 阅读全文

posted @ 2017-05-24 20:55 代码笔阅读(104) 评论(0) 推荐(0) 编辑

什么是事件

摘要：什么是事件 JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个阅读全文

posted @ 2017-05-24 20:13 代码笔阅读(280) 评论(0) 推荐(0) 编辑

编程练习效果图:XXXX年XX月X日星期X--班级总分为:81

摘要：编程练习某班的成绩出来了，现在老师要把班级的成绩打印出来。效果图: XXXX年XX月X日星期X--班级总分为:81 格式要求： 1、显示打印的日期。格式为类似“XXXX年XX月XX日星期X” 的当前的时间。 2、计算出该班级的平均分（保留整数）。同学成绩数据如下： "小明:87; 小花: 阅读全文

posted @ 2017-05-24 19:56 代码笔阅读(216) 评论(0) 推荐(0) 编辑

选定元素slice()

摘要：选定元素slice() slice() 方法可从已有的数组中返回选定的元素。语法 arrayObject.slice(start,end) 参数说明： 1.返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。 2. 该方法并不会修改数组，而是返回阅读全文

posted @ 2017-05-24 19:27 代码笔阅读(104) 评论(0) 推荐(0) 编辑

数组排序sort()

摘要：数组排序sort() sort()方法使数组中的元素按照一定的顺序排列。语法: arrayObject.sort(方法函数) 参数说明： 1.如果不指定<方法函数>，则按unicode码顺序排列。 2.如果指定<方法函数>，则按<方法函数>所指定的排序方法排序。 myArray.sort(sort 阅读全文

posted @ 2017-05-24 19:16 代码笔阅读(156) 评论(0) 推荐(0) 编辑

颠倒数组元素顺序reverse()

摘要：颠倒数组元素顺序reverse() reverse() 方法用于颠倒数组中元素的顺序。语法： arrayObject.reverse() 注意：该方法会改变原来的数组，而不会创建新的数组。定义数组myarr并赋值，然后颠倒其元素的顺序： <script type="text/javascript 阅读全文

posted @ 2017-05-24 19:13 代码笔阅读(220) 评论(0) 推荐(0) 编辑

指定分隔符连接数组元素join()

摘要：指定分隔符连接数组元素join() join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。语法： arrayObject.join(分隔符) 参数说明: 注意：返回一个字符串，该字符串把数组中的各个元素串起来，用<分隔符>置于元素与元素之间。这个方法不影响数组原本阅读全文

posted @ 2017-05-24 19:11 代码笔阅读(161) 评论(0) 推荐(0) 编辑

数组连接concat()

摘要：数组连接concat() concat() 方法用于连接两个或多个数组。此方法返回一个新数组，不改变原来的数组。语法 arrayObject.concat(array1,array2,...,arrayN) 参数说明：注意: 该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。我们创建阅读全文

posted @ 2017-05-24 19:08 代码笔阅读(742) 评论(0) 推荐(0) 编辑

Array 数组对象

摘要：Array 数组对象数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的数组定义的方法： 1. 定义了一个空数组: var 数组名= new Array(); 2. 定义时指定有n个空元素的数组： var 数组名 =n 阅读全文

posted @ 2017-05-24 19:05 代码笔阅读(117) 评论(0) 推荐(0) 编辑

随机数 random()

摘要：随机数 random() random() 方法可返回介于 0 ~ 1（大于或等于 0 但小于 1 )之间的一个随机数。语法： Math.random(); 注意：返回一个大于或等于 0 但小于 1 的符号为正的数字值。我们取得介于 0 到 1 之间的一个随机数，代码如下： <script ty 阅读全文

posted @ 2017-05-24 18:51 代码笔阅读(254) 评论(0) 推荐(0) 编辑

四舍五入round()

摘要：四舍五入round() round() 方法可把一个数字四舍五入为最接近的整数。语法: Math.round(x) 参数说明：注意： 1. 返回与 x 最接近的整数。 2. 对于 0.5，该方法将进行上舍入。(5.5 将舍入为 6) 3. 如果 x 与两侧整数同等接近，则结果接近 +∞方向的数字阅读全文

posted @ 2017-05-24 18:49 代码笔阅读(200) 评论(0) 推荐(0) 编辑

向下取整floor()

摘要：向下取整floor() floor() 方法可对一个数进行向下取整。语法: Math.floor(x) 参数说明：注意：返回的是小于或等于x，并且与 x 最接近的整数。我们将在不同的数字上使用 floor() 方法，代码如下: <script type="text/javascript"> d 阅读全文

posted @ 2017-05-24 18:47 代码笔阅读(412) 评论(0) 推荐(0) 编辑

向上取整ceil()

摘要：向上取整ceil() ceil() 方法可对一个数进行向上取整。语法: Math.ceil(x) 参数说明: 注意：它返回的是大于或等于x，并且与x最接近的整数。我们将把 ceil() 方法运用到不同的数字上，代码如下： <script type="text/javascript"> docum 阅读全文

posted @ 2017-05-24 18:45 代码笔阅读(627) 评论(0) 推荐(0) 编辑

Math对象

摘要：Math对象 Math对象，提供对数据的数学计算。使用 Math 的属性和方法，代码如下： <script type="text/javascript"> var mypi=Math.PI; var myabs=Math.abs(-15); document.write(mypi); docume 阅读全文

posted @ 2017-05-24 18:43 代码笔阅读(113) 评论(0) 推荐(0) 编辑

提取指定数目的字符substr()

摘要：提取指定数目的字符substr() substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。语法: stringObject.substr(startPos,length) 参数说明: 注意：如果参数startPos是负数，从字符串的尾部开始算起的位置。也就是说，-1 阅读全文

posted @ 2017-05-24 18:40 代码笔阅读(174) 评论(0) 推荐(0) 编辑

提取字符串substring()

摘要：提取字符串substring() substring() 方法用于提取字符串中介于两个指定下标之间的字符。语法: stringObject.substring(startPos,stopPos) 参数说明: 注意： 1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 阅读全文

posted @ 2017-05-24 18:36 代码笔阅读(272) 评论(0) 推荐(0) 编辑

字符串分割split()

摘要：字符串分割split() 知识讲解： split() 方法将字符串分割为字符串数组，并返回此数组。语法： stringObject.split(separator,limit) 参数说明: 注意：如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都阅读全文

posted @ 2017-05-24 18:33 代码笔阅读(5245) 评论(0) 推荐(0) 编辑

返回指定的字符串首次出现的位置

摘要：返回指定的字符串首次出现的位置 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法 stringObject.indexOf(substring, startpos) 参数说明：说明： 1.该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 su 阅读全文

posted @ 2017-05-24 18:28 代码笔阅读(286) 评论(0) 推荐(0) 编辑

返回指定位置的字符

摘要：返回指定位置的字符 charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。语法: stringObject.charAt(index) 参数说明：注意：1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一（string.length-1）。 2.如果参数阅读全文

posted @ 2017-05-24 18:26 代码笔阅读(350) 评论(0) 推荐(0) 编辑

返回/设置时间方法

摘要：返回/设置时间方法 get/setTime() 返回/设置时间，单位毫秒数，计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。如果将目前日期对象的时间推迟1小时，代码如下: <script type="text/javascript"> var mydate=new Date( 阅读全文

posted @ 2017-05-24 18:22 代码笔阅读(213) 评论(0) 推荐(0) 编辑

返回星期方法

摘要：返回星期方法 getDay() 返回星期，返回的是0-6的数字，0 表示星期天。如果要返回相对应“星期”，通过数组完成，代码如下: <script type="text/javascript"> var mydate=new Date();//定义日期对象 var weekday=["星期日","星阅读全文

posted @ 2017-05-24 18:20 代码笔阅读(221) 评论(0) 推荐(0) 编辑

数组去重是面试中经常问到的问题

摘要：数组去重是面试中经常问到的问题 [html] view plain copy var arr=[1,3,4,52,4,5,4,8,7,6]; [html] view plain copy var arr=[1,3,4,52,4,5,4,8,7,6]; [html] view plain copy [ 阅读全文

posted @ 2017-05-24 17:54 代码笔阅读(242) 评论(0) 推荐(0) 编辑

js数组去重的5种算法实现

摘要：1.遍历数组法最简单的去重方法，实现思路：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中；注意点：判断值是否在数组的方法“indexOf”是ECMAScript5 方法，IE8以下不支持，需多写一些兼容低版本浏览器代码，源码如下： ? 1 2 3 4 5 6 7 8 9 10 11 // 阅读全文

posted @ 2017-05-24 17:53 代码笔阅读(420) 评论(0) 推荐(0) 编辑

使用JS完成一个简单的计算器功能

摘要：使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。提示：获取元素的值设置和获取方法为：例：赋值：document.getElementById(“id”）.value = 1；取值：var = document.getElementById( 阅读全文

posted @ 2017-05-24 17:51 代码笔阅读(612) 评论(0) 推荐(0) 编辑

编程练习

摘要：在一个大学的编程选修课班里，我们得到了一组参加该班级的学生数据，分别是姓名、性别、年龄和年级，接下来呢，我们要利用JavaScript的知识挑出其中所有是大一的女生的的名字哦。学生信息如下： ('小A','女',21,'大一'), ('小B','男',23,'大三'), ('小C','男',24, 阅读全文

posted @ 2017-05-24 09:15 代码笔阅读(123) 评论(0) 推荐(0) 编辑

制作新按钮，“新窗口打开网站” ，点击打开新窗口。

摘要：制作新按钮，“新窗口打开网站” ，点击打开新窗口。制作新按钮，“新窗口打开网站” ，点击打开新窗口。任务 1、新窗口打开时弹出确认框，是否打开提示: 使用 if 判断确认框是否点击了确定，如点击弹出输入对话框，否则没有任何操作。 2、通过输入对话框，确定打开的网址，默认为 http：//www 阅读全文

posted @ 2017-05-23 18:44 代码笔阅读(334) 评论(0) 推荐(0) 编辑

如何更改alert提示框的样式如何改变提示框的背景颜色，字体，大小位置

摘要：window.alert = function(str) { var shield = document.createElement("DIV"); shield.id = "shield"; shield.style.position = "absolute"; shield.style.left 阅读全文

posted @ 2017-05-23 16:30 代码笔阅读(2123) 评论(0) 推荐(0) 编辑

请编写"改变颜色"、"改变宽高"、"隐藏内容"、"显示内容"、"取消设置"的函数，点击相应按钮执行相应操作，点击"取消设置"按钮后，提示是否取消设置，如是执行操作，否则不做操作

摘要：<!DOCTYPE HTML><html><head><meta http-equiv="txttent-Type" txttent="text/html; charset=utf-8" /><title>javascript</title><style type="text/css">body{f 阅读全文

posted @ 2017-05-23 15:18 代码笔阅读(175) 评论(0) 推荐(0) 编辑

认识DOM

摘要：认识DOM 文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合，三种常见的DOM节点阅读全文

posted @ 2017-05-23 08:39 代码笔阅读(121) 评论(0) 推荐(0) 编辑

JavaScript-关闭窗口（window.close）

摘要：JavaScript-关闭窗口（window.close） close()关闭窗口用法： window.close(); //关闭本窗口或 <窗口对象>.close(); //关闭指定的窗口例如:关闭新建的窗口。 <script type="text/javascript"> var mywi 阅读全文

posted @ 2017-05-22 18:41 代码笔阅读(261) 评论(0) 推荐(0) 编辑

JavaScript-打开新窗口（window.open）

摘要：JavaScript-打开新窗口（window.open） open() 方法可以查找一个已经存在或者新建的浏览器窗口。语法： window.open([URL], [窗口名称], [参数字符串]) 参数说明: URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符阅读全文

posted @ 2017-05-22 18:35 代码笔阅读(538) 评论(0) 推荐(0) 编辑

JavaScript-提问（prompt 消息对话框

摘要：JavaScript-提问（prompt 消息对话框） prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。语法: prompt(str1, str2); 参数说明： str1: 要显示在消息对话框中的文本，不可修改 st 阅读全文

posted @ 2017-05-22 18:29 代码笔阅读(207) 评论(0) 推荐(0) 编辑

JavaScript-确认（confirm 消息对话框）

摘要：JavaScript-确认（confirm 消息对话框） confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。语法: confirm(str); 参数说明: str：在消息对话框中要显示的文本返回值: Boolean值返回值阅读全文

posted @ 2017-05-22 18:28 代码笔阅读(569) 评论(0) 推荐(0) 编辑

手机淘宝视窗viewpoint

摘要：<script type="text/javascript"> //手机淘宝参考viewport var metaEl=doc.createElement('meta'); var scale=isRetina?0.5:1; metaEl.setAttribute('name','viewport' 阅读全文

posted @ 2017-05-20 08:22 代码笔阅读(151) 评论(0) 推荐(0) 编辑

下载地址

摘要：bootstrap下载地址官网http://getbootstrap.com 中文网：http://www.bootcss.com 阅读全文

posted @ 2017-05-19 09:56 代码笔阅读(103) 评论(0) 推荐(0) 编辑

react阻止冒泡事件，绝对干货

摘要：最近在研究react、redux等，网上找了很久都没有完整的答案，如果对你有用就关注一下，以后都会有干货分享的，谢谢。首先，要知道再react中的合成事件和原生事件之间的区别。 1、合成事件在jsx中直接绑定的事件，如 <a ref="aaa" onClick={(e)=>this.handle 阅读全文

posted @ 2017-05-17 15:10 代码笔阅读(468) 评论(0) 推荐(0) 编辑

react实例9-拖拽2

摘要：成都市阅读全文

posted @ 2017-05-16 16:51 代码笔阅读(89) 评论(0) 推荐(0) 编辑

react实例9-拖拽

摘要：<!doctype html><html><head><meta charset="UTF-8"><title>test01</title> <script src="build/browser.min.js"></script> <script src="build/react.js"></scr 阅读全文

posted @ 2017-05-16 16:37 代码笔阅读(147) 评论(0) 推荐(0) 编辑

react实例8-组件，参数更新

摘要：<!doctype html><html><head><meta charset="UTF-8"><title>test01</title> <script src="build/browser.min.js"></script> <script src="build/react.js"></scr 阅读全文

posted @ 2017-05-14 19:59 代码笔阅读(175) 评论(0) 推荐(0) 编辑

react实例7-时钟

摘要：<!doctype html><html><head><meta charset="UTF-8"><title>test01</title> <script src="build/browser.min.js"></script> <script src="build/react.js"></scr 阅读全文

posted @ 2017-05-14 17:25 代码笔阅读(395) 评论(0) 推荐(0) 编辑

React实例6-显示隐藏

摘要：<!doctype html><html><head><meta charset="UTF-8"><title>test01</title> <script src="build/browser.min.js"></script> <script src="build/react.js"></scr 阅读全文

posted @ 2017-05-14 15:57 代码笔阅读(199) 评论(0) 推荐(0) 编辑

react实例5-事件

摘要：<!doctype html><html><head><meta charset="UTF-8"><title>test01</title> <script src="build/browser.min.js"></script> <script src="build/react.js"></scr 阅读全文

posted @ 2017-05-14 14:46 代码笔阅读(70) 评论(0) 推荐(0) 编辑

React实例4-属性

摘要：<!doctype html><html><head><meta charset="UTF-8"><title>test01</title> <script src="build/browser.min.js"></script> <script src="build/react.js"></scr 阅读全文

posted @ 2017-05-14 09:12 代码笔阅读(73) 评论(0) 推荐(0) 编辑

React实例3-状态2

摘要：<!doctype html><html> <head> <meta charset="UTF-8"> <title>state2</title> <script src="build/browser.min.js"></script> <script src="build/react.js"></ 阅读全文

posted @ 2017-05-13 23:18 代码笔阅读(81) 评论(0) 推荐(0) 编辑

React实例3-状态

摘要：<!doctype html><html> <head> <meta charset="UTF-8"> <title>nested components</title> <script src="build/browser.min.js"></script> <script src="build/r 阅读全文

posted @ 2017-05-13 23:00 代码笔阅读(75) 评论(0) 推荐(0) 编辑

React实例2-组件

摘要：<!doctype html><html> <head> <meta charset="UTF-8"> <title>nested components</title> <script src="build/browser.min.js"></script> <script src="build/r 阅读全文

posted @ 2017-05-13 22:05 代码笔阅读(75) 评论(0) 推荐(0) 编辑

React实例1

摘要：<!doctype html><html><head><meta charset="UTF-8"><title>test01</title> <script src="build/browser.min.js"></script> <script src="build/react.js"></scr 阅读全文

posted @ 2017-05-13 21:40 代码笔阅读(102) 评论(0) 推荐(0) 编辑

React应用场景

摘要：React应用场景复杂场景下的高性能重用组件库，组件组合 React优势组件化--分工、合作虚拟DOM树--性能高跨平台--移动端 React不足学习曲线特别陡设计思想有点特别 React全家桶/技术栈/生态圈 1.React主体 2.WebPack:grunt,gulp自动化构建工具阅读全文

posted @ 2017-05-12 15:46 代码笔阅读(334) 评论(0) 推荐(0) 编辑

项目什么时候需要 React 框架呢

摘要：项目什么时候需要 React 框架呢？你知道什么时候项目需要 HTML 和 CSS，因为这是项目的基础。什么时候用 JavaScript 也很清楚：当你需要只有它能提供的交互功能的时候。过去我们什么时候应该用代码库也很清楚：我们需要 jQuery 来帮助我们简化 DOM 操作，调用 Ajax，处理阅读全文

posted @ 2017-05-12 13:49 代码笔阅读(292) 评论(0) 推荐(0) 编辑

【安装命令行】React

摘要：Last login: Tue May 9 20:39:16 on ttys000 appledeMacBook-Pro:~ apple$ npm install -g create-react-app /usr/local/bin/create-react-app -> /usr/local/li 阅读全文

posted @ 2017-05-09 21:27 代码笔阅读(5356) 评论(0) 推荐(0) 编辑

【DAY-01】React

摘要：React 一个用于创建可复用，可聚合的web组件的js库只提供MVC中的V层 WHY 修改DOM树修改数据接收用户输入异步API数据请求和传统的服务器端渲染相似传统方式 React的渲染方式浏览器请求页面用户输入服务器请求数据库从API获取数据将数据传给模板将数据传给顶层组阅读全文

posted @ 2017-05-09 19:13 代码笔阅读(137) 评论(0) 推荐(0) 编辑

Caesars Cipher(算法)

摘要：题目让上帝的归上帝，凯撒的归凯撒。下面我们来介绍风靡全球的凯撒密码Caesar cipher，又叫移位密码。移位密码也就是密码中的字母会按照指定的数量来做移位。一个常见的案例就是ROT13密码，字母会移位13个位置。由'A' ↔ 'N', 'B' ↔ 'O'，以此类推。写一个ROT13函数阅读全文

posted @ 2017-05-08 14:55 代码笔阅读(623) 评论(0) 推荐(0) 编辑

Where do I belong(算法)

摘要：题目我身在何处？先给数组排序，然后找到指定的值在数组的位置，最后返回位置对应的索引。举例： where([1,2,3,4], 1.5) 应该返回 1 。因为 1.5 插入到数组 [1,2,3,4] 后变成 [1,1.5,2,3,4] ，而 1.5 对应的索引值就是1。同理， where([2 阅读全文

posted @ 2017-05-08 14:54 代码笔阅读(174) 评论(0) 推荐(0) 编辑

Seek and Destroy(算法)

摘要：题目金克斯的迫击炮！实现一个摧毁(destroyer)函数，第一个参数是待摧毁的数组，其余的参数是待摧毁的值。提示 Arguments object 思路函数中的有隐式的不确定个数的参数，而我们在函数中将会用到它，很显然，这需要我们在 arguments 上做文章了。我们来看看MDN是怎么解阅读全文

posted @ 2017-05-08 14:31 代码笔阅读(1856) 评论(2) 推荐(4) 编辑

Slasher Flick(算法)

摘要：题目打不死的小强！返回一个数组被截断n个元素后还剩余的元素，截断从索引0开始。提示 Array.slice() Array.splice() 思路既然题目已经给了提示可以用到的函数，那么我们就可以分别用这两种函数得出两种解题思路。解法一 slice() 方法会基于当前数组中的一个或多个项创阅读全文

posted @ 2017-05-08 14:29 代码笔阅读(199) 评论(0) 推荐(0) 编辑

Mutations(算法)

摘要：题目蛤蟆可以吃队友，也可以吃对手。如果数组第一个字符串元素包含了第二个字符串元素的所有字符，函数返回true。举例， ["hello", "Hello"] 应该返回true，因为在忽略大小写的情况下，第二个字符串的所有字符都可以在第一个字符串找到。 ["hello", "hey"] 应该返回f 阅读全文

posted @ 2017-05-08 14:28 代码笔阅读(138) 评论(0) 推荐(0) 编辑

Falsy Bouncer(算法)

摘要：题目真假美猴王！删除数组中的所有假值。在JavaScript中，假值有false、null、0、""、undefined 和 NaN。提示 Boolean Objects Array.filter() 思路我们可以用 Boolean() 函数进行类型转换。如果它的参数是 0、-0、null 阅读全文

posted @ 2017-05-08 14:25 代码笔阅读(1071) 评论(0) 推荐(1) 编辑

Check for Palindromes(算法)

摘要：题目如果给定的字符串是回文，返回true，反之，返回false。如果一个字符串忽略标点符号、大小写和空格，正着读和反着读一模一样，那么这个字符串就是palindrome(回文)。注意你需要去掉字符串多余的标点符号和空格，然后把字符串转化成小写来验证此字符串是否为回文。函数参数的值可以为"ra 阅读全文

posted @ 2017-05-05 15:14 代码笔阅读(156) 评论(0) 推荐(0) 编辑

Chunky Monkey(算法)

摘要：题目猴子吃香蕉可是掰成好几段来吃哦！把一个数组arr按照指定的数组大小size分割成若干个数组块。例如: chunk([1,2,3,4],2)=[[1,2],[3,4]] ; chunk([1,2,3,4,5],2)=[[1,2],[3,4],[5]] ; 提示 Array.push() Ar 阅读全文

posted @ 2017-05-05 15:11 代码笔阅读(196) 评论(0) 推荐(0) 编辑

Confirm the Ending(算法)

摘要：题目检查一个字符串(str)是否以指定的字符串(target)结尾。如果是，返回true;如果不是，返回false。提示 String.substr() 思路我们来看看 substr() 的用法。语法： str.substr(start[, length]) start 是一个字符的索引。阅读全文

posted @ 2017-05-05 13:30 代码笔阅读(114) 评论(0) 推荐(0) 编辑

Return Largest Numbers in Arrays(算法)

摘要：题目右边大数组中包含了4个小数组，分别找到每个小数组中的最大值，然后把它们串联起来，形成一个新数组。提示：你可以用for循环来迭代数组，并通过arr[i]的方式来访问数组的每个元素。提示 Comparison Operators 思路用 for() 循环遍历可得到大数组中的每一项小数组。解阅读全文

posted @ 2017-05-05 12:42 代码笔阅读(161) 评论(0) 推荐(0) 编辑