排序:
默认
按更新时间
按访问量

React系列(七):React属性、事件与共享

本文主要讲解React中关于属性的使用、React特有的标签获取以及React共享的使用等,具体如下: React的State属性 React的Props属性 React事件绑定与数据双向交互 React组件的复用及验证 React组件的Refs React独立组件之间共享操作 Mixins ...

2018-02-07 09:54:35

阅读数:280

评论数:0

Web前端基础(七):CSS选择器进阶

1、后代选择器 使用多个选择器的组合来找到要控制的标签; 类名为wrap中的div里面的span标签样式; 选择器直接用空格隔开。 /*样式如下:*/ .wrap div { background-color: skyblue; } div class="wrap&...

2018-02-07 09:53:59

阅读数:38

评论数:0

Web前端基础(六):盒模型的用法—margin详解

1、正常元素设置 两个元素设置纵向外边距后,外边距会重叠,两元素间的距离是较大的那个纵向margin值。 两个元素设置横向外边距后,两个元素间的距离是外边距相加之和。——设置横向,如在div中嵌套span。 2、脱离文档流设置 如果两元素浮动,两元素之间的距离为外边距相加之和。 3...

2018-02-05 10:29:56

阅读数:49

评论数:0

React系列(六):React组件基础与生命周期

本文主要讲解React中关于组件的使用、React特有的JSX语法以及React生命周期的使用等,具体如下: React的虚拟DOM React组件 React多组件嵌套 React的语法—JSX React的生命周期 1、React的虚拟DOM innerHTML: render...

2018-01-31 09:29:21

阅读数:96

评论数:0

Web前端基础(五):清浮动方法与优缺点

1、如何对待美工 对于靠谱美工,美工图精确度约0px。 对于不靠谱的美工,要与产品经理沟通,并用邮件往来。 2、浮动对文档的影响 浮动会导致当前元素脱离文档流,此时会对父级产生影响; 子元素浮动,父级元素会出现高度为0的现象,这个现象叫做高度塌陷; 3、清浮动的方法: ...

2018-01-30 09:09:30

阅读数:90

评论数:0

React系列(五):NodeJS模块化操作

历史上,JavaScript一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。其他语言都有这项功能,比如Ruby的require、Python的import,甚至就连CSS都有@import, 但是JavaScript任何这方面的支持都没有,这对开发...

2018-01-29 16:45:06

阅读数:441

评论数:0

Web前端基础(四):HTML元素的分类与嵌套规则

1、HTML元素分为三大类 1)块状元素 网页框架基本结构块:html、body、frameset、frame、noframe、iframe 表单结构块:form、filedset、legend 布局结构块:div 段落结构块:p 标题结构块:h1-h6 列表结构块:ol、ul、dl、d...

2018-01-29 09:21:52

阅读数:72

评论数:0

Web前端基础(三):网页布局与样式入门

1、网页开发流程(整体——>局部) 1)分析各个模块,切图 2)了解代码书写规范 3)整体布局 4)详细布局 5)样式处理 6)网页的优化和细节方面的处理 2、如何开发网页 1)div 没有语义性,主要用于布局,独占一行显示 h标题标签; 列表:ul、ol、dl,里面...

2018-01-26 16:36:27

阅读数:214

评论数:0

React系列(四):ECMAScript6.0的使用(下)

随着google和firfox以及node6.0对ES6的支持,ES6语法的定稿使它越来越受到关注,尤其是react项目基本上都是用ES6来写的。本文主要就是对ES6基础语法做出解析,为后续的React知识点做好铺垫,主要内容如下: default, rest: 函数默认值,变量展开 impo...

2018-01-26 09:42:49

阅读数:206

评论数:0

Web前端基础(二):HTML5与网页入门

1. 网站布局 DIV用于布局,Table用于显示数据,这是现在最基本的设计原则。 1.1 Table 布局 缺点: 1、 Table主要呈现数据和处理数据,如果用于布局,使SEO优化(搜索引擎优化)较差; 2、 不利于网站维护; 3、 标签嵌套层级较多,代码冗余量较大。 优点:...

2018-01-25 15:28:11

阅读数:76

评论数:0

React系列(三):ECMAScript6.0的使用(上)

随着google和firfox以及node6.0对ES6的支持,ES6语法的定稿使它越来越受到关注,尤其是react项目基本上都是用ES6来写的。本文主要就是对ES6基础语法做出解析,为后续的React知识点做好铺垫,主要内容如下: let, const:块级作用域—声明变量 class, e...

2018-01-25 14:08:09

阅读数:185

评论数:0

Web前端基础(一):PhotoShop与图片认知

本文包含对前端开发中页面重构的理解、常用图片格式的认知、开发过程中图片选择、简要的PS技术等。 1、页面重构 就是“将美工图转换成html代码在WEB页面显示出来”,这一过程可以直接把PSD从PS里导出成网页;也可复杂到需要考虑页面中每个标签的使用,考虑“页面性能”。 对于靠谱美工,美工图...

2018-01-24 16:13:55

阅读数:51

评论数:0

React系列(二):React环境安装与初始化

React环境安装与初始化 本文主要对React项目的初始化与环境配置进行讲解,其中涉及到NodeJS的安装与使用、前端自动化构建工具——webpack的使用与配置、React项目的初始化配置等。 NodeJS安装 项目初始化 React环境配置 webpack配置 1、NodeJS...

2018-01-24 15:39:55

阅读数:178

评论数:0

React系列(一):React简介与初始化

本文包含对前端热门框架——React的简单介绍、相关的前置知识点的梳理、以及React的版本选择。 React官网与开源地址 前置知识点梳理 版本选择与React体验 React是什么? React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建U...

2018-01-23 14:11:20

阅读数:217

评论数:0

JavaScript之引入方式

JavaScript文件的引入方式与CSS引入方式类似,主要也是分为三种:标签内联、内部写入、外部引入......

2017-11-06 15:53:12

阅读数:200

评论数:0

JavaScript与Java的关系

虽然JavaScript与Java有紧密的联系,但却是两个公司开发的不同的产品。Java是SUN公司推出的新一代面向对象的程序设计语言,特别适合于Internet应用程序开发;而JavaScript是Netscape公司的产品,其目的是为了扩展Netscape Navigator功能,而开发的一种...

2017-11-06 15:49:28

阅读数:165

评论数:0

JavaScript的追根溯源

Netscape发明了JavaScript 当Netscape Navigator崭露头角时,Nombas开发了一个可以嵌入网页中的CEnvi的版本。这些早期的试验被称为Espresso Page(浓咖啡般的页面),它们代表了第一个在万维网上使用的客户端语言。而Nombas丝毫没有料到它的理念将会...

2017-10-30 18:00:09

阅读数:101

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