摘要: 一、安装 1.安装node.js 官网地址 https://nodejs.org/en/ 进入后点击下载,官方网站会根据你的系统类型推荐最适合你安装的版本。(如果已经安装了node.js跳过此步)如下图 : 点击即可下载。 检测node.js是否安装成功,最直接有效的办法就是在命令提示符中输入 no 阅读全文
posted @ 2019-06-23 21:55 吃橘子只吃皮 阅读(754) 评论(0) 推荐(1) 编辑
摘要: 1.水平居中margin 0 auto;(浮动元素除外) 这个属性在网页制作的过程中是经常被用到的,一般情况下页面的版心你就可以看到它。 效果图: 2.position定位实现垂直居中(一); position具有兼容性好的特点,在网页布局中建议能使用定位,最好不要选择浮动来布局。下面这个方法局限性 阅读全文
posted @ 2019-06-23 17:52 吃橘子只吃皮 阅读(296) 评论(0) 推荐(1) 编辑
摘要: 众所周知,ReactJS组件与组件之间的通信是一个难点。在React实际开发中,父子组件之间的传值是比较常见的,刚入门的小伙伴很容易被组件之间的通信绕懵。 今天花了点时间总结了一下React父子组件之间传值,和vue差不多的思路,父组件向子组件传值,父通过初始state,子组件通过this.prop 阅读全文
posted @ 2019-06-15 22:18 吃橘子只吃皮 阅读(282) 评论(0) 推荐(1) 编辑
摘要: animate.css是一个CSS3动画库,里面预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达 60 多种动画效果。你可以点击打开它的 官网 查看演示,里面几乎包含了所 阅读全文
posted @ 2019-06-08 17:07 吃橘子只吃皮 阅读(878) 评论(0) 推荐(2) 编辑
摘要: 最近在用react.js 结合蚂蚁金服的 Ant Design Mobile 做一个单页面的应用程序,遇到了一个很棘手的问题——那就是 react脚手架不支持less,看了不少优秀博主如何在react脚手架中使用less,,觉得繁琐且又不能解决实际问题,于是自己弄明白后感觉如此简单,做了这么个教程, 阅读全文
posted @ 2019-06-08 10:53 吃橘子只吃皮 阅读(1599) 评论(2) 推荐(1) 编辑
摘要: 先简单介绍一下什么是字体图标: 字体图标就是一种比较特殊的字体。通过这种字体,显示给用户的就像一个个图片一样,广泛应用于Web项目的开发 ,如下图: 这些就是一个个字体图标,刚开始学是不是觉得很神奇啊。 为什么要使用字体 图标 和 使用字体图标的优势: 这是因为图片不能很好地进行缩放,当图片进行放大 阅读全文
posted @ 2019-06-02 13:11 吃橘子只吃皮 阅读(4136) 评论(0) 推荐(1) 编辑
摘要: 1.DOM对象简介: 什么是DOM:(Document Object Model) 译为文档对象模型,是 HTML 和 XML 文档的编程接口。 2.DOM HTML 节点树:指的是DOM中为操作HTML文档提供的属性和方法,其中,文档(Document)表示HTML文件,文档当中HTML标签称之为 阅读全文
posted @ 2019-05-25 20:09 吃橘子只吃皮 阅读(402) 评论(1) 推荐(2) 编辑
摘要: 先来介绍一下什么是Emmet语法——就是使用类似于 CSS 选择器的语法描述元素在生成的文档树中的位置及其属性。 缩写语法: 快速生成html模板: 在HBuilder空白的HTML页面 使用html:5 或者直接使用 !在按Tab键 将生成: <!DOCTYPE html><html lang=" 阅读全文
posted @ 2019-05-21 21:24 吃橘子只吃皮 阅读(2082) 评论(2) 推荐(2) 编辑