结束
一次完整的面试流程就是这样啦,小编综合了腾讯的面试题做了一份前端面试题PDF文档,里面有面试题的详细解析,分享给小伙伴们,有没有需要的小伙伴们都去领取!
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
clear:left|right|both 清除浮动
overflow:hidden 溢出隐藏
index 首页
base 里面写清除默认样式的
text-indent:em 首行缩进 (LOGO名字)
以后logo 必须用H1引背景图片 里面写上字
position:relative|absolute|fixed 定位
relative 相对定位
absolute 绝对定位
fixed 固定定位
Left/top/right/bottom 定位的偏移量
z-index 改变标签z轴堆叠顺序
opacity 透明代码 1不透明(0.9 0.8.。。。。) 0透明
filter:alpha(opacity:0-100)
input{outline:none} 取消焦点
post 相对安全 get 不安全
input 表单 单标签
type=“text” 账号/文本
type=“password” 密码
type=“submit” 提交
type=“button” 只是一个点击按钮
type=“radio” 单选框 label双标签 选项内容
type=“checkbox” 复选框 label双标签 选项内容
value=“提示 如 请输入密码”
placeholder=“也是提示”
select
option 选项栏
textarea 下拉框
resize:none 禁止任意拖放
name=“user” 账号
name=“password” 密码
table{ border-collapse:collapse;} 让border合并
tr加
colspan=“3” 横向合并
rowspan=“3” 纵向合并
align 左右对齐方式 middle(左)left center right
valign 上下对齐方式 top center bottom
cellspacing=“0” 清除外面的边距
cellpadding=“0” 清楚里面的边距
frameborder=“0” 取消边框
screlling=“no” 取消滚动条
iframe src
letter-spacing:具体数值 字母间距
word-spacing:数值 单词间距
overflow:auto 溢出滚动
visibility:hidden 隐藏
charset 字符集
utf-8 国际编码
gb2312/gbk 中国编码
author 作者
copyright 版权
keywords 关键词
description 介绍
js
@media screen and (max-width:900px){}; 屏幕自适应
媒体 屏幕 最大
push :添加一个数组元素
document :文档
pop :删除最后一个数组元素
console :控制台
shift :删除第一个数组元素
string :字符串
Concat 组合数组
undefined :未定义
typeof :关键字
join:数组转化为指定分隔符
slice:返回指定数组
length:数组长度
Array:数组
number:数字
boolean:布尔
alert:提示框
parseInt:转化为整型数值
continue:继续
is NaN:非数字
sort:升序
break:截断 跳出
reverse:倒序
object:对象类型
parseFloat:转化为浮点值
index:索引
floor:向下取整
variable:变量
ceil:向上取整
round:四舍五入
abs:返回绝对值
eval:解析字符串并运算
max:比较最大值
return:返回
min:比较最小值
addEventListener:事件名 函数
to.fixed:保留小数点
attachEvant:(on)事件名
random:随机数
eletment:元素
eventName:事件名
function:函数
removeEventListener:事件解除
detachEvent:删除已注册事件
open():弹出一个新窗口
function:函数(方法)
showModalDialog:弹出一个模式窗口
close():关闭当前窗口
new Date():日期对象
getFullYear():年份
getMonth():月份(0–11)
getDate():几号
getDay():星期几(周一至周六)
getHours():小时(0–23)
getMinites():分钟
getSeconds():秒数(0–59)
getMilliseconds():毫秒数
getTime():从1970至今的毫秒数
Date.now():从1970至今的毫秒值
tolocaleDatestring():输出本地化的日期
setTimeout:延迟时间
tolocaleTimestring():输出本地化得时间
clearTimeout:定时器对象
tolocalestring:输出本地化的日期和时间
setInterval:间隔时间
clearInterval:停止
window.status:浏览器状态栏信息
window.screen:屏幕信息
screen.width:屏幕宽度
screen.height:屏幕高度
screen.availwidth:去掉任务栏宽度
screen.avaiheight:去掉任务栏高度
history:浏览历史记录
location:地址栏对象
navigator:用于获取用户浏览器信息
appCodeName:浏览器代码名的字符串表示
appName:返回浏览器的名称
appVersion:返回浏览器的平台和版本信息
platform:返回运行浏览器的操作系统平台
userAgent:返回由客户机发送服务器的
user-agent:头部的值
Exception:异常 意外情况(try—catch)
获取元素对象方式:
getElementByld:
getElementsByName:
gatElementsByTagName:
getElementByClassName:
onlick 当点击的时候
onmouseover 鼠标移入
onmouseout 鼠标移出
onblur:失去焦点事件
onkeydown:键盘按下事件(前)
onkeypress:键盘按下事件(后)
onload:当页面加载完成之后触发
onchange;内容改变事件
onkeydown;键盘按下事件(前)
onkeyup;键盘松开事件
onkeypress;键盘按下事件(后)
onmouseout:鼠标移出事件
onmouseover:鼠标移入事件
onselect:内容被选中事件
ondblclick:鼠标双击事件
onfocus:获得焦点事件
onkeyup:键盘松开事件
复选框操作 checked=" "
checked 默认选中
false 不选中
true 选中
typeof 查看数据类型
object 对象
number 数字
string 字符串
function 函数
boolean 布尔值 true false
undefined 未定义
parseInt 整数
parseFloat 浮点数/小数
Number 数字
hide 隐藏
show 显示
skin 皮肤
code 代码
even 事件
array 数组
integer 整数
veruant 变量
common 公用
switch
case 情况
break 中断整个循环
continue 跳出本次循环
default 不履行/所有情况都不满足的时候走这个
null 没有/空对象
computed 计算后/生效的
eval(JS可以读懂的代码:如‘1+1’->字符串) 这个代码会把()里面的字符串换成计算机读懂的代码来计算 + - * % 都行 (计算用的)
return 返回
write 输入
find 查找
interval 间隔
setInterval(函数名,1000/) 间隔定时器
clearInterval 清除间隔定时器
Timeout 超时
setTimeout 延迟定时器
clearTimeout 清除延迟定时器
obj.disabled 让按钮/变成不可使用
true 不可用
false 可用
date 时间
get 获取
set 设置
Fullyear 满年
month 月 (从0月开始)
day 日 获取需要 date
week 星期 获取需要day (从0到6)
hours 小时
minutes 分钟
seconds 秒
single 一个/一倍
dubble 两个/两倍
triple 三个/三倍
arguments 函数传参-实参的集合
arguments.length 函数传参-实参的长度
arr.push() 向数组最后添加一项
arr.unshift() 向数组前面添加一项
arr.pop()删除数组最后一位.
arr.shift() 删除数组第一位
arr.splice(开始的位置,删除的个数,添加的东西1。。。)
arr.join(‘’) 变字符串 是中间的隔开东西 如- ,空格 等等。。。
arr.concat(arr1,arr2,arr…要拼接的数组…); 数组拼接/合并数组
arr.reverse() 反转/颠倒数组
arr.sort() 数组排序 按照字符串比大小的方法来排序
arr.sort(function(a1,a2){ return a1-a2 //从小到大 return a2-a1 //从大到小 }) a1 a2随便起 代表的是数组中随机的某两项
str.charAt() 字符串里面的下标
str.indexOf(‘’) 下字符串对应的下标数(相同的就取第一个)
str.lastIndexOf(‘’)下字符串对应的下标数(相同的就取最后一个)
str.substring (开始位置,结束位置)/(开始位置-不写结束位置默认就从开始位置到最后) 截取子串
str.toUpperCase() 大写字母
str.toLowerCase() 小写字母
str.split(切割的方式 ‘-’ ‘’ '空格’等) 切割变成数组
str.charCodeAt(‘a’) 输入字符查找对应的编码
String.fromCharCode(编码) 输入编码查找对应的字符
json.name=value; 添加
delete json.name 删除
token 括号
try{} catch(e) 异常
parseInt(math.random()(m-n)+n) 求n-m之间随机的整数, 前包括后不包括
Math.random() 求随机数
Math.abs() 求绝对值
Math.max(,,,) 求最大值
Math.min(,,,) 求最小值
Math.pow(n,m) 求n的m次方
Math.sqrt(a) 开方
Math.PI π
Math.ceil(12.3) 向上取整 13
Math.floor(12.3) 向下取整 12
Math.round(a) 四舍五入
!important Css样式值后面加这个 权重最大
navigator.userAgent UA 例子判断浏览器的类型
navigator.language 语言
navigator.platform 操作系统
Sibling 兄弟
next 下一个
previous 上一个
获取元素/节点:
(父级) obj.children 找:儿子/子级 子节点
(子级) obj.parentNode 找:父亲/父级 父节点
(同级) obj.nextElementSibling || obj.nextSibling 下一个同级/节点 (同级) obj.previousElementSibling || obj.prenviousSibling 上一个同级/节点
(父级) obj.firstElementChild ||obj.firstChild 首节点
(父级) obj.lastElementChild || obj.lastChild 尾节点
创建元素:
document.createElement_x(‘标签名’) 创建元素
添加插入
(父级) obj.appendChild(谁) 往元素里面最后添加一个
带剪切效果
(父级) obj.insertBefore(把谁,加在谁的前面) 往元素里面添加一个
带剪切效果
删除元素:
(父级) obj.removeChild(子级) 删除子级
window.open() 打开
window.close() 关闭
a标签:target=“”
不填 默认新页面打开
_blank 新页面打开
_self 本页面打开
window.location 地址栏信息
window.location.href 链接信息
window.location.search 数据信息
window.location.hash 锚点信息
*了解就行 面试背住
window.location.procotol 协议信息
window.location.hostname 域名信息
window.location.port 端口号信息
window.location.pathname 路径信息
back 返回
forward 向前
history 历史
window.history.back 返回历史记录 退
window.history.forward 返回历史记录 前
alert() 弹
confirm 询问提示框
prompt 问答提示框
console.log() 在F12中显示;
document.write(*) 在页面中输入
scroll 滚动 有兼容问题
client 客户端/可视区
offsetHeight/Width 物体盒子模型的宽高
offsetTop/Bottom/方向 物体距上/下/左/右的距离
offsetparent 定位父级
window.onScroll 当滚动的时候 滚动事件
window.onresize 当缩放的时候 缩放事件
onfocus 当获取焦点的时候
onblur 当失去焦点的时候
obj.getAttribute(‘属性名’) 获取属性名对应的属性值
obj.setAttribute(‘属性名’,‘属性值’) 设置属性
obj.removeAttribute(‘属性名’) 删除属性
event 事件
onmousemove 鼠标移动事件
onload 当图片加载完成时
onerror 当图片加载失败时
cancelBubble 取消冒泡
onkeydown 当按键按下的时候
onkeyup 当按键抬起的时候
oEvent.keycode 键盘编码
oncontextmenu 当按右键的时候
return false 阻止浏览器右键菜单
cache 缓存
onmousedown 鼠标按下时
onmouseup 鼠标抬起时
onmousemove 鼠标移动事件
obj.setCapture() 开始捕获
obj.releaseCapture() 取消捕获
obj.cloneNode() 克隆复制一个节点
document/obj.addEventListener(‘不加on的事件名’,函数名,false) 添加事件绑定 兼容高级
document/obj.attachEvent(‘加on的事件名’,函数名) 添加事件绑定 兼容IE系列
document/obj.removeEventListener(‘不加on的事件名’,函数名,false) 解除事件绑定
document/obj.detachEvent(‘加on的事件名’,函数名) 解除事件绑定
onmouseenter 鼠标移入
onmouseleave 鼠标移出
onmousewheel 鼠标滚轮事件
DOMMouseScroll 鼠标滚动事件
oEvent.wheelDelta 非火狐 测试鼠标滚轮向上向下弹得数字
oEvent.detail 火狐 测试鼠标滚轮向上向下弹得数字
return false 阻止浏览器默认事件 但是在事件绑定中失效
oEvent.preventDefoult 在事件绑定中用 阻止浏览器默认事件(如果单独用只兼容高级浏览器)
oninput 当输入的时候 iE9- 没有此方法
onpropertychange 当属性改变的时候 IE系列
oEvent.srcElement 事件源 非火狐
oEvent.target 事件源 高级浏览器
duration 期间
start 开始
count 次数
complete 完成
var bFlag=false/ture 开关 自定义
easing 速度类型:
linear 匀速
ease-in 加速
ease-out 减速
window.onload 页面加载完毕后执行(代码、资源)
DOMReady 页面加载完毕后执行(代码)
DOMContentLoaded DOM加载事件
obj.onreadystatechange 监控事件(模拟DOM加载事件)
readyState 加载状态
document/obj.readyState 加载状态
ondbclick 鼠标双击
queryselector 新的获取元素方法
window.location.reload 重新加载
cookie
expires 期限
session 一个会话(浏览器打开和关闭)
path 路径
define 定义
require 引用其他模块
exports 导出模块
module 批量导出模块,
data-main 主要数据/初始化接口
success 成功
error 失败
Request 请求
ActiveX 浏览器插件
XMLHttpRequest() ajax 创建/ 不兼容ie6-
ActiveXObject(‘Microsoft.XMLHTTP’) 创建/(插件) ie系列
oAjax.open()打开
oAjax.setRequestHeader(‘content-type’, ‘application/x-www-form-urlencoded’);
oAjax.send() 发送
onreadystatechange 接收/当通信状态变化
oAjax.abort() 使中止
oAjax.readyState 是否完成/加载状态
oAjax.status 是否成功
response 回答/响应
oAjax.responseText 返回结果
JSON.parse() 可以把字符串json变成json 不过json要正规些 双引号
JSON.stringify() json打印出来的方法
encode 编码
decode 解码
Component 组件/元件
encodeURIComponent(‘中文’) 中文转化成编码
decodeURIComponent(‘编码’) 编码转化成中文
最后更多分享:前端字节跳动真题解析
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
义
require 引用其他模块
exports 导出模块
module 批量导出模块,
data-main 主要数据/初始化接口
success 成功
error 失败
Request 请求
ActiveX 浏览器插件
XMLHttpRequest() ajax 创建/ 不兼容ie6-
ActiveXObject(‘Microsoft.XMLHTTP’) 创建/(插件) ie系列
oAjax.open()打开
oAjax.setRequestHeader(‘content-type’, ‘application/x-www-form-urlencoded’);
oAjax.send() 发送
onreadystatechange 接收/当通信状态变化
oAjax.abort() 使中止
oAjax.readyState 是否完成/加载状态
oAjax.status 是否成功
response 回答/响应
oAjax.responseText 返回结果
JSON.parse() 可以把字符串json变成json 不过json要正规些 双引号
JSON.stringify() json打印出来的方法
encode 编码
decode 解码
Component 组件/元件
encodeURIComponent(‘中文’) 中文转化成编码
decodeURIComponent(‘编码’) 编码转化成中文
最后更多分享:前端字节跳动真题解析
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
- [外链图片转存中…(img-TPMCYUip-1715203334115)]