奇舞周刊第 488 期:一个服务端同学的 Vue 框架入门及实践

记得点击文章末尾的“ 阅读原文 ”查看哟~

下面先一起看下本期周刊 摘要 吧~

奇舞推荐

■ ■ ■

 一个服务端同学的 Vue 框架入门及实践

做为服务端同学,接触前端代码较少,刚毕业的时候用过 jQuery + Bootstrap2/3,当时的感觉就是,容易上手,学习门槛相对较低,另外就是有一个非常成熟的 jQuery 插件库,在这里,几乎可以找到日常需要的大部分插件 (这里的插件,不是简单的按钮/表单组件,而是像抽奖/大转盘/推箱子游戏这样的完整的功能块,这些避免了自己去写“困难”的 CSS),组合组合就可以搭出一个完善的页面,改改 Ajax 请求,就能实现一个小项目了。前端技术日新月异,用 jQuery 的日渐变少,现在有两个流行的技术框架 Vue 和 React。个人选择学习了解相对简单的 Vue,目的是可以独立做一个简单的管理系统,后续可沉淀成个人顺手的一个管理系统的脚手架。

为 iframe 正名,你可能并不需要微前端

最近几年微前端很火,火到有时候项目里面用到了 iframe 还要偷偷摸摸地藏起来生怕被别人知道了,因为担心被人质疑:你为什么不用微前端方案?直到最近笔者接手一个项目,需要将现有的一个系统整体嵌入到另外一个系统 (一共 20 多个页面),在被微前端坑了几次之后,回过头发现,iframe 真香!qiankun 的作者有一篇《Why Not Iframe》介绍了 iframe 的优缺点 (不过作者还有一篇《你可能并不需要微前端》给微前端降降火),诚然 iframe 确实存在很多缺点,但是在选择一个方案的时候还是要具体场景具体分析,它可能在当下很流行,但它不一定在任何时候都是最优解:iframe 的这些缺点对我来说是否能够接受?它的缺点是否有其它方法可以弥补?使用它到底是利大于弊还是弊大于利?我们需要在优缺点之间找到一个平衡。

a44f8f770ea5cbbf1b9ccf37e6af8f7d.png

 GPT-4 老板:AI 可能会杀死人类,已经出现我们无法解释的推理能力

“AI 确实可能杀死人类。” 这话并非危言耸听,而是 OpenAI CEO 奥特曼的最新观点。

技术实践

■ ■ ■

可能是全网最基础的前端项目优化,一站式、深度解读常用手法

这是一个 vue3 + vite 搭建的 PC 端 web 应用,基本上使用的是 vite 的默认配置,没有专门做过性能优化。随着业务的迭代,目前项目已经成为存在 23W+ 代码行数的大工程,存在一定的性能问题,而且维护成本也越来越高。为了解决这两个问题,我们展开了专题治理。目前来看效果还是很理想的:页面加载性能提升了 52%,包体积降低了 3.43M。接下来就和大家一起探讨,如何对存量大工程进行治理以实现提升页面性能以及降低代码维护成本。

ccfc618780eb908cfd05a5d21b3d9619.png

如果我要用 Python 实现一点点自动化测试

这是 Python 笔记的第 10 篇,使用 Selenium 模拟用户在浏览器中的行为这是 Python 笔记的第 10 篇,使用 Selenium 模拟用户在浏览器中的行为。

26ba6e6cb9f561f23ffa3d039954291d.png

拓展边界

■ ■ ■

 针锋相对!为挑战 GPT-4 加持的 Copilot X,谷歌与拒绝被微软收购的 Replit 联合发布编码工具

大企业间关于 AI 辅助型开发环境的战争必将愈演愈烈。

私有化部署 chatGPT,告别网络困扰

最近的 chatGPT 是热火朝天,基本人手一个。工具用的好,工作 5 分钟,划水一整天。但是也会有不少烦恼,访问官方网站都有网络的问题,需要 FQ 解决。这类工具也还是会有网络波动的问题,也有一定的安全风险。今天介绍一个方案,从此告别网络的问题,私人独享属于自己的 chatGPT,不再担心想用的时候访问不了的情况。这个项目是一个国内大佬 ddiu8081 开源的 chatGPT 项目,基于 OpenAI GPT-3.5 Turbo API 的 demo。界面如下所示,非常简洁好看,反应速度流畅,还可以设置场景角色提示词,更好的和 chatGPT 交流。

5cf2f6508f889f3839cd5288edf378aa.png

 React 团队最近在忙啥?

距离 React 最近一次版本更新已经过去了 8 个多月。那最近 React 都在忙些啥呢?下面就来看看 React 团队最近正在研究的事,以及取得的进展

关于奇舞团

奇舞团是 360 集团最大的大前端团队,代表集团参与 W3C 和 ECMA 会员(TC39)工作。奇舞团非常重视人才培养,有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择,并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。

b2cebc270237c82540e0ef07ccc723c1.png 

猜你喜欢

转载自blog.csdn.net/qiwoo_weekly/article/details/129891268