自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 资源 (1)
  • 收藏
  • 关注

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

本文主要讲解React中关于组件的使用、React特有的JSX语法以及React生命周期的使用等,具体如下:React的虚拟DOMReact组件React多组件嵌套React的语法—JSXReact的生命周期1、React的虚拟DOMinnerHTML: render html string + 重新创建所有 DOM 元素Virtual DOM: render Vi

2018-01-31 09:29:21 296

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

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

2018-01-30 09:09:30 390

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

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

2018-01-29 16:45:06 1422

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

1、HTML元素分为三大类1)块状元素网页框架基本结构块:html、body、frameset、frame、noframe、iframe表单结构块:form、filedset、legend布局结构块:div段落结构块:p标题结构块:h1-h6列表结构块:ol、ul、dl、dt、dd、menu、dir居中结构块:center预定义结构块:pre引用结构块:blockqu

2018-01-29 09:21:52 383

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

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

2018-01-26 16:36:27 4583

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

随着google和firfox以及node6.0对ES6的支持,ES6语法的定稿使它越来越受到关注,尤其是react项目基本上都是用ES6来写的。本文主要就是对ES6基础语法做出解析,为后续的React知识点做好铺垫,主要内容如下:default, rest: 函数默认值,变量展开import, export:导入,输出as:修改变量名* :模块整体加载**Map的使用方式Set的

2018-01-26 09:42:49 400

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

1. 网站布局DIV用于布局,Table用于显示数据,这是现在最基本的设计原则。1.1 Table 布局缺点:1、 Table主要呈现数据和处理数据,如果用于布局,使SEO优化(搜索引擎优化)较差;2、 不利于网站维护;3、 标签嵌套层级较多,代码冗余量较大。优点:1、 容易上手;2、 table在不同浏览器中都得到了很好的兼容;3、 可以形成复杂的变化,

2018-01-25 15:28:11 346

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

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

2018-01-25 14:08:09 455

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

本文包含对前端开发中页面重构的理解、常用图片格式的认知、开发过程中图片选择、简要的PS技术等。1、页面重构就是“将美工图转换成html代码在WEB页面显示出来”,这一过程可以直接把PSD从PS里导出成网页;也可复杂到需要考虑页面中每个标签的使用,考虑“页面性能”。对于靠谱美工,美工图精确度约0px。对于不靠谱的美工,要与产品经理沟通,并用邮件往来。工作内容一般是“分析美工图—

2018-01-24 16:13:55 620

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

React环境安装与初始化本文主要对React项目的初始化与环境配置进行讲解,其中涉及到NodeJS的安装与使用、前端自动化构建工具——webpack的使用与配置、React项目的初始化配置等。NodeJS安装 项目初始化 React环境配置webpack配置1、NodeJS安装打开Node官网:http://nodejs.cn/。 进入下载页面,选择与自己电脑相对应的文

2018-01-24 15:39:55 562

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

本文包含对前端热门框架——React的简单介绍、相关的前置知识点的梳理、以及React的版本选择。React官网与开源地址前置知识点梳理版本选择与React体验React是什么?React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的

2018-01-23 14:11:20 500

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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