- 博客(66)
- 资源 (32)
- 收藏
- 关注
原创 无处不在的JavaScript
由于最近重新梳理巩固JavaScript,对JavaScript的现状也尤为的感慨,JavaScript能够发展到今天并渗透进每个程序员的血液里面主要原因之一是,JavaScript非常易于接近。学习JavaScript,对于初学者而言,相对比较容易,对于高级用户而言,又非常强大,可以用它来构建复杂又可靠的系统。JavaScript已经变得无处不在。 客户端: JavaScri...
2016-03-31 18:02:09 703
原创 JavaScript简介
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Nets
2016-03-31 11:26:56 1015
原创 JavaScrpt中的substr() 方法
定义和用法:substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。语法是:stringObject.substr(start,length)star是必须的,要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。len
2016-03-30 13:42:32 2410
原创 开发自己的PHP MVC框架(二)
一、继上一篇翻译的关于PHP mvc框架的博文,对于我这个PHP小白来说受益匪浅,从而准备深入学习一下php相关的知识。二、下面分享开发PHP MVC框架(一)中提到的MVC的php项目,与大家共同学习。下载页:http://download.csdn.net/detail/limm33/9475289在git上也可以下载查看:https://github.com/limm33/c...
2016-03-29 11:19:50 1266
翻译 开发自己的PHP MVC框架(一)
这个教程可以使大家掌握用mvc模式开发php应用的基本概念。此教程分为三个部分,现在这篇是第一部分。现在市面上有很多流行的框架供大家使用,但是我们也可以自己动手开发一个mvc框架,采用mvc模式可以大大减少我们开发应用的时间,并且能够更好的组织项目源代码,而且其中的某些模块还可在其它项目中使用。现在我要教大家写一个简单的mvc框架。由于这个项目很简单,轻量,所以可能并不是最佳实践,也不具备安全...
2016-03-28 15:36:07 1940 2
原创 React-架构模式
React主要功能在于渲染HTML。可以将其看成是MVC中的V,它不会影响到组件中直接调用AJAX请求之类的操作:var TakeSurvey=React.CreateClass({getInitialData:function(){return{survey:null};},componentDidMount:funciton(){$.getJSO
2016-03-27 13:14:18 3785
原创 JavaScript的隐式类型转换
一、JavaScript的数据类型弱类型,在使用算术运算符时,运算符两边的数据类型可以是任意的,比如,一个字符串可以和数字相加。之所以不同的数据类型之间可以做运算,是因为JavaScript引擎在运算之前会悄悄的把他们进行了隐式类型转换的,如下是数值类型和布尔类型的相加:1+true;//2 二、比如-, *, /,和%等算术运算符都会把操作数转换成数字的,但是“+”号就有点不一样了,
2016-03-26 21:40:08 650
转载 内链接与外连接的区别
两个表的连接,是通过将一个表中的一列或者多列同另一个表中的列链接而建立起来的。用来连接两张表的表达式组成了连接条件。当连接成功后,第二张表中的数据就同第一张表连接起来了,并形成了复合结果集--包括两张表中数据行的计划。简单地说,就是两张表有了子集,虽然只是暂时的 有两者基本类型的的连接,inner和outer连接。两种类型的主要区别在于,即使是在连接条件不满足的情况下,外部连接也会在结果集
2016-03-23 15:49:21 9312
转载 常用正则表达式
一、校验数字的表达式数字:^[0-9]*$n位的数字:^\d{n}$至少n位的数字:^\d{n,}$m-n位的数字:^\d{m,n}$零和非零开头的数字:^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数:^(
2016-03-23 14:49:40 1555
原创 Java-大数据常用的开发工具
在许多情况下,使用SQL数据库用于存储/检索数据就足够了。但在另一些情况下,要么SQL数据库规模不够,要么还有更好的工具。这一切都取决于使用情况。现在让我们来讨论一下存储/处理数据用的不同的非SQL工具——NoSQL数据库,内存缓存,全文搜索引擎,实时流,图形数据库,等等。MongoDB—— 一种流行的,跨平台的面向文档的数据库。Elasticsea
2016-03-23 14:36:54 945
原创 React-开发工具
React使用了若干的抽象层来帮助你更轻松地开发组件、推导程序状态。然后调试构建及分发应应用时,这样设计就会产生负面影响了。幸运的是,我们拥有一些非常好的开发工具能在开发及构建过程中为我们提供帮助。在这里探讨这些构建工具和调试工具,它们可以让开发React程序更加高效。一、Browserify是一个JavaScript打包工具,支持浏览器中使用Node.js风格的require()方法
2016-03-23 11:37:42 7287
原创 CSS direction 使用
一、在平常的应用中很少关注CSS direction的使用,今天偶尔看到相关内容,才发现CSS direction使用起来很多时候很方便。二、首先我们需要关注两个重要的内容:direction:ltr;//这个是默认值direction:rtlltr是初始值,表示left-to-right,就是从左往右的意思.rtl则是另外一个值,right-to-le
2016-03-23 10:50:44 2329
原创 JS中的NaN、undefined、null
在知乎上看到一个将数字转换成中文输出的函数,其中有i~~(i/=10);看代码是要进行转换成数字。 function convert(i) { var r, n, x = 0, zero = i % 10 === 0; var unit = ['','','十','百','千','万']; var n2c = ['零','一','二','三','四'
2016-03-22 15:56:20 4477 1
原创 React-周边类库
围着Ract、facebook还开发了一系列的前端工具。在你的React项目中,这些工具不是非用不可的,不过它们确实可以和React一起完美的工作。例如:JestImmutable.jsFlux 一、Jest是Factbook开发的一个测试运行工具。给予Jasmine测试框架提供相近的方式,使用大家熟悉的类似于expect(value).to(other)的断言。它提供了默认的
2016-03-22 09:55:32 1414
原创 React-服务器端渲染
想让搜索引擎抓取到你的站点,服务端渲染这一步不可或缺,服务端渲染还可以提升站点的性能,因为在加载javaScript脚本的同时,浏览器就可以进行页面渲染。React的虚拟DOM是其可被用于服务端渲染的关键。首先每个ReactComponent在虚拟DOM中完成渲染,然后React通过虚拟DOM来更新浏览器DOM中产生变化的那一部分,虚拟DOM作为内存中的DOM表现,为React在Node.
2016-03-21 22:24:19 12090
原创 React-性能优化详解
Reactde Dom diff算法使我们能够在任意时间搞笑的重新绘制整个用户界面,并保证最小程度的DOM改变,然而,也存在需要对组件进行细致优化的情况,这时就需要渲染一个新的DOM来让应用运行得更加高效。 1、shouldComponentUpdate当一个组件更新时,无论是设置了新的props还是调用了setState方法,或者forceUpdate方法,React都会调用该组
2016-03-21 17:43:42 7365
原创 React-动画详解
动画可以让用户体验变得更加流畅自然,而React的TransitionGroup插件配合CSS3可以让我们在项目中整合动画效果的变得易如反掌。通常情况下,浏览器中的动画都拥有一套极其命令式的API,你需要选择一个元素并主动移动它或者改变它的样式,已实现动画效果。这种渲染方式显得格格不入,因此React选择了一种偏声明式的方法实现动画。CSS渐变组(CSS Transition Group)
2016-03-21 17:41:49 3005
转载 HTML中的hash(#号)
一、#的涵义#代表网页中的一个位置。右面的字符就是代表的位置信息:如http://localhost:8081/cbuild/index.html#first就代表网页index.html的first位置。浏览器读取这个URL后,会自动将first位置滚动至可视区域。为网页制定标识符:一是使用锚点,比如。二是使用id属性,比如。二、HTTP请求不包括
2016-03-21 15:48:30 7535
原创 JS获取当前页码URL中信息
一、设置或获取对象指定的文件名或路径:window.location.pathname 二、设置或获取整个 URL 为字符串:window.location.href三、设置或获取与 URL 关联的端口号码:window.location.port 四、设置或获取 URL 的协议部分。window.location.protocol
2016-03-21 13:31:05 1982
原创 React-DOM操作详解
一、访问受控的DOM节点想要访问受React控制的DOM节点,首先必须能够访问到负责控制这些DOM的组件。这可以通过添加ref属性来实现。var DoodleArea =React.creatClass({rendre:funcitn(){ return }}); 可以通过this.refs.mainCanvas访问到组件。可以使用this.refs
2016-03-21 10:16:26 1672
原创 React-组件的复合
在传统的HTML中,元素是构成页面的基础单元。但在React中构建页面的基础单元室React组件,可以在React组件中混入JavaScript表达能力的HTML元素。实际上写React代码主要就是构建组件,就像是编写文旦时使用元素一样。本质上一个组件就是一个JavaScript函数,它接受属性(props)和状态(state)作为参数,并输出渲染好的HTML。组件一般被用阿里呈现和表单应用的
2016-03-21 10:15:07 2083
原创 React-事件处理详解
对于用户界面而言,展示只占整体设计因素的一半,另一半则是相应用户输入,即通过JavaScript处理用户产生的事件。React通过将事件处理器绑定到组建上处理事件,事件触发的同时更新组建的内部状态,内部状态更新会触发组件的重绘。因此,如果视图层想要渲染出事件出发后的结果,它所要做的就是渲染函数中读取组件的内部状态。一、绑定事件处理器React处理事件本身和原生的JavaScript事件
2016-03-21 10:14:13 2242
原创 React-数据流详解
在React中,数据的流向是单向的——从父节点传递到子节点,因为组件是简单而且易于把握的,他们只需从父节点获取props渲染即可,如果顶层组件的某个prop改变饿了,React会递归的向下便利整棵组件树,重新渲染所有使用这个属性的组件。React组建内部还具有自己的状态,这些状态只能在组件内修改。React组件本身很简单,你可以把他们堪称是一个函数,它接受props和state作为参数,返回一
2016-03-21 10:12:30 1008
原创 React—组件生命周期详解
在组件的整个生命周期中,随着该组件的props或者state发生改变,它的DOM表现也将有相应的改变,一个组件就是一个状态机,对于特定的输入,它总会返回一致的输出。React为每个组件提供了生命周期钩子函数去响应不同的时刻——创建时、存在期及销毁时。 生命周期方法React的组件拥有简洁的生命周期API,它仅仅提供你所需要的方法,而不会去最求全面。实例化:一个实例出吃被穿件
2016-03-21 10:11:11 972
原创 React-JSX详解
一、1、JSX:即JavaScript XML——一种在React组建内部构建标签的类XML语法。(增强React程序组件的可读性);2、使用动态值:JSX将两个花括号:{}渲染成动态值,花括号指明了一个JavaScript上下文环境——或括号内的任何东西都会进行求值,得到的结果会被渲染为标签中的若干节点。对于简单值,比如文本或者数字,你可以直接引用对应的变量,例如:var
2016-03-21 10:09:57 1354
翻译 React组件之间传值
前言今天群里面有很多都在问关于 React 组件之间是如何通信的问题,之前自己写的时候也遇到过这类问题。下面是我看到的一篇不错英文版的翻译,看过我博客的人都知道,我翻译可能不会按部就班,会尽可能用中文的意思,来将作者要讲述的技术描述清楚。英文能力有限,如果有不对的地方请跟我留言,一定修改……^_^原著序处理 React 组件之间的交流方式,主要取决于组件之间的关系,然而
2016-03-21 10:07:12 62156 2
原创 React-表单详解
一、表单事件React支持所有的HTML事件,这些事件遵循驼峰命名的约定,且会转成合成事件,这些事件是标准化的,提供饿了跨浏览器的一致接口。所有合成事件提供了event.target来访问触发事件的DOM节点。handleEvent:funciton(syntheticEvent){var DOMNode=syntheticEvent.target;var newValue
2016-03-21 10:05:16 16184
原创 React-约束组件及无约束组件详解
React可以帮助管理应用中的状态,自然也包括表单在内,现在知道React组件的核心理念就是可预知性和可测试性,在React中,表单组件有两种类型:约束组件和无约束组件。 一、无约束组件在HTML中表单组件与React组件的行为方式并不一致,给定HTML的一个值,这个<input />的值仍是可以改变的。这正是无约束组件名称的由来,因为表单组件的值是不受约束的。在React中这
2016-03-21 10:03:58 2786
原创 React生命周期及事件详解
一、组件的详细说明和生命周期ComponentSpecs and Lifecycle)组件的详细说明(Component Specifications)当通过调用 React.createClass() 来创建组件的时候,你应该提供一个包含 render 方法的对象,并且也可以包含其它的在这里描述的生命周期方法。renderReactComponent render
2016-03-21 10:01:31 34769 4
原创 React-插件-性能分析工具
性能分析工具Edit on GitHub通常情况下,React在沙箱中是非常快的。但是,在你应用的一些情景中,你需要仔细推敲每一个性能点。React提供了一个函数shouldComponentUpdate,通过这个函数,你能够给React的差异检查添加优化代码。为了给你一个你的应用总体的性能概览,ReactPerf是一个分析工具,告诉你需要把这些钩子函数放在哪里。
2016-03-21 09:59:42 2671
原创 React插件-类名操作
classSet()是一个简洁的工具,用于简单操作DOM中的class字符串。这里是一个常见的场景,处理方式中没有使用classSet():// inside some `` React componentrender: function() { var classString = 'message'; if (this.props.isImportant)
2016-03-21 09:57:37 891
原创 React插件-双向绑定辅助工具
ReactLink是一种简单表达React双向绑定的方式。注意:如果你是这个框架的初学者,记住ReactLink对于大多数应用来说都是不需要的,应该谨慎使用。在React里面,数据流是一个方向的:从拥有者到子节点。这是因为根据the Von Neumann model of computing,数据仅向一个方向传递。你可以认为它是单向数据绑定。然而,有很多应用需要你
2016-03-21 09:56:15 758 2
原创 React插件及动画
一、插件React.addons是为了构建 React应用而放置的一些有用工具的地方。此功能应当被视为实验性的,但最终将会被添加进核心代码中或者有用的工具库中: TransitionGroup和CSSTransitionGroup,用于处理动画和过渡,这些通常实现起来都不简单,例如在一个组件移除之前执行一段动画。LinkedStateMixin,用于简化用户表单输入数据和组件 st
2016-03-21 09:55:13 4121 1
原创 ReactJs组件的生命周期及其在浏览器中的工作原理
浏览器中的工作原理2016年2月23日15:541、虚拟DOMReact是很快的,因为它从不直接操作DOM。React在内存中维护一个快速响应的DOM描述。render()方法返回一个DOM的描述,React能够利用内存中的描述来快速地计算出差异,然后更新浏览器中的DOM。另外,React实现了一个完备的虚拟事件系统,尽管各个浏览器都有自己的怪异行为,React确保所有
2016-03-21 09:53:22 604
原创 React的表单组件
1、像是、、这样的表单组件不同于其他组件,因为他们可以通过用户交互发生变化。这些组件提供的界面使响应用户交互的表单数据处理更加容易。 2、交互属性表单组件支持几个受用户交互影响的属性value,用于、组件;checked,用于类型为checkbox或者radio的组件;selected,用于组件。在HTML中,的值通过子节点设置,在React中则应该使用value代替。表单组件
2016-03-21 09:50:08 667
原创 React传递props
1、React里有一个非常常用的模型就是对组件做一层抽象。组件对外公开一个简单的属性(Props)来实现功能,但内部细节坑内有分厂复杂的实现。可以使用JSX展开属性来合并现有的props和其他值:return ; 如果不使用JSX,可以使用一些队形复制方法如ES6的object。assign或UnderScore_.extend。returnComponent(Object.assig
2016-03-21 09:48:57 3798
原创 ReactJS可复用组件
1、将通用的设计元素(按钮,表单框,布局组件等)拆成接口良好定义的可复用的组件,这样下次开发界面程序时候可以写更少的代码,也意义着更高的开发效率,更少的Bug和更少的程序体积。2、Prop验证随着应用不断变大,保证组件被正确使用变得非常有用。因此引入propTypes。React.PropTypes提供很多的验证器(validator)来验证传入数据的有效性,当props传入无效数据时,J
2016-03-21 09:47:35 614
原创 React复合组件
1、组合实例:var Avatar =React.createClass({ render: function() { return ( ); }}); var ProfilePic =React.createClass({ render: function() {
2016-03-21 09:45:00 466
原创 React富含交互性的动态页面
1、例子:var LikeButton = React.createClass({ getInitialState: function() { return {liked: false}; }, handleClick: function(event) { this.setState({liked: !this.state.liked}); },
2016-03-21 09:43:33 1411
原创 深入理解JSX
一、为什么使用JSX1、JSX看起来像是XML的JavaScript语法扩展。React可以用来做简单的JSX语法转换。不需要为了React使用JSX可以使用JS创建,但建议使用JSX,因为可以使定义简洁且我们素质的包含属性的树状结构语法。XML有固定的标签开启和闭合,这能让复杂的树更易于阅读,优于方法调用和队形字面量的形式。二、JSX使用1、HTML标签与React组件对比R
2016-03-21 09:42:35 2684
统一用户权限设计.zip
2021-03-12
mediawiki-1.33.0部署程序.zip
2020-02-22
lcqmc语义相似度任务-LCQMC数据集
2019-09-17
A5M2数据库连接管理工具.zip
2019-08-15
Cognos Analytics V11.0官方中文文档.zip
2019-08-15
JavaScript设计模式与开发实践(曾探)-源代码.rar
2018-04-25
MySql安装Visual Studio 2013 Redistributable
2017-11-25
protoc-2.5.exe
2016-11-24
基于java swing随机抽签程序
2016-09-22
React 官方学习模板
2016-03-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人