- 博客(11)
- 收藏
- 关注
RSS订阅原创 canvas系列二：canvas中级篇
canvas系列二：canvas中级篇一、绘制矩形【总结】绘制矩形的几种方法context对象.strokeRectcontext对象.fillRectcontext对象.rectrect方法就是矩形路径，还需要使用fill或stroke才可以看到效果，因此一般使用strokeRect或fillRect直接可以看到结果。【1】绘制矩形框语法： contex...
2018-03-26 14:55:51
328
原创 canvas系列一：canvas基础篇
canvas系列一：canvas基础篇一、什么是canvas canvas是HTML5提供的一个用于展示绘图效果的标签，原意画布、帆布，在HTML页面中用于展示绘图效果。二、canvas的应用领域canvas的使用领域很多:游戏可视化数据(重点)banner 广告多媒体未来（模拟仿真、远程操作、图形编辑）三、canvas 的基本用法 基...
2018-03-23 17:08:16
1459
原创 使用CSS3制作幽灵按钮
使用CSS3制作幽灵按钮1、什么是幽灵按钮 透明按钮，顾名思义，就是在设计网页按钮时，不再设计复杂色彩、样式和纹理， 而是外仅以线框示意轮廓，内只用文字示意功能，背景透出，与整个页面/背景合而为一的设计方式。 国外的设计师称之为“幽灵按钮”（Ghost Buttons），盛赞这种按钮通透简约， 贴合整体风格又不失神韵，别具魅力。这种按钮的设计早已有之，但是...
2018-03-19 15:13:58
1730
原创 前端常用效果——信息滚动效果
前端常用效果——信息滚动效果一、使用marquee标签实现信息滚动HTML的marquee用来插入一段滚动的文字。可以使用它的属性控制当文本到达容器边缘发生的事情。1、marquee属性1.1、behavior——设置文本在marquee元素内滚动的方式。可选值有scroll，slide和alternate。如果未指定值，默认值为scroll。scroll表示由一端滚动到另...
2018-03-17 17:02:11
9627
原创 CSS3系列三（CSS3动画 ）
CSS3系列三（CSS3动画 ）一、什么是CSS3动画通过CSS3，能够创建动画，这可以在许多网页中取代动画图片、Flash动画以及JavaScript。动画是使元素从一种样式逐渐变化为另一种样式的效果。可以改变任意多的样式任意多的次数。二、CSS3 @keyframes 规则如需在CSS3中创建动画，需学习@keyframes规则。@keyframes规则用于创建动画。在@...
2018-03-12 11:26:37
299
原创 CSS3系列一（CSS3新特性）
CSS3系列一（CSS3新特性）一、简介CSS用于控制网页的样式和布局。CSS3是最新的CSS标准。CSS3完全向后兼容，因此您不必改变现有的设计。浏览器通常支持 CSS2。二、CSS3 模块 CSS3被划分为模块。其中最重要的CSS3模块包括： 1）选择器 2）框模型 3）背景和边框 4）文本效果 5）2D/3D 转换 6）动画 7）多列布局...
2018-03-09 15:44:45
277
原创 React入门系列一（初识React）
React入门系列一（初识React）一、React简介 React是一个用于构建用户界面的JavaScript库。React主要用于构建UI，很多人认为React是MVC中的V（视图）。React起源于Facebook的内部项目。React 拥有较高的性能，代码逻辑非常简单。二、React特点声明式设计−React采用声明范式，可以轻松描述应用。高效 −React通过对...
2018-03-08 15:54:21
2090
3
原创 React系列五（React-Props）
React系列五（React-Props）一、使用React Propsstate和props主要的区别在于props是不可变的，而state可以根据与用户交互来改变。这就是为什么有些容器组件需要定义state来更新和修改数据。而子组件只能通过props来传递数据。<!DOCTYPE html><html><head lang="en"> ...
2018-03-07 11:12:23
403
原创 React系列四（React-State）
React系列四（React-State）一、React State(状态)React 把组件看成是一个状态机。通过与用户的交互，实现不同状态，然后渲染UI，让用户界面和数据保持一致。React里，只需更新组件的state，然后根据新的state重新渲染用户界面（不要操作DOM）。<!DOCTYPE html><html><head lan...
2018-03-07 09:58:48
199
原创 React系列三（React-组件）
React系列三（React-组件）一、React.createClassReact 允许将代码封装成组件（component），然后像插入普通HTML标签一样，在网页中插入这个组件。React.createClass方法用于生成一个组件类XXX，<XXX /> 实例组件类并输出信息。模板插入<XXX />组件类时，会自动生成XXX的一个实例（下文的"组件"...
2018-03-06 16:46:41
303
原创 React入门系列二（React-JSX）
React入门系列二（React-JSX） React 使用 JSX 来替代常规的 JavaScript。JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。不一定非要使用 JSX，但它有以下优点： 1）JSX 执行更快，在编译为 JavaScript 代码后进行了优化。 2）它是类型安全的，在编译过程中就能发现错误。 3）使用 JSX 编写模板更加简单...
2018-03-06 14:38:37
316
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人