先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7
深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新
如果你需要这些资料，可以添加V获取：vip1024c （备注前端）
正文
// 二级菜单配置
children: [
{
name: ‘Analysis’, // 二级菜单名称
path: ‘/dashboard/analysis’, // 二级菜单路径
},
{
name: ‘DashboardChild’,
path: ‘/’,
icon: ‘add’,
// 三级菜单配置
children: [
{
name: ‘Monitor’, // 三级菜单名称
path: ‘/dashboard/monitor’, // 三级菜单路径
},
],
},
],
},
// …
];
菜单权限#
首先在 src/layouts/BasicLayout/menuConfig.ts 中增加以下的内容：
export const asideMenuConfig = [
{
name: ‘Home’,
path: ‘/’,
- auth: [‘guest’]
},
];
然后在 src/layouts/BasicLayout/components/PageNav/index.tsx中[配置](菜单配置 | 飞冰 (ice.work))
===================================================================
只希望在开发环境中打印日志，在生产环境中则不打印日志，或者设置日志的级别，避免生产环境的调试日志在生产环境中出现
日志分类#
框架日志分为 TRACE、DEBUG、INFO、WARN、ERROR 和 SILENT 6 个级别，分别在不同的场景下使用：
-
logger.trace(msg)：输出一个堆栈跟踪 -
logger.debug(msg)：输出一个调试日志 -
logger.info(msg)：输出一个信息日志 -
logger.warn(msg)：输出一个警告日志 -
logger.error(msg)：输出一个错误日志
使用#
import { logger } from ‘ice’;
logger.info(‘== info ==’);
level#
在某些场景下也可在 src/config.ts 中根据不同环境配置 loglevel:
export default {
default: {
loglevel: ‘warn’
},
production: {
loglevel: ‘error’
}
}
在 src/app.ts 中将配置的 loglevel 传递给 logger：
import { runApp, config } from ‘ice’;
// 用于配置
const appConfig = {
logger: {
level: config.loglevel
}
};
runApp(appConfig);
===================================================================
icejs 支持区分不同环境，开发者可根据环境区分工程配置以及运行时配置。常见场景：
-
多套构建环境，每个环境的工程配置不一样
-
应用运行时的一些配置项需要根据环境切换
通过命令行参数可以设置不同的环境，默认情况下支持 start/build 两个环境，对应的即 icejs start/build 两个命令，开发者可以通过 --mode 参数来扩展环境：
{
“scripts”: {
“start”: “icejs start --mode local”,
“build:daily”: “icejs build --mode daily”,
“build”: “icejs build --mode prod”
}
}
区分工程配置#
在定义好环境之后，即可在 build.json 中通过 modeConfig 来根据环境区分配置了：
{
“alias”: {},
“modeConfig”: {
“daily”: {
“define”: {},
“vendor”: false
},
“prod”: {
“define”: {},
“vendor”: true,
“plugins”: [“build-plugin-esbuild”]
}
}
}
同时在本地插件 build.plugin.js 也可以从 context 上获取到当前 mode：（没有用到这个插件）
module.exports = ({ context }) => {
const { command, commandArgs } = context;
最后前端到底应该怎么学才好？
如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。
不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的准备。学习编程并不是每天光看视频，你学习编程最重要的目的是为了编写软件产品，提供给大众使用，所以用手写出代码实现功能才是我们要做的事情。
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
HR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h6aXQ0OTQ4MDE4MzE=,size_16,color_FFFFFF,t_70#pic_center)
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-IQ3fNU4J-1713304979432)]
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
460
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
