前端项目管理 工程化方案
技术栈目前团队中用的是 React 全家桶。具体说来是 React + React-router + Redux + Webpack + sass + postcss。做的是 Hybird SPAhtml 管理首屏需要一个载入中的界面,不能是一个白屏,图片是 base64 内嵌的,css 和 js 主要是用 html-webpack-plugin 进行管理,把 chunk 和一些配置项自动插入生成首页。css 管理css 经过 sass 和 po...
2024-01-10前端工程化之H5性能优化篇
导读:从粗糙到精致,从简单到复杂,全球互联网Web App(网页应用)平均体积已增压到1.6Mb,随着音视频等富媒体内容的流量池膨胀,终端设备上的用户对网页装载速度尤其敏感。页面不能做到秒开,就会有大量用户选择离开。重视并改善网站性能,优化即时网页装载时间,加速即时网页在浏览器平...
2024-01-10手把手带你入门前端工程化——超详细教程
本文将分成以下 7 个小节:技术选型统一规范测试部署监控性能优化重构部分小节提供了非常详细的实战教程,让大家动手实践。另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证,其中 js、css 验证需要安装 VSCode,具体教程在下文中会有提及。技术选型对于前...
2024-01-10【JS】带你入门前端工程(三):前端组件化
首页专栏javascript文章详情1带你入门前端工程(三):前端组件化谭光志发布于 今天 01:16 在了解模块化、组件化之前,最好先了解一下什么是高内聚,低耦合。它能更好的帮助你理解模块化、组件化。高内聚,低耦合高内聚,低耦合是软件工程中的概念,它是判断代码好坏的一个重要指标...
2024-01-10向工程腐化开炮|资源治理
作者:刘天宇(谦风)系列文章回顾《向工程腐化开炮 | proguard治理》《向工程腐化开炮 | manifest治理》《向工程腐化开炮:Java代码治理》。本文为系列文章第四篇,聚焦于Android 资源,这一细分领域。对工程腐化,直接开炮!准确的说,本文主角是Android资源,而java资源归属到java代码治理范畴,并在《向...
2024-01-10【JS】带你入门前端工程(四):测试
首页专栏javascript文章详情0带你入门前端工程(四):测试谭光志发布于 今天 07:40 什么是测试维基百科的定义:也可以这样理解:测试的作用是为了提高代码质量和可维护性。提高代码质量:测试就是找 BUG,找出 BUG,然后解决它。BUG 少了,代码质量自然就高了。可维护性:对现有代码...
2024-01-10Egg + Vue 服务端渲染工程化实现
在实现 egg + vue 服务端渲染工程化实现之前,我们先来看看前面两篇关于Webpack构建和Egg的文章:在 Webpack工程化解决方案easywebpack 文章中我们提到了基于 Vue 构建的解决方案 easywebpack-vue. easywebpack-vue 支持纯前端模式和Node层构建,这为 Vue 服务端渲染提供了支持,我们只需要简单的配置关键的 entry 和 ...
2024-01-10【JS】带你入门前端工程(十一):微前端
首页专栏javascript文章详情3带你入门前端工程(十一):微前端谭光志发布于 今天 01:46 什么是微服务?先看看维基百科的定义:换句话说,就是将一个大型、复杂的应用分解成几个服务,每个服务就像是一个组件,组合起来一起构建成整个应用。想象一下,一个上百个功能、数十万行代码...
2024-01-10【JS】带你入门前端工程(二):统一规范
首页专栏javascript文章详情2带你入门前端工程(二):统一规范谭光志发布于 今天 01:27 代码规范代码规范是指程序员在编码时要遵守的规则,规范的目的就是为了让程序员编写易于阅读、可维护的代码。试想一下,一个几十万行代码的项目,存在几种不同的代码规范,阅读起来是什么感受...
2024-01-10【JS】带你入门前端工程(一):技术选型
首页专栏javascript文章详情1带你入门前端工程(一):技术选型谭光志发布于 今天 01:26 技术选型应该对很多程序员都不陌生了,无论是大到技术框架、编程语言,还是小到工具库的选择,都属于技术选型的范围。个人认为技术选型应该按照以下四个指标进行选择:可控性稳定性适用性易...
2024-01-10【JS】前端搞工程化:从零打造性能检测库「源码 + 视频」
本文涉及到的源码及视频地址:源码视频,因为制作肯定比文字需要的时间多,所以本周才会更新完毕,大家可以先对视频插个眼前言经常有读者问我什么是前端工程化?该怎么开始做前端工程化?聊下来以后得出一些结论:这类读者普遍就职于中小型公司,前端人员个位数,平时疲于开发,团...
2024-01-10【JS】前端工程化必备,语义化版本号扫盲,支持任意版本号位数的比较方法
因为最近在做 Node 相关的项目,涉及到版本号的处理,根据版本号大小做升级 js 处理的,而因为多加了一位数,导致线上的 js 不能升级。所以只能重写一个支持任意位数的版本号对比方法。顺便先来一个语义化版本号的扫盲吧。为什么需要语义化版本号?在软件管理的领域里存在着被称作“依赖地...
2024-01-10【JS】【前端工程化基础 - 初始化项目】现代 CLI 和 GUI 方案指南
首页专栏javascript文章详情0【前端工程化基础 - 初始化项目】现代 CLI 和 GUI 方案指南axuebin发布于 今天 13:50 【前端工程化基础 - CLI 篇】系列文章,持续更新中:【前端工程化基础 - CLI 篇】Vue CLI 是如何实现的【前端工程化基础 - CLI 篇】Creact React App 是如何实现的关注公众号玩相机的程序...
2024-01-10【JS】一个合格的初级前端工程师需要掌握的模块笔记
首页专栏javascript文章详情0一个合格的初级前端工程师需要掌握的模块笔记程序员哆啦A梦发布于 8 分钟前Github来源:一个合格的初级前端工程师需要掌握的模块笔记 | 求星星 ✨ | 给个❤️关注,❤️点赞,❤️鼓励一下作者大家好,我是魔王哪吒,很高兴认识你~~哪吒人生信条:如果你所...
2024-01-10【JS】年前端工程师书单推荐
首页专栏javascript文章详情02021年前端工程师书单推荐童欧巴发布于 31 分钟前之前有读者私信我想要一份前端工程师的成长路线,答应他后面会出一个系列专题。最近加班有点狠,属于自己的时间太少了,而且路线涵盖的内容大而全,这里推荐一个程序员成长路线的 GitHub 仓库,总结的很全面...
2024-01-10如何做一名合格前端工程师?
一名【合格】前端工程师的自检清单开篇前端开发是一个非常特殊的行业,它的历史实际上不是很长,但是知识之繁杂,技术迭代速度之快是其他技术所不能比拟的。winter在他的《重学前端》课程中提到:这样是一个非常真实的现状,实际上很多前端开发者都是自学甚至转行过来的,前端入门...
2024-01-10【科技前沿】超级工程师们拯救了谷歌
导读:在很多人眼中,Jeff Dean 就是谷歌技术的代名词,也是谷歌如此强大的重要原因。但实际上他们都忽视了 Jeff Dean 背后的另外一位技术大神。在谷歌从创业公司成长为一代巨头的过程中,有数不清的工程师参与贡献,其中 Jeff Dean 和 Sanjay Ghemawat 是最初也是至今仅有的两位达到 Level 11(Google Senior Fell...
2024-01-10前端工程师不可不知的Nginx知识
观感度:????????????????????口味:虎皮鸡蛋烹饪时间:10min历史背景互联网的全球化导致了互联网的数据量快速增长,加上在本世纪初摩尔定律在单核 CPU 上的失效,CPU 朝着多核方向发展,而 Apache 显然并没有做好多核架构的准备,它的一个进程同一时间只能处理一个连接,处理完一个请求后才能处理...
2024-01-10前端职能工作新业务新起点
背景说一下写这个文章的背景,在当前公司前后呆了3年了(前几天刚续签,又把自己卖了5年),不定期的轮岗是经常性的,业务调整后到了一个新部门服役,之前没有接触过新部门的业务,因为这个部门在另外一个办公地点,作为前端的小组长,需要重新了解业务,梳理技术点。来到新部门,业务大...
2024-01-10资深前端工程师大厂总结面试题
01 什么是防抖和节流,他们的应用场景有哪些防抖 (debounce)防抖,顾名思义,防止抖动,以免把一次事件误认为多次,敲键盘就是一个每天都会接触到的防抖操作。想要了解一个概念,必先了解概念所应用的场景。在 JS 这个世界中,有哪些防抖的场景呢登录、发短信等按钮避免用户点击太快,以...
2024-01-10前端小白入门必读教程
1、掌握基础知识。作为一名前端小白,基础一定要打牢固。html是超文本标记语言,我们见到的网页都是以它为基础的。css是层叠样式表,它可以给网页添加样式,让我们的网页更加美观。js即JavaScript,它是一种直译式脚本语言,可以为我们的网页添加动态功能。2、大量编写代码。前端小白首先要安装前端开发工具。前端学习少不了代码的编写,利用开发工具进行编写代码可以让我们代码规范且速度快,所以安装前端...
2024-01-08《艾爾登法環》前期超強武器與戰技獲取教程
玩家在前期就能獲得一些裝備,但要考慮到自身的屬性使得一些看似很強的裝備並不能使用,所以此次就為大家帶來由“sk2tommy”分享的《艾爾登法環》前期超強武器與戰技獲取教程,希望對大家有用。黑夜騎兵劍刃戟這把武器在同款武器中擁有優秀的面板,而且重攻擊的揮刀動作與其他長戟不同。對...
2024-01-10【JS】核桃编程:前端可观测性建设之路
首页专栏javascript文章详情0核桃编程:前端可观测性建设之路阿里云云栖号发布于 今天 02:19 根据《中国少儿编程行业研究报告》及《2017-2023 年中国少儿编程市场分析预测研究报告》预测得出,少儿编程有望在3-5年内,达到少儿英语市场规模的一半,即500亿左右,发展前景广阔。在信息化时...
2024-01-10想聊前端 UI 驱动程式:核心概念
本文是一个文章系列的第一篇,主要说明几个基本概念以及所要探讨的目标主体,目的是统一认知上的「上下文」以尽量避免因信息不对称而造成理解障碍。这一系列文章是关于前端 UI 组件的,我想通过这个系列静下心来好好聊聊与之相关的内容。每个名词都是概念,就像一个「数据包」,根据其被...
2024-01-10饿了么代付教程
有朋友想要帮别人定外卖,因此想知道饿了么怎么代付款订单,其实饿了么是没有这个功能的,只能使用信息帮点外卖。 饿了么怎么代付款订单: 答:饿了么没有代付款订单的功能。 1、因此如果想要帮点外卖的话,可以选择其他收货地址。 2、我们也可以使用其他人的支付宝或微信号来...
2024-01-10前端构建工具之gulp的语法教程
前言上一篇说了下gulp的环境搭建以及配置,这一篇说说gulp的语法。语法说来其实很简单,主要有以下4种:gulp四种语法现在我们把src下面的index.html文件copy到发布文件夹dist下:复制单个文件webstorm下运行.点击运行如此,便有:dist文件夹下更新复制多个文件复制到某个特定的文件夹下每...
2024-01-10【WPS教程】安卓端语音朗读相关问题
1、安卓平板端是否支持语音朗读功能?您好,目前安卓平板端暂不支持此功能,如后续上线,欢迎体验。2、PDF是否支持语音朗读功能?您好,目前只有WPS文字文档支持语音朗读功能,PDF组件暂不支持,如其他组件后续上线此功能,欢迎体验。3、安卓手机WPS文字文档找不到语音朗读功能?您好,请检查W...
2024-01-10秀禾头饰佩戴教程
秀禾服的头饰佩戴,需要根据发型来调整。一般秀禾服都是盘发发型,可以佩戴发冠,也可以佩戴发钗。其中,发冠不太适合头小的新娘戴,可以尝试发钗。结婚当天,都有化妆师给新娘做造型,所以头饰怎么戴,化妆师会事先在试妆的时候就设计好了。如果是新娘自己戴头饰的话,可以选择一些简单的款式,比如步摇或者发箍。下面来说一说圆脸和方脸脸型如何佩戴秀禾服头饰。1、圆脸秀禾头饰怎么戴圆脸新娘可以尝试减龄妆,元气又青春,发型...
2024-03-04饿了么到店自取教程
饿了么的到店自取可以省下很多运费,不过有的小伙伴不知道饿了么到店自取在哪里,其实只要在结算订单时就可以选择了。 饿了么到店自取在哪里: 答:饿了么到店自取在提交订单的顶部。 1、首先进入“饿了么”app。 2、接着挑选标注了“支持自取”的商家进入。(没有标注的说明不...
2024-01-10闲鱼卖货教程
有些朋友想要在闲鱼出二手货,但是不知道闲鱼怎么卖货,其实我们只需要认真描述,拍照就可以成功卖出货了。 闲鱼怎么卖货 1、首先下载安装闲鱼。【点击下载】 2、打开闲鱼,登录账号后,点击下方“+” 3、然后选择“发闲置” (省心卖是直接卖给闲鱼,一键转卖是出售还没到手...
2024-01-10