前端 面经/编码规范/教程/安装总结

最新推荐文章于 2025-02-06 17:51:40 发布
原创 最新推荐文章于 2025-02-06 17:51:40 发布 · 207 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #vue.js

本文档汇集了前端面试题、编码规范、ES6教程、Vue与TypeScript学习、环境设置技巧，以及解决常见问题的解决方案，助您提升前端技能和面试准备。

文章目录


实习之后发现了很多东西，所以最近就梳理了一些前端可能用到的教程等等，链接已经放在下面了，同样也是为了方便自己查阅

面经

  1. 震惊！前端300基础面试题+答案、分类学习整理（良心制作）持续更新
  2. 很全面的vue面试题总结
  3. 50个最新TypeScript面试题合集 – TypeScript开发教程
  4. new操作符实现过程

编码规范

  1. 15 Rules For Writing Clean JavaScript
  2. 前端容易忽略的 debugger 调试技巧

学习教程

  1. ES6 入门教程
  2. vue官方文档
  3. vue
  4. TypeScript
  5. 收藏！工作中Git使用实践和常用命令流程合集
  6. ElementUI组件
  7. iviewUI组件
  8. Flex实现常见布局的汇总
  9. 40+个精选的VSCode前端插件，总有一款适合你
  10. word中放置代码格式

安装/配置环境

  1. Windows安装VsCode 和Nodejs Vue
  2. nodejs镜像
  3. nodejs官网

遇到过的问题

  1. Vue+iview的表格插件在render函数中使用Tooltip文字提示时，文字超出字段长度后被遮挡显示不完全与Tooltip折行问题的解决
  2. iView中Form表单的验证（自定义验证、动态增减项验证）
  3. iview 日期时间选择器动态限制可选范围
  4. Promise.all()
  5. js 数字前面自动补零
  6. vue中在个别组件中给body添加类名
