月夜枫123-CSDN博客

原创 2016-11-15

2016-11-15记html中class的声明顺序对css优先级没有影响。css优先级排序: !important > id > class, pesudo class, attribute > tag > *redux思想与react类似，都需要把一个个的功能分割成模块，react与redux主导的是函数式编程。它们的编程思想都是利用state树来进行数据管理。requireJS使用d

2016-11-15 23:07:46 260

2016-11-14redux学习笔记 - 每一个reducer函数都由两个参数state, action构成.其中state表示一个状态,即数据的状态.state!=undefined,表示要对state进行修改,并返回一个新的state. action表示一个操作,通常用type来进行区分,其它属性用于新state的属性分配.如以下代码:const todo = (state, action)

2016-11-14 23:10:16 218

原创 2016-11-13

2016-11-13redux三条原则 - state is read-only - 外部组件只能通过dispatch action来改变state, 并且也只能通过getState()获得state - 改变state的函数必须是pure function. 不能改变传入的state，只能返回新对象.react设计 - 所有的dom操作应该在react中进行 - 避免在外部对DOM进行操

2016-11-13 22:39:31 222

原创工作日记 2016-10-26

工作日记 2016-10-26 一个优秀的前端程序员必不可少的技能就是调试，在chrome浏览器上按f12, 打开console调试代码。在js代码部分，可以进行打断点调试运行。在别人代码的基础上进行修改，需要先进行调试，找到适合插入自己代码的位置，这样才是最快的方法别人说的话千万不能当耳旁风，最好找个本子记录一下，今天老毛病又犯了QAQ，人家一个月前跟我说的工程结构，而我还在懵逼阶段。专注

2016-10-26 23:12:47 237

原创 Array(源自 mozilla developer network, 自带实例)

ArrayArray对象是一个用于创建数组的全局对象。create an Arrayvar fruits = ["Apple", "Banana"];console.log(fruits.length);// 2Access (index into) an Array itemvar first = fruits[0];// Applevar last = fruits[fruits.lengt

2016-10-26 23:05:57 410

原创上班感悟

前端感悟经过前面近一个月的实习，发现了自己很多的不足。比如对于前端后端的职能分工模糊，业务能力不够熟练，切图技术不够流畅等。最近也有点恍惚，同事说的有些东西不能记下来，希望以后别再犯了这个日记每天都记一点，希望可以在以后得到改善吧，加油*^_^* By @Starxy 2016-10-25

2016-10-25 23:31:02 289

原创 Boolean(翻译自mozilla developer network)

BooleanBoolean对象是boolean值的wrapper。Syntaxnew Boolean([value])parametersvalue可选， Boolean对象的初始值。不填的时候，默认为false。Descriptionvalue会被转换为boolean值。如果省略value或者是value = undefined, null, “”, 0, false, NaN, -0, +0。

2016-10-25 23:24:01 483

原创 Function(翻译自mozilla developer network)

Functionjavascript的函数都是Function对象实例。Syntaxnew Function ([arg1[, arg2[, ...argN]],] functionBody)parametersarg1, arg2, … argN函数的参数名。每一个都必须是字符串，且必须是合法的javascript变量名或者以逗号’,’分隔。例如’a’,’b’或者’a,b’functionBo

2016-10-25 23:22:53 420

原创图片垂直居中的5种css方法

图片垂直居中的css方法今天我要介绍的是采用css进行图片居中的5个方法。首先确定我们的HTML结构(若不特别说明,下面皆采用该HTML结构)<div class="vertical-center"> <img src="1.jpg" alt="StarXY"></div>1.此方法会在img标签前加上一个inline-block的span标签，并给两个标签都设置vertical-align:

2016-09-09 23:32:35 2640

原创插入DocumentFragment与直接插入节点的区别

DocumentFragmentDocumentFragment对象是Node接口的实现类。按照MDN上的说法，该对象是文档碎片，常常被用于插入文档节点。将DocumentFragment插入到文档时，只会将它的所有子节点插入到文档中。网上有很多文章说，使用该对象可以提升js的效率，下面是我的一些验证，如有错误，不吝指正。<!DOCTYPE html><html><head> <titl

2016-05-07 22:13:10 569

原创使用原生javascript实现ajax提交form表单

使用原生javascript实现ajax提交form表单============================1准备表单首先我们需要编写一个html代码，这里我是采用nodejs里面的jade模板引擎来进行生成html代码的。form(action=&quot;/ajaxTest2&quot;,method=&quot;post&quot;,enctype=&quot;text/plain&

2016-04-16 23:26:47 13535

StarXY的编程空间