摘要: 首先 npx create-react-app 项目名 安装完毕以后文件里会出现这个东西 离线缓存的概念 当网络断了 呈现一个页面 组件库 :react他蚂蚁金服的 ant.design antd-mobile应用于移动端 vue 使用的是mintui不能应用于react PC端vue项目用的组件可 阅读全文
posted @ 2018-11-19 20:41 爱学习的前端工程师 阅读(2221) 评论(2) 推荐(1) 编辑
摘要: React 1.动态路由传参 <Route exact path="/detail/:id" component={Detail}/> <Route exact path="/detail/:id" component={Detail}/> 接收 componentDidMount() { cons 阅读全文
posted @ 2018-12-16 21:09 爱学习的前端工程师 阅读(808) 评论(0) 推荐(0) 编辑
摘要: JS的单线程 JS语言的特点之一就是单线程,简而言之就是同一时间只能做一件事,假设JS是多线程,一个线程在某个节点上添加内容,另一个线程删除了这个节点,这时就看到了问题所在了,但是H5提出了Web Worker标准,允许js脚本创建多个线程,但是子线程完全受主线程的控制,而且你不得操作DOM,所以本 阅读全文
posted @ 2018-12-09 22:15 爱学习的前端工程师 阅读(807) 评论(0) 推荐(0) 编辑
摘要: Vuex 组成部分 1.action 2.mutation 3. state 边外component 通过组件通过dispatch派发action 类型有两种写法 // 以载荷形式分发 this.$store.dispatch('cart/delete',id) // 以对象形式分发 store.d 阅读全文
posted @ 2018-12-01 15:05 爱学习的前端工程师 阅读(274) 评论(0) 推荐(0) 编辑
摘要: redux描述 首先redux 有3大组成部分 1.store2. action .3reducer 还有边外的 components, 如何触发action 呢?首先的拿到store对象,store对象是通过 redux中的createStore()创建的,他有两个参数,第一个是reducer, 阅读全文
posted @ 2018-12-01 12:19 爱学习的前端工程师 阅读(375) 评论(0) 推荐(0) 编辑
摘要: 1.首先安装 这个脚手架 cnpm install expo-cli -g cnpm install expo-cli -g 2.然后 expo init 项目名字 3.然后 选择blank 或者第二个 第二个是给你一些demo 而为了方便选择第一个就可以 4.可以观看package.json的sc 阅读全文
posted @ 2018-11-28 17:54 爱学习的前端工程师 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 1.父传子 父亲挂载一个属性 儿子通过this.props.属性接收 2.子传父 父亲挂载一个方法 儿子通过this.props调用这个方法并传递需要传递的参数 父亲然后接收 3.路由传参 1.先安装 npm install react-router-dom --save-dev //这里可以使用c 阅读全文
posted @ 2018-11-27 20:25 爱学习的前端工程师 阅读(568) 评论(0) 推荐(1) 编辑
摘要: 简单说一下我自己对虚拟DOM的理解。。。。 由于 jquery+es6模板字符串(渲染dom)=》真实的渲染 性能巨差 所以 为了提高性能虚拟DOM就是把真实的DOM转成JS 对象树 虚拟DOM创建以后(也就是componentWillMounted完成的时候 就创建了这个源树)根据组件内部的sta 阅读全文
posted @ 2018-11-24 21:36 爱学习的前端工程师 阅读(628) 评论(0) 推荐(0) 编辑
摘要: 1.create-react-app -eject 2.组件 -class -function 3.拆分 4.信息传递 -父组件到子组件 父亲属性 子用props接受 -子组件到父组件 父亲绑定一个属性(函数) 儿子用props调用并赋予一个需要传递的值 -状态提升 -context 5.JSX - 阅读全文
posted @ 2018-11-22 20:27 爱学习的前端工程师 阅读(216) 评论(1) 推荐(1) 编辑
摘要: 这是border.css的一段源代码 先说明为啥会有1像素这种问题吧 :因为当我们在做移动端 时当适配不同的手机时 每个手机的dpr是不同的 (dpr=物理像素/逻辑像素 物理像素也就是真实呈现在手机屏幕上的大小 逻辑像素则是开发人员写入的像素) 所以当你设置了 1px的边框 如果在dpr 高的手机 阅读全文
posted @ 2018-11-20 19:04 爱学习的前端工程师 阅读(663) 评论(0) 推荐(0) 编辑