前端面试题8

最新推荐文章于 2024-07-04 16:37:43 发布

Cheryl71

最新推荐文章于 2024-07-04 16:37:43 发布

阅读量129

点赞数

分类专栏：前端面试题文章标签：前端

本文链接：https://blog.csdn.net/Day71/article/details/119891886

版权

前端面试题专栏收录该内容

12 篇文章 2 订阅

订阅专栏

全局查找：

1、$('*[name="username"]')
// 在前面加个*表示查找所有带有 name="username" 的DOM；

2、$('*[name]')
// 代表全局查找带有name属性的DOM，其实可以更简单的用$('[name]')就可以了；
　　
3、eg：$('[data-id]');
　　$($('*[data-id]')[1]).html = $($('*[data-id]')[1]).attr('data-id')

webpack打包
js中的定时器有哪些？区别和用法是什么？
行内元素有哪些？块级元素有哪些？空元素有哪些

行内元素：a、b、span、img、input、strong、select、label、em、button、textarea
块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote
空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img

js有几种数据类型，其中基本数据类型有哪些
页面导入样式时，使用link和@import有什么区别

1）link属于XHTML标签，而@import是css提供的；
2）页面被加载时，link会同时被加载，而@import引用的css会等页面被加载完再加载；
3）@import只在IE5以上才能识别，而link是XHTML标签，无兼容问题；
4）link方式的样式的权重高于@import的权重。

什么是渐进增强

什么是渐进增强
先确保基本的内容能够在所有浏览器中使用，然后再根据浏览器的情况，为那些更加强大的浏览器提供更好的用户体验。
什么是优雅降级
和渐进增强恰好相反，先默认所有浏览器都支持某些高级技术，最后根据浏览器的情况，如果某些技术有些浏览器不支持，那么就不在这个浏览器中使用这个高级技术。

如何解决跨域问题
从浏览器地址栏输入url到显示页面的步骤（以http为例）
请你谈谈cookie的弊端
有一个池塘装了无尽的水，有一5L和一6L的杯子，如何得到3L水？

先用5升的壶装满水，再倒入6升的壶中；
再用5升的壶装满水，装满6升的壶后，5升的壶里还剩4升水。
然后把6升的壶里的水全部倒光，再把5升壶里的水倒入6升壶中。
再用5升的壶装满水，倒满6升壶，此时剩在5升壶里的就是三升水。

有一牧场，已知养牛27头，6天把草吃尽；养牛23头，9天把草吃尽，如果养牛21头，几天吃尽？并且牧场上的草是不断生长的。

设牛每天吃掉x，草每天长出y，原来有牧场的草量是a
a=(27x-y)*6=(23x-y)*9
y=15x,a=72x
a=(21x-y)*12,
所以需要12天

写一个200*200的div在不同分辨率屏幕上下左右居中，用css实现。

<head>
<style>
	body{
		margin: 0;
	}
	#div1{ 
		position: absolute;
    	left: 50%;	
    	top:50%;
		width:200px;
		height: 200px;
    	margin-left: -100px;
    	margin-top: -100px;
    	background-color: block;
	}
</style>
</head>
<body>
	<div id="div1"></div>
</body>

如何进行网站性能优化

1、减少http请求，合理设置 HTTP缓存
2、使用浏览器缓存
3、启用压缩
5、LazyLoad Images
7、异步请求Callback（就是将一些行为样式提取出来，慢慢的加载信息的内容）
8、减少cookie传输

element-ui修改组件
rem和em区别，rem原理
map和foreach区别
js concat是深拷贝还是浅拷贝？ …是深拷贝还是浅拷贝
箭头函数和function有什么差别
async/await 返回什么数据类型
vue生命周期有哪些常用的
v-if，v-show 差别
vue请求拦截器有用到吗
vue环境变量有配置过吗
.vue-router hash模式和history模式差别
vue加载图片使用动态绑定的话有什么问题，怎么解决
vue修改element-ui样式不生效的话，用什么方法来解决
之前做的项目有哪些功能介绍一下
有用过地图API吗，遇到了哪些问题，有在地图上绘制过轨迹吗
之前离职的原因是什么
Vue2 vue3响应式
为什么用vue2 不用vue3
zgraph, graphql
vue父子组件生命周期
template 和 render 函数
防抖截流应用场景和原理
ECMAScript和JavaScript 差别

ECMAScript是JavaScript的规范，JavaScript是ECMAScript的实现。javaScript的本地对象是可以实例化的。

Cheryl71

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端面试题8

mixincss动效deep 原理父子组件调用方法兄弟组件调用方法echarts 渐变色jq获取组件中的某个属性的元素全局查找：1、$('*[name="username"]')// 在前面加个*表示查找所有带有 name="username" 的DOM；2、$('*[name]')// 代表全局查找带有name属性的DOM，其实可以更简单的用$('[name]')就可以了；　　3、eg：$('[data-id]');　　$($('*[data-id]')[1]).htm.
复制链接

扫一扫