摘要:
一、JSON的2个重要方法:JSON.stringify(),JSON.parse() 二、简写 key 和vuale一样时可以简写 let name="lizhao"; let myJson={name}//等效与 let myJson={name:name} let name="lizhao"; 阅读全文
摘要:
create-react-app默认不支持装饰器的,需要做以下配置。 打开 package.json ,可以看到eject。运行 npm run eject 可以让由create-react-app创建的项目的配置项暴露出来。 运行 npm run eject 此时,项目中多了一个config文件, 阅读全文
摘要:
TodoItem.propTypes={ content:PropTypes.string, text:PropTypes.string.isRequired, handleDeleteItem:PropTypes.func, index:PropTypes.number } TodoItem.defaultProps={ text:"1", } 阅读全文
摘要:
声明式开发 减少dom操作,减少代码量 可以与其他框架并存 组件化开发 单向数据流 视图层框架 大型项目需要与其他数据层框架一起使用 函数式编程 方便自动化测试 阅读全文
摘要:
1.方法绑定this,统一写在consrtructor()里。 2.子组件获取父组件的值,用解构的形式。 3.JSX里不要写过多的逻辑代码,应该拆分出来。 4.让setState返回一个函数而不是对象。 5.用prevState而不是this.state。 阅读全文
摘要:
Cookie的作用是与服务器进行交互,作为HTTP规范的一部分而存在 ,而Web Storage仅仅是为了在本地“存储”数据而生; Web Storage的概念和cookie相似,区别是它是为了更大容量存储设计的,Cookie的大小是受限的; 并且每次你请求一个新的页面的时候Cookie都会被发送过 阅读全文
摘要:
一般情况下,在代码开头引入组件: 打开控制台检查一下: 我们想访问首页的时候只加载首页的代码,加载详情页的时候再加载详情页的代码,需要按需加载: 打开控制台检查一下: 阅读全文
摘要:
一、打包生成dist目录 运行npm run build 进行打包,控制台显示“Build complete”表示打包完成了。 二、dist目录放到后端跟目录 打包后生成一个dist文件夹,文件夹下有index.html和static文件夹。这些就是最终要上线的代码。 找到后台服务器的跟路径,把打包 阅读全文
摘要:
一、查看ip地址 在控制台输入 ifconfig 查看ip地址 二、修改webpack-dev-server配置项 webpack-dev-server 默认不支持ip地址访问,需要修改配置项 三、测试 当pc和手机处于一个局域网时,手机访问ip地址,就能进行真机测试了。 阅读全文
摘要:
每次从city页切换回home页面的时候mounted这个钩子都会执行,ajax都会被重新获取,性能需要优化。 用keep-alive,keep-alive是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。 app.vue keep-alive生命周期钩子函数:activ 阅读全文