前端经典面经--助你金九银十面试无忧
开源世界
09-08 859
HTTP/HTML/浏览器 说一下http 和https 参考回答： https 的 SSL 加密是在传输层实现的。 http://github.crmeb.net/u/defu http 和https 的基本概念 http：超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务端请求和应答的标准(TCP)，用于从 www 服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。 https：是以安全为目标的 http 通道，简单讲是 http 的安全版，即 htt
金蝶云之家前端面经
小菜鸡程序媛的挣扎史
02-22 3137
1、路由钩子 2、浏览器强弱缓存 3、v-show 是display:none， v-if是删除了那行东西 4、简单请求和复杂请求 5、http2 6、vuex可以直接更改state吗 7、权限路由 8、vue生命周期 9、双向绑定原理 10、实现跨域 1、 通过jsonp跨域 通常为了减轻web服务器的负载，我们把js、css，img等静态资源分离到另一台独立域名的服务器上...
前端编码规范
kalinux的博客
10-27 290
1，使用两个空格代替tab键，子节点使用一次缩进 2，属性值使用双引号而不是单引号； 3，<html  lang="eg-zh">  添加lang 4，IE兼容模式，用确定的ie版本绘制页面，edge表示用最新的版本：<meta  http-equiv="x-ua-compatible" content="ie=edge"> 5，引入css和js不再使用type; ...
HTML/CSS/JS编码规范
weixin_34292924的博客
08-24 953
最近整理了一份HTML/CSS/JS编码规范，供大家参考。目录：一、HTML编码规范二、CSS编码规范三、JS编码规范一、HTML编码规范1. img标签要写alt属性根据W3C标准，img标签要写alt属性，如果没有就写一个空的。但是一般要写一个有内容的，根据图片想要表达的意思，因为alt是在图片无法加载时显示的文字。如下不太好的写法：<img src="company-logo.svg"...
前端面经 之html5相关面经收集与总结
听雨少年的博客
05-01 805
文章目录HTML面经1. src和href的区别2. 对HTML语义化的理解3. DOCTYPE(⽂档类型) 的作⽤4. script标签中defer和async的区别5. 常⽤的meta标签有哪些6. HTML5有哪些更新6.1 语义化标签6.2 媒体标签6.3 表单6.4 进度条、度量器6.5 DOM查询操作 ^6.6 Web存储7. img的srcset属性的作⽤？8. ⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？9. 说⼀下 web worker10. HTML5的离线储存怎么使
秋招前端面经总结-3-计算机网络相关
Olivia0319的博客
12-03 314
1. HTTP协议（HTTP1.1） HTTP：超文本传输协议，是建立在TCP之上的一种无状态协议。大致工作流程为： 客户端发送一个HTTP请求，通过TCP协议传送到服务器端 服务器端收到请求后，开始处理请求，做出相应的动作，返回HTTP响应 HTTP请求： 由请求行、请求头、空行、请求体组成。 请求行：请求方法 请求路径 http协议版本 请求头：cookie/Content-Length...
2024年前端最全前端代码开发规范总结，2024年最新京东前端面经
2401_84411767的博客
05-13 664
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】必须使用 camelCase 驼峰命名必须指定类型必须加上注释，表明其含义必须加上 required 或者 default，两者二选其一如果有业务需要，必须加上 validator 验证。
前端面经-关于简历
最新发布
qq_45723302的博客
02-06 1313
关键渲染路径是指浏览器将HTML、CSS、JavaScript转换为像素的过程。优化方法：减少关键资源数量：内联关键CSS、延迟非关键JS。缩短关键路径长度：减少文件大小、使用CDN加速。优化资源加载顺序：使用async或defer加载JS。Polyfill：用于实现浏览器不支持的功能。
web前端岗面经大全
桃花扇的博客
11-24 5288
文章目录html篇HTML语义化前端优化的解决方案HTML5新特性常见浏览器兼容问题meta标签CSS篇行内元素、行内块元素、块元素css选择器px、em、rem的区别BFC盒子塌陷（浮动）实现水平垂直居中盒模型前端常见布局flex：1CSS动画，动画性能旋转45度实现三角形、圆translate和translate3D的区别display：none；visibility：hidden；opacity：0的区别回流与重绘浏览器渲染过程伪类选择器（被选择元素的一种状态）伪元素选择器伪类和伪元素选择器获取元素在
android-java-前端-面经-工具集合
03-15
- **编码能力**：现场编程题目的解题策略，代码风格与规范。 5. **大厂面经**： - 大型互联网公司（如Google、Facebook、阿里巴巴、腾讯等）的面试经验分享，包括面试流程、常见问题及应对策略。 6. **数据类...
前端面经-操作系统与网络原理
qq_42874319的博客
12-21 632
前端面经-操作系统与网络原理 HTTP1.0 参考链接 早先1.0的HTTP版本，是一种无状态、无连接的应用层协议。 HTTP1.0规定浏览器和服务器保持短暂的连接，浏览器的每次请求都需要与服务器建立一个TCP连接，服务器处理完成后立即断开TCP连接（无连接），服务器不跟踪每个客户端也不记录过去的请求（无状态）。 这种无状态性可以借助cookie/session机制来做身份认证和状态记录。而下面两个问题就比较麻烦了。 首先，无连接的特性导致最大的性能缺陷就是无法复用连接。每次发送请求的时候，都需要进行一次T
web前端之五子棋网页版小游戏
FemaleHacker的博客
07-05 9234
五子棋小游戏 这个五子棋小游戏，没有写成人机模式。 但大家可以尝试下自己饰演两个角色的五子棋，嘻嘻嘻 效果图片 效果 代码 index.html <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>简易五子棋游戏</title> <link rel="stylesheet" href="css/main.css">
web前端之城市级联
FemaleHacker的博客
06-27 6244
城市级联 最近看了篇不错的博客，效果实现的也不错，但存在细小问题，所以就原作者博客代码基础上进行了细微修改。 说明 原博主代码实现了选择省份,自动对应出地市. 选择地市可自动对应出区县。 但存在的细小问题在于，自动对应出城市后，县区无法选择。 例如省：北京市，则市会自动对应市辖区，但此时区县无法进行选择。 主要是在每一个列表内添加了一行下段代码： {name:'请选择市',areaList:['请选择区']}, 原博主代码实现展示 效果图 未点击时： 点击“请选择省”： 选择完省份后： 选择完城市
web前端之表单验证（一）
FemaleHacker的博客
06-26 2479
表单验证 效果图 图片: 带尺寸的图片: 居中的图片: 居中并且带尺寸的图片: 当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。 如何插入一段漂亮的代码片 去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片. // An highlighted block var foo = 'bar'; 生成一个适合你的列表 项目 项目 项目 项目1 项目2 项目3 计划任务 完成任务 创建一个表格 一个简单的表格是这么创建的： 项目 Value
web前端之贪吃蛇网页版小游戏
FemaleHacker的博客
07-04 2473
贪吃蛇游戏 一直喜欢玩贪吃蛇，又想联系前端，感觉用js写网页版小游戏还蛮好的。 因此就去万能的b站找了个视频，就学着写了贪吃蛇的小游戏，自己玩起来感觉还算ok。 效果图片 效果 开始暂停 刷新随机产生食物位置 撞墙 代码实现 index.html <!Doctype html> <html lang="en"> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <head&g
域名 与 ip 地址
FemaleHacker的博客
07-20 2022
文章目录域名 与 ip 地址 关系windows 下修改 host 文件 域名 与 ip 地址 关系 域名和ip地址的关系是域名为了代替ip地址作为网址提供网站的访问入口。 域名形式易记忆，比ip地址有更多的选择 ip地址是数字型的，为了方便记忆才有的域名，通过域名地址就课题找到ip地址 一个ip地址可以有多个域名；而一个域名只能和一个ip地址建立关系 当服务器ip地址改变时，直接修改域名解析就行，这样就不用告诉访问用户新的ip地址。 windows 下修改 host 文件 先找到host文件 所在
web前端之幻灯片（一）
FemaleHacker的博客
06-27 1495
幻灯片 实现左右点击切换，左下角圆圈直接跳转到某张幻灯片。 效果图 代码实现动图展示 html代码 <body> <div class="show"> <div class="myShow"> <div class="number">1 / 4</div> <img src="../image/huan1.jpg" alt=""> <div class="text">introduction1&l
JS 实现图片上下张切换
FemaleHacker的博客
01-16 1477
文章目录JS 实现图片上下张切换body中相关设置css样式简单设置js主要部分效果图图片素材原图完整代码 JS 实现图片上下张切换 思路：利用js切换图片，即修改img标签中的src属性即可。 body中相关设置 文本提示块（提示当前图片为第几张，共几张图片） 图片块（放置图片） 两个按钮（切换上下张按钮） <body> <div id='outer'> <p id='info'></p> <img src="img/1.png" alt
基于JavaScript与音视频技术的前端面经项目解析
本项目“基于 JavaScript 和音视频技术框架的综合面经项目”是一个高度实用且结构完整的前端与音视频领域面试知识整合系统，其核心价值在于通过真实互联网大厂的面试经验汇总，为准备进入前端开发、尤其是涉及音视频...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值