先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7
深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新Web前端全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
如果你需要这些资料,可以添加V获取:vip1024c (备注前端)
正文
npm install / cnpm install / yarn install
npm start / yarn start
- express项目目录组成,以及每部分的含义?
bin 项目启动文件(端口号可以在本文件中修改)
node_modules 项目依赖目录
routes 路由
views 视图文件 (ejs文件)
public 静态资源文件 (img、js、css、font)
app.js 核心主文件 (定义服务器)
package.json 项目信息说明
- get与post区别?
-
get: 参数追加在url后面、明文可见、不安全、长度有限制(IE 2k) 、请求速度快、一般用于查询。
-
post:参数放在请求头的body,大小没有限制。安全性高。请求速度不get慢。一般用户:提交、添加。
- 终端操作mongodb数据库,查看数据库?
show dbs
- 终端操作mongodb数据库,查看集合?
show collections
- 终端操作mongodb数据库,查看当前数据库下的one集合下所有文档?
db.one.find()
- 终端操作mongodb数据库,创建并切换至数据库blog?
use blog
- 终端操作mongodb数据库,当前数据库下创建one集合?
db.createCollection(‘one’)
- 终端操作mongodb数据库,one集合中插入文档{name:‘tom’}?
db.one.insert({name:‘tom’})
- 终端操作mongodb数据库,查询one集合下,所有age大于20的文档?
db.one.find({age:{$gt:20}})
- 终端操作mongodb数据库,修改one集合下,name为‘tom’的所有文档,age修改为18?
db.one.update({name:‘tom’},{$set:{age:18}},{multi:true})
备注:必须有$set , 必须有multi
- 终端操作mongodb数据库,删除one集合下name值为‘tom’所有文档?
db.one.remove({name:‘tom’})
- 在express项目中,mongoose如何连接本地27017下的blog数据库?
mongoose.connet(‘mongodb://localhost:27017/blog’,function(){ })
- mongoose插件如何查询数据库,已知集合模型为Txt?
Txt.find()
- mongoose插件如何写入数据库,已知集合模型为Txt?
Txt.create()
- mongoose 插件如何删除_id值为12345的文档,已知集合模型为Txt?
Txt.remove({_id:12345})
- res重定向到’/’?
res.redirect(’/’)
- res如何返回json?
res.json(()
- 原生ajax的使用步骤?
-
步骤一:创建xhr对象
-
步骤二:调用open
-
步骤三:调用send
-
步骤四:监听异步回调
详细答案:https://blog.csdn.net/weixin_43638968/article/details/106048461
-
检测系统中node版本号的指令是?node -v
-
如何退出node执行环境(REPL环境)?ctrl+c
-
为什么需要后台技术? 自动发布网站,无需重复排版。 实现登陆注册,信息的保存等。 用户管理,产品管理等都需要健壮的后台技术
req,res分别代表什么? req:全称request请求对象 res:全称 response响应对象
-
全局安装express-generater指令是? cnpm install express-generator -g 前面用npm cnpm 都对
-
express创建项目test指令? express test
-
浏览器里如何检测打开了mongodb仓库? 地址栏输入:http://127.0.0.1:27017/ 看到英文提示就对了。
-
整个url地址包括什么? 答:协议、端口、域名、参数就对了,下面是辅助理解。 假设这是一个url地址http://localhost:8080/a/b/c?a=1&b=2#abc,里面包含的部分: protocol: ‘http:’,//协议 host: ‘localhost:8080’, port: ‘8080’,//端口 hostname: ‘localhost’,域名
-
跨域的解释:跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器施加的安全限制。
-
什么是同源策略?所谓同源是指,域名,协议,端口均相同,
-
什么是模板引擎?
将html和数据分类开。这样渲染页面就不需要通过字符串拼接的方法,而是直接用ejs模板引擎,将服务器端传过来的数据在页面直接显示出来,不会那样的麻烦了
-
说出增删改查的常用单词? create find delete update
-
前端get方式如何向后台传递参数?在地址栏后面挂载参数,多个参数以&分隔,例如 abc?a=1&b=2;
-
前端post方式如何向后台传递参数?不是挂载在地址栏后面,而是放在请求体(主体包)body里。
-
后台get方式如何接收参数? express框架是req.query。
框架相关
原生JS虽能实现绝大部分功能,但要么就是过于繁琐,要么就是存在缺陷,故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架,两者工作原理上存在共通点,也存在一些不同点,对于校招来说,不需要两个框架都学得特别熟,一般面试官会针对你简历中写的框架进行提问。
在框架方面,生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的,在学习的过程可以结合框架的官方文档
Vue框架
知识要点:
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式
React框架
知识要点:
1. 基本知识
2. React 组件
3. React Redux
4. React 路由
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
React 路由**
[外链图片转存中…(img-F7aAipTu-1713708069912)]
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-dd1vM2Vw-1713708069912)]
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!