React.js那些事(入门篇)

关于React.js的相关背景知识以及它的核心概念已经在上一篇文章里面说过。在这一篇里面,我通过一个组件开发的实例简单介绍如何使用React进行web组件开发。

先来介绍一下这个打算实现的组件的功能:这是一个简单的三列表格,包含用户id,用户名,电话号码三列。当用户点击表头thead的单元时,表格会根据点中的列的字段进行升序排序。

React.js那些事(介绍篇)

引言

WEB前端开发的发展历史大概经过了“原始时代——类库时代——工程构建时代——模块化时代”。目前前端领域的发展正处在一个空前繁荣的阶段——“模块化/组件化时代”。

原始时代

曾几何时,前端开发在软件工程的技术栈里面只被视为设计类岗位,甚至现在为止也有一些小企业依然把前端的职责视为简单的编写html+css页面。早期的前端开发完全依赖于后端技术,所有的数据渲染都由后端开发者进行,界面源码和后台逻辑代码混在一起。这个时代的前端无疑是非常薄的,薄到“网页开发人员”的入门门槛几乎低至为零。

Flexbox 布局

1、简述

Flex布局也叫“弹性盒子布局”,用来为盒状模型提供最大的灵活性。弹性布局的主要思想是让容器有能力来改变项目的宽度和高度,以填满可用空间(主要是为了容纳所有类型的显示设备和屏幕尺寸)的能力。
最重要的是弹性盒子布局与方向无关,相对于常规的布局(块是垂直和内联水平为基础),很显然,这些工作以及网页设计缺乏灵活性,无法支持大型和复杂的应用程序(特别当它涉及到改变方向,缩放、拉伸和收缩等)。

由于flexbox是一个整体模块,而不是单一的一个属性,它涉及到了很多东西,包括它的整个属性集。它们之中有一些是在父容器上设置,而有一些则是在子容器上设置。

javascript之Location对象

Location对象

location对象是最有用的BOM对象之一,它提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能。location对象既是window对象的属性,也是document对象的属性,window.location和document.location是引用同一个对象。

从AJAX的使用到爬虫友好到SEO优化

 

关于Ajax的使用注意

最近做爬虫项目的时候发现一个比较值得探讨的问题:由于Ajax的无刷新加载特性,web开发者都比较喜欢使用ajax进行与服务器的数据交互。很多DOM元素都是在基本DOM文档加载完毕之后再进行加载的。这种做法虽然对用户非常友好,但是有时候对于程序(搜索引擎)来说,页面信息获取也会带来一些挑战。

HTML5里的placeholder属性

HTML5里新引入很多有趣的新特征;有些体现在HTML里,有些是JavaScript API,全部非常的有用。其中我最喜欢的一个特征就是文本框(INPUT)里的 placeholder 属性。placeholder属性能够让你在文本框里显示提示信息,一旦你在文本框里输入了什么信息,提示信息就会隐藏。你以前可能无数次看到这种效果,但那些大部分是用JavaScript里实现的,而现在,HTML5提供了原生支持,而且效果更好!

JavaScript操作符使用注意事项

javascript 的操作符运算中有很多是可以适用于不同类型的值,这是因为javascript本身是一门变量类型松散型的语言,在使用运算符的时候有很多容易出错的地方。加法和减法这两个运算符是各种开发语言中用得最多的运算符了,但是在ECMAScript中,这两个操作符却有一系列特殊行为。