文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端面试那些坑

页面导入样式时，使用link和@import有什么区别？ 介绍一下你对浏览器内核的理解？ 常见的浏览器内核有哪些？ html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？...有什么解决办法？ 经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？ 为什么要初始化CSS样式。...用到了CSS的那些属性？ 什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？ 视差滚动效果，如何给每页做不同的动画？（回到顶部，向下滑动要再次出现，和只出现一次分别怎么做？）...什么时候适合使用“前端路由”? “前端路由”有哪些优点和缺点? 知道什么是webkit么? 知道怎么用浏览器的各种工具来调试和debug代码么? 如何测试前端代码么?...HTML5，CSS3，Web前端，jquery，javascript，前端学习路线，各类问题，我们都可以为你解决。

2.2K60

前端工程师面试题汇总

HTML5的离线储存怎么使用，工作原理能不能解释一下？ 浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？...有什么解决办法？ 经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？ 为什么要初始化CSS样式。...CSS优化、提高性能的方法有哪些？ 浏览器是怎样解析CSS选择器的？ 在网页中的应该使用奇数还是偶数的字体？为什么呢？ margin和padding分别适合什么场景使用？...用到了CSS的那些属性？ 什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？ 视差滚动效果，如何给每页做不同的动画？（回到顶部，向下滑动要再次出现，和只出现一次分别怎么做？）...什么时候适合使用“前端路由”? “前端路由”有哪些优点和缺点? 知道什么是webkit么? 知道怎么用浏览器的各种工具来调试和debug代码么? 如何测试前端代码么?

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

    使用Javascript通过Web TWAIN协议快速集成扫描仪设备

    集成WebScanner组件WebScanner前端组件支持有纯Javascript组件、Vue.js组件等方式。我们使用纯Javavscript组件来集成。...子目录下css子目录下集成WebScanner纯Javascript组件到系统页面创建测试应用主目录test，在test目录下新建测试页面test.html；引入需要的javascript文件(依赖的文件从...>用chrome浏览器打开test.html页面，提示没有安装服务：点击提示中的下载链接下载WebScanner Service安装包wssService.zip。...测试集成页面服务安装并启动好后，继续测试集成页面test.html，在浏览器中刷新test.html页面，可以看到扫描仪设备的驱动已经加载出来了。...如果你也想我一样没有连接到真实的扫描仪设备，可以用这个来虚拟扫描仪来调试程序。

    9010

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

    ②使用绝对定位top:50%与margin-top取高度值一半的复数形式设置垂直居中 HTML结构： CSS代码： 什么是CSS Hack?...服务器端响应http请求，浏览器得到html代码 e. 浏览器解析html代码，并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户 Jquery与jQuery UI 有啥区别？...jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。 jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。...jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。...此外保持好的编码习惯，避免重复和css、JavaScript代码，多余的HTML标签和属性。 Flash、Ajax各自的优缺点，在使用中如何取舍？

    1.4K10

    Github 移除 JQuery 的过程

    最重要的是，使用jQuery在一个浏览器中构建的JavaScript特性通常也可以在其他浏览器中工作。...实现CSS类名切换； CSS现在支持在样式表而不是JavaScript中定义可视化动画； $.ajax请求可以使用Fetch标准执行； addEventListener（）接口足够稳定，可以跨平台使用；...这有双重目的：加快JavaScript的执行速度，同时确保不会创建新的代码来尝试使用删除的功能。 根据我们的网站分析，一旦可行，我们就不断放弃对旧版Internet Explorer的支持。...作为我们在GithUB.com上构建前端功能的一种改进方法的一部分，我们专注于尽可能多地使用常规HTML基础，只添加JavaScript行为作为渐进增强。...我们只在绝对必要时才尝试提供这些polyfill，即作为单独的“兼容性”JavaScript包的一部分提供给过时的浏览器。

    2.1K10

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

    ②JS引擎：解析和执行javascript来实现网页的动态效果。 最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。...16、解释css sprites，如何使用。 Css 精灵 把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量。...DOCTYPEHTML>不需要对DTD进行引用，因为HTML5不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）。...通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。...⑤有没有女朋友

    6.1K20

    React学习(四)-理清React的工作方式

    /3.4.1/jquery.js"> javascript"> function handleClick(flag) { var...,没有去做任何逻辑操作的时候,UI组件我们一般都可以用无状态组件来定义，UI组件只负责页面的渲染,当然这并不是绝对的,有时候,也可以做一些简单逻辑的操作 使用无状态组件(函数组件),它的性能是高于普通组件的...DOM树是对HTML的抽象,而vitrtual DOM就是对DOM树的抽象,虚拟DOM不会触及浏览器,虚拟DOM本质上就是javascript对象,还记得前面说过的JSX是React.createElement...,它已经帮我们封装好了一些事件类型属性（onClick,onChange,onFocus,obBlur等） 当需要给某个JSX元素监听事件的时候,只需要通过内联方式,在React元素上加on*EventType...,它只作用于原生HTML元素上,若放在自定义的组件上时,是不起作用的,具体解决办法,可以引入第三方styled-components模块的,后续单独拿一篇幅来说也不为过的,涉及到的知识还是挺多的 作者

    1.8K30

    零基础的小明要如何成为前端工程师？

    网页不过就这样嘛，就是 HTML 做内容，CSS 做样式，JavaScript 加程式码，只要会这三个就好，太简单了吧！ 是的，其实网页一直到今天还是如此，依旧是以这三者为核心在发展。...下图是 jQuery 与原生 JavaScript（又称为 vanilla js）的比较，站在巨人的肩膀上以后，可以少写很多行程序代码。 ?...不要一直做重复的事情，像现在这样就很不好，永远要屈就于这种非常不方便的流程。 有没有可能把程序的概念引入到 CSS里面去呢？例如说变量？...现在的小明已经不再是当年那个只会用 HTML、CSS 跟 JavaScript 写着班网的小明了，而是手上握有 SCSS、PostCSS、browserify、Gulp、jQuery 等等工具的小明。...文章看完了，如果我写得还不错的话，你应该会理解 HTML、CSS、JavaScript、SCSS（CSS preprocessor）、PostCSS、jQuery、Gulp、Babel、Webpack、

    40330

    成为一名专业的前端开发人员，需要学习什么？

    前端Web开发人员使用三种主要编码语言来编写由Web设计人员创建的网站和Web应用程序设计： HTML CSS JavaScript 他们编写的代码在用户的浏览器中运行（而不是后端开发人员，其代码在...HTML、CSS HTML（超文本标记语言）和CSS（层叠样式表）是Web编码的最基本构建块。没有这两件事，你就无法创建一个网站设计，而你最终得到的只是屏幕上没有格式化的纯文本。...JavaScript JavaScript允许您为网站添加更多功能，并且您可以使用HTML，CSS和JavaScript（简称JS）创建许多基本Web应用程序。...jQuery jQuery是一个JavaScript库：一组插件和扩展，可以更快，更轻松地使用JavaScript进行开发。...前端框架 CSS和前端框架（最受欢迎的前端框架是Bootstrap）为CSS框架做了JS框架为JavaScript做的事情：它们为您提供了更快编码的起点。

    1.3K20

    2022年11月23日——jQuery——T1(基础选择器与表单选择器)

    2112班，注意重点内容回顾 jQuery简述 为了解决开发过程中的兼容性问题，产生了许多JavaScript库，目前被频繁使用的JavaScript库包括 jQuery、Prototype、Spry...其中使用最广泛的JavaScrip库是jQuery, 是于2006年创建的一个JavaScript库 集 JavaScript、CSS、DOM 和 Ajax 于一体的强大框架体系。...添加了对应下拉菜单的onchange事件，通过这个事件来控制网页的背景颜色。...id 引用 HTML 元素的 id 属性。 注意：id 属性在文档内必须是唯一的。 注意：不要使用数字开头的 id 属性！在某些浏览器中可能出问题。...class 引用 HTML 元素的 class 属性。 class 属性用于为多个 HTML 元素设置特定样式。 注意：不要使用数字开头的 class 属性！在某些浏览器中可能出问题。

    5.6K10

    金九银十求职季，前端面试大全送给你

    主要分以下几个方边来说： - css和html - javascript - vue - 微信小程序 css和html 1、Doctype作用？...import是CSS2.1 提出的，只在IE5以上才能被识别，而link是html标签，无兼容问题; 4、HTML5有哪些新特性？...区分html5和html： 可以按上文说的doctype区分也可以使用标签区分 5、html语义化理解 语义化是html结构更清晰，便于浏览器解析，利于SEO搜素，使代码更好理解，便于维护 6、...的扩展，就是为jquery类添加成员函数 使用： jquery.extend扩展，需要通过jquery类来调用，而jquery.fn.extend扩展，所有jquery实例都可以直接调用 33、作用域...（7）、处理结束回馈报头，此处如果浏览器访问过，缓存上有对应资源，会与服务器最后修改时间对比，一致则返回304; （8）、浏览器开始下载html文档(响应报头，状态码200)，同时使用缓存; （9）

    1.4K20

    什么是jQuery？

    Jquey就是一款跨主流浏览器的JavaScript库，简化JavaScript对HTML操作 就是封装了JavaScript，能够简化我们写代码的一个JavaScript库 为什么要使用Jquery？...Jquery关于DOM的API 前面使用Jquery的选择器来获取到了HTML标签，单纯得到标签是没有用的。...我们要对其进行增删改，这样在网页上才能做出“动态”的效果… JavaScript的DOM能够操作CSS,HTML从而在网页上做出动态的效果.. ?...children()：只查询子节点，不含后代节点 next()：下一下兄弟节点 prev()：上一下兄弟节点 siblings()：上下兄弟节点 css样式 addClass()：增加已存在的样式 removeClass...这里写图片描述 ---- Jquery对ajax常用的API 我们在开始使用JavaScript学习AJAX的时候，创建异步对象时，需要根据不同的浏览器来创建不同的对象….装载XML文件的时候，也有兼容性的问题

    3K70

    BOM和DOM

    BOM window对象 　　看上面的例子你会发现，name直接封装到了window对象上，了解一下就可以了。 　　所有浏览器都支持 window 对象。它表示浏览器窗口。 　　...假如你希望取消这个 setTimeout()，你可以使用这个变量名来指定它。 　　　　　　setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。...HTML： JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript...操作 obj.style.backgroundColor="red" 　　　　　　JS操作CSS属性的规律： 　　　　　　1.对于没有中横线的CSS属性一般直接使用style.属性名即可。...事件 　　HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作（action），比如当用户点击某个 HTML 元素时启动一段 JavaScript。

    54110

    【CodeMirror】：代码编辑器

    CodeMirror 最广泛的应用是代码高亮，内置 n 种语言支持，常见的有： css javascript jsx sql vue CodeMirror 同样支持内置 n 种主题支持，常用的有： eclipse...通常使用 CodeMirror 的地方，都会看到一大堆模块导入 import 语句，例如： CodeMirror 的模块化特征非常强，基本上所有特性，都需要独立引入： 内核：codemirror/lib...通过查看 codemirror/addon/lint/json-lint.js 的源码得知，json-lint.js 是在内部直接检测、使用全局（window）中注册的 jsonlint 对象，完成校验...CodeMirror 的其他格式 lint，也采用了类似原理： json-lint：window.jsonlint css-lint：window.CSSLint html-lint：window.HTMLHint..."; import "codemirror/theme/darcula.css"; import "codemirror/mode/javascript/javascript"; import "codemirror

    3.7K10

    React基础(4)-理清React的工作方式

    /3.4.1/jquery.js"> javascript"> function...redux做公共数据管理时,把组件里面的state数据抽离到store当中时,可以使用无状态组件的 因为它只负责页面的渲染,没有去做任何逻辑操作的时候,UI组件我们一般都可以用无状态组件来定义，UI组件只负责页面的渲染...DOM树是对HTML的抽象,而vitrtual DOM就是对DOM树的抽象,虚拟DOM不会触及浏览器,虚拟DOM本质上就是javascript对象,还记得前面说过的JSX是React.createElement...,当React的子元素内容发生改变时,并不会引起整个浏览器的重绘和重排,只会更改变化的数据部分,并且在给JSX添加事件监听时,使用on*EnentType的方式 并且这种事件的监听,它只作用于原生HTML...元素上,若放在自定义的组件上时,是不起作用的,具体解决办法,可以引入第三方styled-components模块的,后续单独拿一篇幅来说也不为过的,涉及到的知识还是挺多的

    2.1K20

    一日一技：如何在浏览器中使用npm包？

    如果我们要做一个网站，我们通常会在HTML中，使用标签引入.js文件，例如： jquery@3.6.0...但在Node.js生态里面，第三方包一般需要使用npm安装，然后在代码里面通过require导入。最后再用webpack打包编译成能直接在浏览器中运行的JavaScript代码。...但你会发现，这些包都只提供npm安装的版本，没有办法直接在浏览器中通过标签导入。如果我想做一个如下图所示的简单网页，难道我还要用webpack去编译？...在浏览器能运行的JavaScript中，require关键字都是不存在的，如下图所示。因此，我们甚至没有办法把包里面的代码复制出来用： 遇到这种问题怎么办呢？...难道我们需要人工一行一行去改写这个包里面的代码让它能直接在浏览器运行？还是必须用webpack来打包编译？其实我们有一个方法，可以把npm版本的包转换成浏览器能运行的包。

    3.3K00
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券