为了账号安全,请及时绑定邮箱和手机立即绑定

React实战--打造画廊应用(上)

  • 左右分区位置排布
    查看全部
  • 上分区位置排布
    查看全部
  • //////////////////////////// 1 getInitialState初始化:建立数组imgsArrangeArr: imageDatas.forEach this.state.imgsArrangeArr[index].pop 让每个图片都有imgsArrangeArr[index] 2 初始化Constant 3 componentDidMount结束时: 计算出Constant内的各取值范围,执行rearrange函数 4 执行rearrange函数 Constant.h.x imgsArrangeArr[i].pos = Constant.h.x (1+2.3)的结果:每个图片的位置确定 5 imageDatas.forEach 把JSON分解为16个<img> 给定图片信息 和 位置 arrange={this.state.imgsArrangeArr[index]} 传给每个图片的位置,通过 this.props.arrange.pos 挂钩起来
    查看全部
  • 安装某generator
    查看全部
    0 采集 收起 来源:项目生成

    2016-10-23

  • react入门
    查看全部
    0 采集 收起 来源:项目生成

    2016-10-19

  • 生成项目
    查看全部
    0 采集 收起 来源:项目生成

    2016-10-14

  • npm ls -g --depth=1 2>/dev/null | grep generator npm ls -g 列出全局npm安装的所有的包,它的包依赖于其他的包是一种树形结构 --depth=1 限制树形结构只显示一层 2>/dev/null 过滤错误信息 >重定向 2标准错误 |通道 将上一个命令的输出内容作为下一个命令的输入内容 grep generator- 在前面输出结果中检索generator的内容
    查看全部
    0 采集 收起 来源:项目生成

    2018-03-22

  • kohl安
    查看全部
    0 采集 收起 来源:react实践介绍

    2016-10-13

  • yeoman webpack generate
    查看全部
    0 采集 收起 来源:项目生成

    2016-10-13

  • npm ls -g --depth=1 2>/dev/null | grep generator npm ls -g 列出全局npm安装的所有的包,它的包依赖于其他的包是一种树形结构 --depth=1 限制树形结构只显示一层 2>/dev/null 过滤错误信息 >重定向 2标准错误 |通道 将上一个命令的输出内容作为下一个命令的输入内容 grep generator- 在前面输出结果中检索generator的内容
    查看全部
    0 采集 收起 来源:项目生成

    2018-03-22

  • 执行 yo react-webpack 项目名称 时 老师报错进度条无法走到100%,尝试了好多次终于是Ok了,应该网路问题,网络波动大的话会导致加载失败。
    查看全部
    0 采集 收起 来源:项目生成

    2016-10-12

  • 1. .editorconfig. EditorConfig可以帮助开发者在不同的编辑器和IDE之间定义和维护一致的代码风格。EditorConfig包含一个用于定义代码格式的文件和一批编辑器插件,这些插件可以让编辑器读取配置文件并依此格式化代码。 2.eslint 使用 Lint 工具和代码风格检测工具,则可以辅助编码规范执行,有效控制代码质量。 默认规则包含所有 JSLint、JSHint 中存在的规则,易迁移; 规则可配置性高:可设置「警告」、「错误」两个 error 等级,或者直接禁用; 包含代码风格检测的规则(可以丢掉 JSCS 了); 支持插件扩展、自定义规则。 原来选择 JSHint 的时候,也对比过 ESLint,基于 ESLint 在速度上比 JSHint 要 慢一些 ,最终使用了 JSHint。现在需要 JSX 支持了,才发现 ESLint 的设计理念更符合实际需求。 3. yeoman Yeoman是Google的团队和外部贡献者团队合作开发的,他的目标是通过Grunt(一个用于开发任务自动化的命令行工具)和Bower(一个HTML、CSS、Javascript和图片等前端资源的包管理器)的包装为开发者创建一个易用的工作流。Yeoman主要有三部分组成:yo(脚手架工具,创建应用)、grunt(构建工具)、bower(包管理器)。这三个工具是分别独立开发的,但是需要配合使用,来实现我们高效的工作流模式。 4.karma Karma是一个基于Node.js的JavaScript测试执行过程管理工具(Test Runner)。 该工具可用于测试所有主流Web浏览器,也可集成到CI(Continuous integration)工具,也可和其他代码编辑器一起使用。 这个测试工具的一个强大特性就是,它可以监控(Watch)文件的变化,然后自行执行,通过console.log显示测试结果。
    查看全部
    0 采集 收起 来源:项目生成

    2016-10-08

  • 1.查看npm全局下载的包 npm ls -g --depth=1(第一层) 2.查看generator相关npm已经安装包:npm ls -g --depth=1 2>/dev/null grep generator --depth=1 限制树状结构展现一层 > 表示重定向 1 表示标准输出 standard output 2 表示标准错误 standard err /dev/null 表示空设备文件 2>/dev/null 在输出中过滤掉错误消息 表示通道,上一个命令的输出内容作为下一个命令的输入内容 grep generator- 在前面的输出结果中检索generator开头的内容
    查看全部
    0 采集 收起 来源:项目生成

    2018-03-22

  • webpack的ails作用
    查看全部
    0 采集 收起 来源:webpack(一)

    2016-10-06

  • 插件dedupePlugin()检测重复内容
    查看全部
    0 采集 收起 来源:webpack(二)

    2016-10-02

举报

0/150
提交
取消
课程须知
您要具备以下前导知识: 1、需要有一定的JS基础 2、CSS前端基础 3、React基础知识 4、了解前端自动化的相关知识,Yeoman,Grunt,Sass等。 5、先学习“React入门”课程
老师告诉你能学到什么?
1、2015年最优秀的前端集成解决方案 2、CSS3动画,变形,字体渲染方式等大前端周边扩展知识 3、真实的项目开发流程 4、如何利用好github保存项目,发布web说明站点。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!