【WEB 前端抱团学习群】0322 期技术分享

前言

2018 年伊始,我们准备实现一个小目标:

打造一个技术交流氛围浓郁的微信群。
让大家在这个群里轻松交流技术、没有扯淡,
拒绝吐槽,只关注技术学习本身。

因此,【WEB 前端抱团学习群】 就此诞生。

我们为这个群倾注极大精心与资源,期待给这个群提供诸多福利,例如:

1、聊天扯淡挺热闹,提个技术问题瞬间死寂?
——放心,在这个群里,拒绝扯淡,只谈学习。技术提问,必有回应~

2、独自一人无目的学习、没有学习目标?
——管理员会根据每人的基础做合理的学习计划、定期监督提醒~

3、自己学得怎么样?知识掌握的好不好?稀里糊涂的?
——群内提供阶段性技能水平测试,个人水平一目了然~

4、群里有没有技术大牛可以讨论的?
——每周邀请嘉宾(技术牛人、或妙味全职讲师)进行技术主题分享

5、做了练习无人点评、也不知道哪里可以优化或改进?
——专属的练习提交地址,会有资深讲师进行专业点评

6、都说进群抢红包,这群里会经常发红包么?
——围绕学习的奖励红包层出不穷,甚至会有奖学金提供唷~

7、还有更多可能的探索,我们会动态调整、不断尝试……

——也欢迎群友为我们提供各种建议,我们会认真倾听、努力改进~


笔试题之 : React 项目中如何进行代码分割?

笔试题剖析:

这道题考核的有两点:

  • 对开发工具的掌握
  • 应用场景上更是能看出你对 React 的使用经验

笔试题解答:

在 webpack 的环境下使用 import() 语法就可以了。当然得用上 babel 的 import 语法转换插件。

这样就可以把代码分割出来, 在需要的时候异步加载。

比如:先是有一个 print.js 文件:

  1. export default () => {
  2. console.log('Button Clicked: Here\'s "some text"!');
  3. }

做的事情很简单,就是打印一句话。

现在有另一个文件,关键代码是这样:

  1. button.onclick = e => import('./print').then(module => {
  2. var print = module.default;
  3. print();
  4. });

有一个按钮,只要发生的点击事件,就会执行 print.js 导出的函数,打印那句话

这个时候,我们就需要使用把 print.js 的代码独立出来,点击的时候才加载它,而不是让 webpack 把整个代码打包进去。

只要写这句 import() 的语法就好了。

不用担心代码会变成什么样,webpack 会帮助你处理后续的一切。这个时候,我们就已经实现了代码分割了,这是它最基本的使用。

在 React 里面通常的场景是在视图路由的地方来作为切割点。这样等到匹配到相应 Route 的时候才会挂载组件,而挂载的时候就开始异步引入代码。这是个不错的选择,能够大程度的利用缓存。

问题交流时间:

Q:react、html 和 js 混在一起好吗?
A: html 和 js 混在一起不好. 但是 react 并不是 html 和 js 混在一起, 而是 JSX, 而 JSX 本质上是 JS,所以不存在这种问题

Q:老师能讲讲 Promise 的应用场景吗?
A: Promise 网络请求就是一个应用场景,Promise 只要涉及到做完某件事, 再做某件事这种场景都可以用

  • 比如:向左 运动 一段距离后,再向下运动;
  • 比如:ajax 请求回来后,我们再渲染数据;
    这些都是应用场景

Q:node.js 的 return Promise.reject()作用是什么?
A:表示出现了错误,是告诉你现在已经出现了错误当前的这个 Promise 没有成功

Q:接上面的 Promise 问题:什么时候要用这个?我直接一个 return 终止和这个有什么区别?
A:如果你不需要一个 Promise, 那就没有区别,看你的业务场景。
如果这个 API 返回的就是一个 Promise,让后面的人就可以使用 Promise 相关的语法来处理后续的事情,所以看你的业务场景和接口的设计

Q:React 是什么东东?
A:渲染界面的库

Q:代码分割 ,用 import 有些情况不支持 import 怎么办
A:babel-plugin-syntax-dynamic-import.得用这个 babel 插件. webpack 是支持的,3 就已经支持很好了


  • 开群的两天,
  • 群内活动依旧受到大伙各种花式赞赏,
  • 并且群内红包不断飞舞……
  • 无论是热心解答问题的小伙伴,
  • 还是积极参与技术分享问答的小伙伴,
  • 均有红包奖励:


VIP 进群:

“爱学习的人总是少数,但是大多数学习者都在这里!”
  • 扫码关注公众号,发送”VIP进群”关键字,入群共同学习,审核通过后入群


广而告之:

足不出户,享受优质远程课程!

妙味 2018 年最新版 “从零基础到全栈” 全套 WEB 前端开发课程,现已开启远程班招生~

  • 资深讲师带领大家,只学精华内容、拒绝无用知识,配备走心远程服务:“直播+视频回放、全天超过 14 小时在线答疑、作业批改与练习讲解、丰富奖学金、全程面试远程指导服务…”

  • 凡你所要,必得满足!

  • 现在咨询,可享受更多课程优惠~

远程《零基础前端开发 “PC 端+移动端+响应式开发” 课程》

https://miaov.com/index.php/news/newsDetail/nid/322

远程《JS 前端资深工程师就业精英班》

https://miaov.com/index.php/news/newsDetail/nid/316

报名咨询:

咨询QQ:2852509866、2852509867、2852509868
• 微信:miaov-class

• 电话:010-57269690
妙味网友
请登录后留言,请登录注册
 
 
 
 
 
官方微博
常见问题
手机观看
微信扫一扫
公众号内观看视频
咨询客服
点击咨询QQ客服
微信客服
返回顶部