本文详细介绍了Web前端开发的重要性和涉及的技能，包括用户交互、性能优化（如SEO）、HTML5新特性以及语义化标签的使用。同时，讨论了常见的HTML元素类型、图片格式选择以及W3C标准的重要性。还提供了JavaScript实现随机数排序和数组去重的方法，以及字符串前后的空格处理。
一、如何理解web前端开发（Web前端开发的价值）
从几个方面回答一下，用户的功能要会写，基本的界面布局能力要有，会优化性能（SEO搜索引擎优化等），做交互，给用户良好的体验等
二、!DOCTYPE HTML是什么？写出几种DOCTYPE文档类型
首先这是HTML的编写规范，文档类型。具体分三种，HTML5、XHTML、HTML4.
HTML5
目前最常用的模式 <!DOCTYPE HTML>
XHTML
是一种严格模式，必须按照XML格式来写
HTML4好像挺复杂，但我只是一只还没有大学毕业即将第一次找工作的小白，暂时先不理解好了
三、常见的行内元素有哪些？块级元素有哪些？空元素有哪些？
块级和行内也是可以通过display改变的，空元素就是单标签
行内元素（大小随内容定）：a、span、img、input、select、label、button、textarea等
块级元素（独占一行）：div、ul、li、dl、ol、p等
空元素：br、hr、link、input、img等
四、简单描述一下你对HTML5的认识（H5有哪些新特性）
HTML5是一种新的规范。
新特性：API、本地存储、定位、websokcet:双工通信、新标签、画布、多媒体等
五、简述一下你对HTML语义化的理解，列举出HTML5中常用的语义化标签
语义化标签说白了就是见名知义，看见这个标签就差不多知道是干嘛的。也用于SEO（搜索引擎优化）
*此外，如果浏览器不兼容HTML5，需要在页面的开头添加html5shiv.js
六、简述一下src与href的区别
功能
href：主要强调的是关联关系，多用于link和a
src：主要强调的是资源，多用于script和img
执行
href：不会阻塞页面加载
src：会阻塞页面加载
七、列举一下网页制作会用到的图片格式
说归说，五花八门很多种，但是要说出每种格式的特点
.gif 支持动画，支持透明，但是色彩比较少，只支持256种颜色
.svg 矢量图 不会失真
.png .jpg .webp等都是位图，颜色有256*256*256种
八、什么是W3C标准，谈谈对W3C的理解
结构：HTML
表现：CSS
行为：JS
W3C：万维网联盟
简单来说就是各司其职，HTML放在HTML文件夹里，CSS放在CSS文件夹里，JS放在JS文件夹里，并做出一些规范，例如HTML的标签要闭合，尽量小写。
*标签规范利于SEO的抓取，增加曝光率
九、编写JS方法，实现随机生成1-1000之间的10个整数并排序
我一直都不太会背随机数的范围公式…可恶 排序的时候我还用的冒泡，结果老师直接用sort（）…
var arr = [];
for(var i=0; i<10; i++){
arr[i] = parseInt(Math.random()*1000)+1; //parseInt(Math.random()*(max-min+1))+min;
}
arr.sort((a,b)=>{
return a-b; //升序
})
[100,56,12,9].sort(a,b)=>{
return b-a; //降序
};
十、编写方法，实现消除一个数组里面重复的元素
我emo了，我当时写的就是个很简单粗暴的纯js，双数组的那种……
//方法一
functions remove(arr){
return ...; //正常写
}
//方法二（ES5）
Array.prototype.remove = function(){
this...... //正常写
}
//方法三（ES6）
new Set([]);
十一、编写方法，实现去除字符串的前后空格
trim()
如果trim不兼容，就要用polyfill，用正则的方式解决
function myTrim(x) { return x.replace(/^\s+|\s+$/gm,''); } function myFunction() { var str = myTrim(" Runoob "); alert(str); }
if(!String.prototype.trim){
String.prototype.trim = function(){
return ....this.replace(/^\s+|\s+$/gm,'')
}
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
