> 由于公司产品需要进行SEO推广优化,所以就选择了Nuxt作为网站前端框架,之前所有的项目基本都是单页面应用,对于服务端渲染也是一知半解,项目整个开发的过程也是一边学习一边实践,如有不正确的地方,欢迎指正👏👏>... ### 图片转webp[图片转换网站](https://imagestool.com/)## 结语可能还是会有很多点没有涉及到,也算是做一个记录吧。技术永无止境,永远保持一颗学习的心态,去充实自己,完善自己。
我进入公司前我也只是有一些前端的基础并没有学习的那么深入。在学校也没有很认真的学习,天天躺平周末也只会和同学商量着去哪里玩。我不会vue,不知道JSON是什么,Node的命令,拉取项目、提交代码也不会和后端联调。甚至也不知道github是啥。许许多多的专业名词对于我来说都是如此的陌生。所以2022对于我来说是非常幸运的一年。从入行开始领导安排了一位大哥来带了我一段时间,大概一个月吧 但是好像都是一些无用功。因为好像...
前端开发的界限被重新定义,新的框架和工具的出现,使得我们的工作更加高效和多样化。这种技术的进步不仅提高了开发的效率,也极大地丰富了用户的互动体验,它也改变了我学习技术的方法论以及解决问题的策略。下面我... 它是一个基于 Rust 的高性能构建引擎, 具备与 Webpack 生态系统的互操作性,可以被 Webpack 项目低成本集成,并提供更好的构建性能。![picture.image](https://p3-volc-community-sign.byteimg.com/tos-cn-i-tldd...
# 🥙前言为什么突然写MutationObserver呢?最近在写页面水印的时候用到了MutationObserver方法,两者之间有什么联系呢?不用MutationObserver情况下,使用网站的人员可以随意修改DOM就可以把系统作者的版权标识(水印... 就会立即生成一个水印,这样就杜绝了上面的情况。# 🥪一、MutationObserver[MutationObserver](https://developer.mozilla.org/zh-CN/docs/Web/API/MutationObserver#Constructor)构造函数用来监听DOM的变化,比...
[image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/bf36f3dc9ac842599210eed03ed3868b~tplv-k3u1fbpfcp-5.jpeg?)字节跳动发展至今,线上已经有数量级庞大的Web项目,服务着数以亿计的用户。随着用户数量的不断增长,对于站点体验衡量与优化的需求也日益紧迫。**性能是留住用户的关键,** 前端领域发展迅猛,不断涌现出新的技术,针对性能问题自然也需要各种新的工具和思路。为了助力前端开发者的成长、为所有前端爱好...
字节跳动发展至今,线上已经有数量级庞大的Web项目,服务着数以亿计的用户。随着用户数量的不断增长,对于站点体验衡量与优化的需求也日益紧迫。**性能是留住用户的关键** ,前端领域发展迅猛,不断涌现出新的技术,针对性能问题自然也需要各种新的工具和思路。为了助力前端开发者的成长、为所有前端爱好者提供交流的机会,9月17日,字节跳动Dev Infra团队邀您参加Dev Better系列技术沙龙活动——《前端性能及新技术实践》!本次活动邀请...
近日,在[WOT全球技术创新大会2023“大前端最佳实践”](https://wot.51cto.com/act/wot2023/dev/page/publisher?publisher_id=1260)分论坛上,火山引擎云平台前端负责人蒋雷分享了主题为“火山引擎云平台前端稳定性建... 由于云平台业务多边性的特点,云平台稳定性建设的第一要义便是保证云产品服务的稳定性,提升MTBF(平均无故障运行时间),降低MTTR(平均故障修复时间),保证云业务安全、可靠、高效地运行。云平台行业SRE实践可以细分为...
懂点前端的就称之为”全栈“的等等。这里不在叙述。如果比较热爱这一行,我认为应该需要做到的是:* 一个真正优秀的负责开发安卓客户端的工程师,应该对 Linux、Java、Android 有着极其深度的理解,了解 Linux、安卓的发展史、原理,对技术有自己的智库,对未来有自己的看法。* 一个真正优秀的负责开发 iOS 客户端的工程师,应该对 Unix、iOS、OC、Swift、苹果公司有着极其深度的理解。* 一个真正优秀的负责开发 Web 端的工程师,应...
style issues :主要是代码风格方面的检查,例如空格、标点符号、代码外观等等。# 前端 linters 分类## JavaScript下图展示了 JavaScript linters 的进化史:![](https://p3-juejin.byteimg.com/tos-cn-i... 但 ESLint 在设计时就考虑到了这些用例。ESLint 不仅仅是一个库,而是由许多重要的移动部件组成。其中一个就是 parser 。ESLint 有一个内置的 parser 叫做 `espree` ,如果想支持非标准的 JavaScript 语法,只需要提供...
帮助您实现接入的高效率、低成本。 功能说明 对比项 H5接入 API接入 适用场景 产研资源有限,需要快速接入定制产品,完成基础功能的搭建 产研资源充足,需要在c端呈现完整的产品功能,用户体验要求高 用户体验 交互样式相对单一视频播放性能差(加载慢)不支持视频在列表页播放 交互样式可自定义视频加载速度、播放性能更好支持视频在列表页播放 接入成本 低(H5链接的拼接和鉴权,预计开发时间为1周) 高(ui设计,前端样式开发,服务端接...
# 前端工程化### **工程化概念**### **定义**- 工程化即系统化、模块化、规范化的一个过程。与其说软件工程是一门科学,不如说它更偏向于管理学和方法论。### **解决什么问题**- 如果说计算机科学要解... 那么如何访问 data 呢?这时就需要模块内部设计并暴露相关接口。上述代码只需要调用模块 module! 暴露给外界 (window) 的函数即可:module1.foo()。修改 data值的途径,也只能由模块 moduleI 提供:module1.bar()。...
在数据平台部门,每个人必不可少的就是与海量的数据打交道。作为入职不久的新人,我逐渐意识到,前端不能甚至不允许仅仅关注后端传过来哪些字段,此外还需要花一定的时间,去关注整个“数据链条”。从数据底表存的是什么,字段含义,表之间如何经过抽取、拼接、计算生成了最终取数的一张“大宽表”,经历了怎样的例行任务,前端最好都要了解一下。 **为什么?**因为在了解了这些数据的含义之后,才能开发过程中发挥火眼金睛、一目...
高效率开发?由于疫情原因,我目前已经两个月没有去公司了,基本办公都在自己家里,银行上班的时间基本是 8:30-5:30 这个时间段,说是这个时间段,但是实际上如果是现场办公我需要 7 点起床,刷洗洗漱 10 分钟,不吃早餐... 需要掌握哪些必备技能?1.前端开发的基础知识要扎实,熟练使用一种框架 VUE 或者 react。2.熟练的使用 vscode,插件及 git(代码管理一般在这里),SVN(需求文档及 UAT 设计图及历史整理文档一般在这里)。3.业务及...