文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

求职 | 史上最全的web前端面试题汇总及答案2

链接标记target与Dom，Bom 10、你对浏览器兼容怎么看？通常你都做哪些处理？ 浏览器的兼容性 11、get和post的区别？...在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 注意点： HTML5 只需要写的i标记与g标记各有何用途？ i：不区分大小写； g：全局匹配。 13、为String添加trim()方法。...因为它涉及浏览器兼容、跨域等问题，在项目中一般会使用一些基础类库辅助实现，如jQuery等。 一个简单的Ajax操作如下。 5、谈谈你对JSON的理解。...②如果使用原生javascript开发的话，会面临很多问题，如浏览器兼容、Ajax数据解析、Dom、事件注册操作等都非常烦锁，而jQuery正好解决了这些问题。

8.4K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    JQuery基础

    jQuery兼容所有主流浏览器，包括IE6（不失为解决兼容性的一种方法）。 注意： jQuery 2以上版本不支持IE6,7,8浏览器； 标记法：如：margin-left改为marginLeft；属性值加引号按照css写法。 例如： <!...例如:$('p').remove('.test1'); empty()：从被选元素中删除子元素（被选元素没有被删除，相当于留了一个外壳） 4.获取/设置css类: addClass()：向被选元素中添加一个或多个类...（有参数设置值；无参数获取值）；css有参数：css("propertyname":"value")，建议属性名和属性值都加上引号；如果属性名不加引号，要使用驼峰标记法：如margin-left变为marginLeft...$(selector).load(url,data,callback); 　　url：必须，希望加载的URL；ps：可以将url选择器添加到url中； 　　data：可选参数，与请求一起发送的字符串键值对集合

    6.8K51

    浏览器兼容

    让哪些浏览器支持哪些效果 3、如何做 （1）根据兼容需求选择技术框架/库(jquery) （2）根据兼容需求选择兼容工具(html5shiv.js、respond.js、css reset、normalize.css...（如IE6和IE7），对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。...我们需要针对不同的浏览器去写不同的CSS，让它能在不同的浏览器中也能得到我们想要的页面效果。实际项目中CSS Hack大部分是针对IE浏览器不同版本之间的表现差异而引入的。...就像给不同ie浏览器添加class属性，通过.class来选中某个浏览器，对应的给它添加一些功能。就不用通过浏览器的bug来选择ie浏览器了。 ?...运行的时候它会在html元素上添加一批CSS的class名称，这些class名称标记当前浏览器支持哪些特性和不支持哪些特性 详情见文档：Modernizr介绍文章 ?

    2.5K52

    看不完的那种！前端170面试题+答案学习整理（良心制作）

    css3动画的优点：在性能上会稍微好一些，浏览器会对css3的动画做一些优化，代码相对简单；css3动画的缺点：在动画控制上不够灵活，兼容性不好，部分动画功能无法实现。...api，可能会造成Bootstrap与地图冲突，地图显示不出来，如何解决 主要是在使用Bootstrap的变体zui.css的时候出现的，首先，打开浏览器的开发者工具，查看控制台有无错误，如没有，查看网络中的资源...在jquery中stopPropagation()方法用于停止冒泡，兼容所有浏览器 34.jquery中的hover和toggle区别 hover()和toggle()都是jquery中的两个合成事件。...，也会移除元素内部的一切，包括绑定的事件以及与该元素相关的jquery数据 detach()虽然可以将元素自身移除，但是它不会删除数据和绑定事件 57.如何利用jquery，来向一个元素添加或移除css...63.如何用jquery将一个html元素添加到dom树中 appendTo()方法，将一个html元素添加到dom树中，使用它可以在指定的dom元素末尾添加一个现存的元素或者一个新的html元素。

    13.1K50

    求职 | 史上最全的web前端面试题汇总及答案

    介绍一下 CSS就是层叠式样式表（Cascading Style Sheets）的简称,CSS中层叠的意思就是在HTML文档树结构中的子标记能够继承所有父标记定义的样式，还可以多次定义自己的样式，全部样式按照从外到内...针对不同的浏览器写不同的CSS,就是 CSS Hack。 详情请看以下链接 CSS hack大全&详解（什么是CSS hack） 你知道哪些CSS浏览器兼容性问题。...list-item 像块类型元素一样显示，并添加样式列表标记。...服务器端响应http请求，浏览器得到html代码 e. 浏览器解析html代码，并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户 Jquery与jQuery UI 有啥区别？...jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+,Opera 9.0+等。

    2.1K10

    前端学习资料整理

    解释一下你对盒模型的理解，以及如何在 CSS 中告诉浏览器使用不同的盒模型来渲染你的布局。 从前端角度出发谈谈做好seo需要考虑什么?...标准模式与兼容模式各有什么区别? （1）、声明位于位于HTML文档中的第一行，处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。...在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 HTML5 为什么只需要写 ？...因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。...如：border-shadow 渐进增强：从被所有浏览器支持的基本功能开始，逐步地添加那些只有新版本浏览器才支持的功能,向页面增加不影响基础浏览器的额外样式和功能的。

    4.2K20

    JavaScript是什么意思？

    简单来说，Web开发人员需要三种主要语言，它们是： ●　HTML：允许您向网页添加内容 ●　CSS：用于指定网页的布局，样式和对齐方式。 ●　JavaScript：改进网页的行为方式。...Javascript（浏览器中）可以做什么？ 与10年前推出的版本相比，现代JavaScript非常强大。我可以称之为“安全”编程语言，因为它最初是为不需要它的浏览器创建的。...其中一些是： ●　向页面添加新的HTML内容 ●　更改现有HTML内容和样式 ●　对用户操作做出反应，如鼠标点击，指针移动等。 ●　可以获取和设置cookie ●　记住客户端的数据。...如何在网页中加载JavaScript？ 在网页中加载JavaScript的最常用方法是使用脚本 HTML标记。根据您的要求，您可以使用以下方法之一。...来自与网页不同的域，则可以指定完整的URL，如下所示： jquery.com/jquery-3.2.1

    15.4K10

    前端开发面试题

    标准模式与兼容模式各有什么区别? （1）、声明位于HTML文档中的第一行，处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。...因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。...后处理器例如：PostCSS，通常被视为在完成的样式表中根据CSS规范处理CSS，让其更有效；目前最常做的 是给CSS属性添加浏览器私有前缀，实现跨浏览器兼容性的问题。...jquery.extend 为jquery类添加类方法，可以理解为添加静态方法 jquery.fn.extend: 源码中jquery.fn = jquery.prototype，所以对jquery.fn...如：border-shadow 渐进增强：从被所有浏览器支持的基本功能开始，逐步地添加那些只有新版本浏览器才支持的功能,向页面增加不影响基础浏览器的额外样式和功能的。

    5.7K52

    33.Vue-使用第三方animate.css类库实现动画

    JavaScript 动画库，如 Velocity.js 上一篇说明了使用过渡类名来实现动画效果，但是每个动画都要自己去写的话，其实是一个挺麻烦的事情，本篇章来说明使用第三方css动画库Animate.css...> 使用示例 2 你也可以通过 JavaScript 或 jQuery 给元素添加这些 class，比如： $(function(){ $('#dowebok').addClass...: 1s; //动画延迟时间 animate-iteration-count: 2; //动画执行次数 } 注意添加浏览器前缀。...-ms- 兼容IE浏览器 -moz- 兼容firefox -o- 兼容opera -webkit- 兼容chrome 和 safari 完整示例代码如下： 的动画效果，可以根据在线演示来查看，如下： https://daneden.github.io/animate.css/ ? 下面来看看如何在Vue框架中应用。

    7.4K30

    29.Vue-使用第三方animate.css类库实现动画

    JavaScript 动画库，如 Velocity.js 上一篇说明了使用「过渡类名」来实现动画效果，但是每个动画都要自己去写的话，其实是一个挺麻烦的事情，本篇章来说明使用第三方css动画库「Animate.css...> 使用示例 2 你也可以通过 JavaScript 或 jQuery 给元素添加这些 class，比如： $(function(){ $('#dowebok').addClass...: 1s; //动画延迟时间 animate-iteration-count: 2; //动画执行次数 } 注意添加浏览器前缀。...-ms- 兼容IE浏览器 -moz- 兼容firefox -o- 兼容opera -webkit- 兼容chrome 和 safari 完整示例代码如下： 浏览器显示如下： 更多的动画效果，可以根据在线演示来查看，如下： https://daneden.github.io/animate.css/ 下面来看看如何在Vue框架中应用。

    4.8K20

    快速完成网页设计,10个顶尖响应式HTML5网页模板助你一臂之力

    为什么HTML5, Bootstrap和CSS3的网页模板资源如此受欢迎？ 1. 作为一种全新的语言，HTML5支持所有浏览器兼容的浏览器，是创建优秀网站的最新标记语言。...此外，Bootstrap具有一些创新功能，如移动友好型，SAAS，干净轻便的代码，跨浏览器兼容性等等，使得大多数设计人员使用此框架可以用较少的时间和精力创建响应式网站。...兼容所有设备，显示在所有屏幕尺寸上。它完全建立在Bootstrap框架中，HTML5，CSS3和JQuery.你可以轻松的将这个模板与任何其他类型的生意相结合。 4. ...TravelAir - 旅游观光HTML网站模板 开发技术：HTML 5, CSS 3, JS, jQuery 网站特色： l Bootstrap 4 l HTML5和CSS3 l 粘滞标题 l 跨浏览器兼容性...有效标记 l 平滑过渡效果 l 跨浏览器支持 l 100％响应式布局 l 100％的搜索引擎友好 Garage是由webdomus开发团队开发的完全特殊的创意模板，特别适用于古董或经典汽车展示。

    14.2K120

    快速完成网页设计,10个顶尖响应式HTML5网页模板助你一臂之力

    为什么HTML5, Bootstrap和CSS3的网页模板资源如此受欢迎？ 1. 作为一种全新的语言，HTML5支持所有浏览器兼容的浏览器，是创建优秀网站的最新标记语言。...此外，Bootstrap具有一些创新功能，如移动友好型，SAAS，干净轻便的代码，跨浏览器兼容性等等，使得大多数设计人员使用此框架可以用较少的时间和精力创建响应式网站。...兼容所有设备，显示在所有屏幕尺寸上。它完全建立在Bootstrap框架中，HTML5，CSS3和JQuery.你可以轻松的将这个模板与任何其他类型的生意相结合。 4. ...开发技术：HTML 5, CSS 3, JS, jQuery 网站特色： l Bootstrap 4 l HTML5和CSS3 l 粘滞标题 l 跨浏览器兼容性 l Google字体 TravelAir...开发技术：HTML 5, CSS 3, Bootstrap 3, JS, jQuery 网页特色： l 视差效应 l W3C有效标记 l 平滑过渡效果 l 跨浏览器支持 l 100％响应式布局 l 100

    11.9K51

    web前端开发规范总结

    ），兼容性优良（早期版本浏览器兼容，移动端和PC端设备兼容）.页面性能方面（减少请求次数，例如使用精灵图和sass语法），代码要求简洁明了有序，尽可能的减小服务器负载，保证最快的解析速度（减小repaint...7、语义化html，如标题根据重要性用h*(同一页面只能有一个h1)，段落标记用p，列表用ul，内联元素中不可嵌套块级元素。 8、尽可能减少div多层级嵌套。...11、必须为含有描述性表单元素(input，textarea)添加label，如姓名：须写成：姓名： 12、能以背景形式呈现的图片，尽量写入css样式中。 13、重要图片必须加上alt属性。...，base.css文件中我会初始化表格样式) 13、杜绝使用兼容ie8。...jQuery变量要求首字符为'_'，其他与原生JS规则相同，如：_myVue。另，要求变量集中声明，避免全局变量. 4、类命名：首字母大写，驼峰式命名.如MyVue。

    1.7K10

    都9102年了，还需要用到 jQuery 吗？

    跨浏览器兼容性问题的解决方案 - jQuery 的主要卖点是其跨浏览器兼容性问题的解决方案。...它满足了开发人员和设计人员的需求，因为它大大减少了构建时间。 跨浏览器兼容性 - jQuery 支持旧浏览器，它们与现代工具、框架或库不相容。jQuery 驱动的应用适用于所有浏览器。...现代浏览器和不断发展的 Web 趋势 - 尽管 jQuery 解决了大量跨浏览器兼容性问题以及标准化问题，但是因为对 Web 浏览器进行了改进，现在大部分已经没有必要了。...要想在不同浏览器中支持你的应用或网站，以及在旧版浏览器上工作，可以使用转换工具，例如Babel 将 ES6 代码转换为与浏览器兼容的代码，可以在 polyfills 的帮助下通过浏览器了解特定功能以及其他工具...jQuery 与现代前端库和框架进行比较 jQuery 被较少使用的一个主要原因是 JavaScript 库和框架（例如ReactJS、AngularJS 和 VueJS）的兴起，在本节中我们将看看它们的区别

    2.9K40

    Github 移除 JQuery 的过程

    没有通过CSS选择器查询DOM元素的标准方法，也没有对元素的视觉样式进行动画处理的标准方法，而由Internet Explorer开创的XMLHttpRequest接口与许多其他api一样，在浏览器之间是不一致的...最重要的是，使用jQuery在一个浏览器中构建的JavaScript特性通常也可以在其他浏览器中工作。...另外，如果我们更新了页面标记，并且意外地漏掉了js小部件的类名，浏览器中的异常是否会通知我们出了问题？...例如，在我们删除了特定于jQuery的CSS伪选择器（如：visible或：checkbox）的最终用法之后，我们能够删除Sizzle模块；当最后一个$.ajax调用被fetch（）替换时，我们能够删除...这意味着我们将尽可能多的内容保存在标记中，并且只在标记上添加行为。

    2.9K10

    web前端开发规范总结

    ），兼容性优良（早期版本浏览器兼容，移动端和PC端设备兼容）.页面性能方面（减少请求次数，例如使用精灵图和sass语法），代码要求简洁明了有序，尽可能的减小服务器负载，保证最快的解析速度（减小repaint...7、语义化html，如标题根据重要性用h*(同一页面只能有一个h1)，段落标记用p，列表用ul，内联元素中不可嵌套块级元素。 8、尽可能减少div多层级嵌套。...11、必须为含有描述性表单元素(input，textarea)添加label，如姓名：须写成：姓名： 12、能以背景形式呈现的图片，尽量写入css样式中。 13、重要图片必须加上alt属性。...，base.css文件中我会初始化表格样式) 13、杜绝使用兼容ie8。...jQuery变量要求首字符为'_'，其他与原生JS规则相同，如：_myVue。另，要求变量集中声明，避免全局变量. 4、类命名：首字母大写，驼峰式命名.如MyVue。

    2.3K21
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券