- 博客(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 1424
原创 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 385
原创 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 4586
原创 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关注的人