-
sass : @at-root{ } 让嵌套的同级显示。查看全部
-
loader 从右往左依次执行, ! 是类似管道.链式调用. react-hot!babel-loader 热更新 transpiling 转换同级别程度的语言 compiling 转换不同级别的查看全部
-
loaders查看全部
-
webpack-dev-server 通过 publicPath 寻找资源, 但是并不会用到 public 这个目录, 因为 webpack-dev-server 将内容存到内存上, 并没有存在磁盘上.查看全部
-
webpack 配置: output:{publicPath:'/assets',...} publicPath: 部署到服务器上时寻找资源的路径.查看全部
-
react developer tool 可以和 react 代码通信因为 react 在全局注册了 __REACT_DEVTOOLS_GLOBAL_HOOK__, 但是 yo 脚手架为了方便开发, 浏览器热加载时显示一条代码状态的通知, 通过在页面中引入了 iframe 框架, react developer tool 便找不到 __REACT_DEVTOOLS_GLOBAL_HOOK__ 了, 设置 __REACT_DEVTOOLS_GLOBAL_HOOK__ = parent.__REACT_DEVTOOLS_GLOBAL_HOOK__ 来代替.查看全部
-
.eslintrc 支持 jsx 语法,包含 jslint 用法 .jslintrc 不支持 jsx 语法查看全部
-
npm ls -g 列出所有 npm 安装的全局包, 这些包是树状结构的, 所以用 --depth=1 输出第一层的结构 /dev/null 空设备文件查看全部
-
查看 generator-react-webpack 版本: npm ls -g --depth=1 2>/dev/null | grep generator-查看全部
-
这个github的界面是真的古老了。说明这个教程也是有一定的年头了。查看全部
-
一、项目搭建之前，要进行的环境搭建，见（慕课网:ReactLative基础与入门 1-3开发环境搭建-mac平台） 二、yeoman 1、现代web app开发，著名的脚手架工具yeoman，在web项目立项的阶段，用yeoman生成项目文件、代码结构。yeoman自动将最佳实践和工具整合进来，大大加速和方便了我们后续的开发。 2、安装： 见慕课网课程：GRUNT Beginner前端自动化工具 2-2 yeoman，bower,grunt 简介及安装。 三、1、grunt被gulp威胁，然后webpack又威胁了gulp和browerify.（天道好轮回，苍天绕过谁。前端就只有不断地学学学，这样才能提高效率） 四、webpack： 1、安装 终端输入：npm install -g generator-react-webpack 2、查看本地的版本： 终端输入：npm ls -g --depth=1 2>/dev/null | grep generator- 或 npm list --depth=0 -global （1）npm ls -g :列出全局安装的所有npm包 （2）--depth=1:树状结构最多向下展示一层 （3）2>/dev/null: 如果执行npm ls -g的过程中，有错误消息，把错误消息重定向到我们的空设备文件上 >表示重定向 1表示standard out标准输出 2表示standard error 标准错误 /dev/null表示空设备文件 （4）|表示通道，用来将上一个命令的输出内容作为下一个命令的输入内容 （5）grep generator-:在前面的输出结果中，检索generator开头的关键字内容。 3、新建的项目拉到本地 （1）进入workspace,终端输入：git clone +项目地址 （2）进入项目目录：cd gallery-by-react(项目名称) （3）终端输入：yo react-webpack gallery-by-react （4）提示是否需要react-router(y/n)，因为这里是单页面程序，不需要路由，所以选n （5）选sass （6）终端输入：npm run serve 或 npm start，让我们的站点跑起来 (修改端口号：找到cfg文件夹，进入default.js修改端口号)查看全部
-
yo react-webpack demo查看全部
-
npm i yo npm i generator-react-webpack npm ls -g --depth=1查看全部
-
npm ls -g --depth=1 2>/dev/null | grep generator npm ls -g 是列出npm全局安装的包 --depth=1 是层级显示为往下一级目录 2>/dev/null 是过滤错误信息 导出到dev目录下的空文件夹 grep generator 是筛选generator开头的安装的包查看全部
-
position 规定元素的定位类型 属性值 值 描述 absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 relative 生成相对定位的元素，相对于其正常位置进行定位。 因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。 static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。 inherit 规定应该从父元素继承 position 属性的值。查看全部
举报
0/150
提交
取消