JavaScript前端面试题基于vue，看这里-程序员宅基地
技术标签： 2024年程序员学习 前端 vue.js javascript
}
for(leti=0;i<5;i++){
cos(i);
}
for(var i=0;i<5;i++){
cos(i);
}
function cos(i){
setTimeout(function(){
console.log(i);
})
}
结果：0,1,2,3,4和5,5,5,5,5和0,1,2，3,4和0,1,2，3,4
知识点：
let 和var的区别
let定义块级作用域变量
var 定义函数或对象内的全局变量，以及函数里定义的变量满足闭包，即在外部访问不到
函数里定义的变量存在于栈中运行完成即变量销毁
- 以下程序输出结果
let a={c:1};
let b=a;
a.x=a={c:2}
console.log(a.x);
console.log(b.x);
结果undefined和{c:2}
知识点：
两个等号相当于a.x={c:2};a={c:2},补充var a=b=1，相当于var a=1;b=1
第一段代码改变了b对象的引用；第二段代码改变了a的地址但b并没有变化。
- 对字符串get-element-by-id传成驼峰命名
//普通方法，利用数组循环
function changeStr(str){
var arr=str.split(“-”);
for(var i=1;i<arr.length;i++){
arr[i]=arr[i].charAt(0).toUpperCase() + arr[i].substr(1,arr[i].length);
}
return arr.join(“”);
}
changeStr(“get-element-by-id”)
//利用正则表达式函数replace的传函数的用法
function changeStrO(str){
return str.replace(/-(\w)/g,function ($0,$1){
return $1.toUpperCase();
});
}
changeStrO(“get-element-by-id”)
- 异步题目
var promise=new Promise(
function(resolve,reject){
console.log(1);
resolve();
console.log(2)
});
promise.then((data)=>{console.log(3)})
console.log(4)
结果为：1,2,4,3
- 变量提升题
test()
var b=20;
function test(){
console.log(b)
if(!b){
var b=10;
}
console.log(b)
}
结果：undefined 10
- 匿名函数题
var test=(function(i){
this.x=i
return function(y){
return this.x+y
}
}(1,2))
test(3)
结果为：4
-
vue中filter实现自定义命令，过滤数组保留2,3或4位小数
-
动画题，实现一个div元素，1秒扩大1倍，下1秒还原，如此循环执行3次。
div
{
width:100px;
height:100px;
background:red;
animation:myfirst 3s;
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
最后
前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档
CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
V获取：vip1024c （备注前端）**
[外链图片转存中…(img-WzdTfhFV-1711950672354)]
最后
前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档
CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
[外链图片转存中…(img-bpUUXIrx-1711950672354)]
[外链图片转存中…(img-5ZmapKab-1711950672355)]
智能推荐
typescript的基本结构_Vue3.0 前的 TypeScript 最佳入门实践-程序员宅基地
文章浏览阅读111次。Vue3.0 前的 TypeScript 最佳入门实践前言其实Vue官方从2.6.X版本开始就部分使用Ts重写了。我个人对更严格类型限制没有积极的看法，毕竟各类转类型的骚写法写习惯了。然鹅最近的一个项目中，是TypeScript+ Vue，毛计喇，学之...…真香！注意此篇标题的“前”，本文旨在讲Ts混入框架的使用，不讲Class API1. 使用官方脚手架构建npm install -g @vu..._vue3.0 typescript目录结构
Science Advances: 中科院微生物所叶健团队揭示双生病毒调控植物免疫平衡制约机制...-程序员宅基地
文章浏览阅读601次。病毒，作为非细胞的生物形式，只能在活细胞内增殖，专性活细胞内寄生。我们居住的星球病毒数量惊人，大约有1031个，其基因头尾相连可长达2.5亿光年。现代微生物学的奠基人路易斯巴斯德用病毒（..._editor daniel j kliebenstein
Java导出Word文档(可设置字体)_java list数据生成word自定义字体大小和字体颜色-程序员宅基地
文章浏览阅读7.5k次。原作者：兰博基尼http://hujinfan.iteye.com/blog/847029导出内容导Word文档中，可设置字体，亲测可用。importjava.io.FileOutputStream;import java.io.IOException;import java.util.List;importcom.lowagie.text.Document;impo_java list数据生成word自定义字体大小和字体颜色
X1 grok-1 开源大语言模型下载_grok-1下载-程序员宅基地
文章浏览阅读795次，点赞11次，收藏4次。我们正在发布我们的大型语言模型 Grok-1 的基本模型权重和网络架构。Grok-1 是一个 3140 亿参数的专家混合模型，由 xAI 从头开始训练。_grok-1下载
OpenStack对象存储监控(OpenStack Object Storage Monitoring)_对象存储 监控-程序员宅基地
文章浏览阅读1.9k次。翻译自OpenStack1.8.0官方文档第六章：http://docs.openstack.org/trunk/openstack-object-storage/admin/content/ch_introduction-to-openstack-object-storage-monitoring.html_对象存储 监控
cs架构接口协议（常用socket协议）与bs架构接口协议（常用http协议）_cs架构传输协议-程序员宅基地
文章浏览阅读6.8k次。Socket原理以及与websocket、http的区别：B/S的系统通常使用http协议进行客户端和服务器商的信息交换，C/S的系统通常使用socket协议进行信息交换参考：https://blog.csdn.net/qq_39813400/article/details/106721810Socket原理：服务端有一个进程（或者多个进程）在指定端口等待客户来连接，服务程序等待客户的连接信息，一旦连接上之后，就可以按设计的数据交换方法和格式进行数据传输。客户端在需要的时刻发出向服务器端的连接请求。_cs架构传输协议
随便推点
VIM 打开文件乱码解决办法_illegal input sequence at position 13481-程序员宅基地
文章浏览阅读9.1k次。1. vim 打开一个文件查看这个文件的编码方式vim txt...............:set fileencoding #--->fileencoding=lation1(应该是gbk的一种)2.打开一个文件后修改这个文件的编码vim txt.....................:set fileencoding=utf-8 #-->修改问的编码然_illegal input sequence at position 13481
iOS_Error(二)_the specified device has disconnected-程序员宅基地
文章浏览阅读1.2k次。之前的博客添加不了了, 只能重新写一个了(null): warning: (arm64) /Users/scmbuild/workspace/standard-pay/IOS/cp_record_client_release_729146/2134/mspc_iphone_msdk/AlipaySDK4Standard/AlipaySDK/Library/UTDID.framework/UTD..._the specified device has disconnected
ＲＢＦ论ＡＤＳＥ(千万别学英语)之合理性-程序员宅基地
文章浏览阅读292次。转自别人发给我的邮件，已经不知道原作者或发表处，如有人知道，请留言或发邮件告之。ＲＢＦ论ＡＤＳＥ(千万别学英语)之合理性今天是三月的最后一天，我终于有时间有条件来写这篇文章了，真是久违了！有的时候，作文在我也着实成为了一种人生乐趣，此实不可为外人道也！好了，闲话少说，接下来就开始正题吧！^^不过正文之前我先说说我现在的状态，已经狂听了一个来月，耳朵真地起了变化，现在听英文跟以前完全..._dysse--do you still study english
Python if else条件语句详解-程序员宅基地
文章浏览阅读970次，点赞37次，收藏17次。在上面代码中，因为 if 后的条件执行体的最后一条语句没有缩进，所以系统只把 c-= 1 一行代码作为条件执行体，当 c-=1 语句执行结束后，if 语句也就执行结束了。在上面的条件语句中，if expression：、elif expression：及 else：后缩进的多行代码被称为代码块，一个代码块通常被当成一个整体来执行（除非在运行过程中遇到return、break、continue等关键字），因此这个代码块也被称为条件执行体。Python 的 if 分支既可作为语句使用，也可作为表达式使用。
21天leetcode打卡_leetcode打卡成功的页面-程序员宅基地
文章浏览阅读189次。第一天开始 因为自己比较菜 就先选择从最简单的开始第一题做的是左旋转字符串用的是定义了两个字符串，然后分开赋值最后作加法运算，但是一开始初始化时，string s=NULL报错了，所以这里不能赋为空，初始化就默认为空，最后运行用了320ms，打败了7%的人，非常不太行的一个算法..._leetcode打卡成功的页面
Android获取Manifest中meta-data元素的值_kotlin 获取清单文件里的meta-data-程序员宅基地
文章浏览阅读1.8w次，点赞6次，收藏11次。转载：http://blog.csdn.net/zhanghao_hulk/article/details/8662917在AndroidManifest.xml中，< meta-data>元素可以作为子元素，被包含在< activity>、< application> 、< service>和< receiver>元素中，不同的父元素，在应用时读取的方法也不同。1 ：在Activity应用< me_kotlin 获取清单文件里的meta-data