首页
学习
活动
专区
圈层
工具
发布

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

(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页; ④便于团队开发和维护,语义化更具可读性,是下一步吧网页的重要动向,遵循W3C标准的团队都遵循这个标准,可以减少差异化。...请写出函数实现 JavaScript的DOM是什么意思? DOM是W3C的对象模型,DOM是中立于平台和语言的接口,它允许程序和脚本动态的访问和更新文档的内容结构和样式。...此外保持好的编码习惯,避免重复和css、JavaScript代码,多余的HTML标签和属性。 Flash、Ajax各自的优缺点,在使用中如何取舍?...Ajax的缺点是编程较为复杂,需要服务器端的支持,能实现的效果只能是DOM API提供的,权限很低,较难跨域;但可以显著加快页面的载入速度和用户体验。...此外,二者都不能被搜索引擎索引(Google已支持Flash文本的索引),不利于SEO。 建议:重要和关键部分直接用HTML,交互部分可以使用Ajax,复杂的动画可采用Flash。 常使用的库有哪些?

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

    怎么用浏览器在线打开pdf文件_PDF文件怎么编辑

    PDFObject为此而设计的,他能够快速和容易的嵌入PDF文件,PDFObject使用JavaScript来产生相同的符合标准的 标记,然后插入 到您的HTML元素的选择。...pdf.js 和 Google Chrome 使用的源自 Foxit 的闭源 PDF 浏览插件不同,PDF.js 是基于开放的 HTML5 及 JavaScript 技术实现的开源产品。...他们的目标是创建一个通用的,基于标准的网络平台,能够解析和渲染PDF文件,并最终发布一个PDF阅读器扩展,毫无疑问 pdf.js 将被整合入 Gecko 成为 Firefox 的内嵌 PDF 阅读器,但是具体整合时间表尚未确定...jQuery Media Plugin jQuery Media Plugin是一款基于jQuery的网页媒体播放器插件,它支持大部分的网络多媒体播放器和多媒体格式,比如:Flash, Windows...它根据当前的脚本配置,自动将a标签替换成div,并生成object, embed甚至是iframe代码,至于生成object还是embed,jQuery Media会根据当前平台自动判别,因此兼容性方面非常出色下面这段代码是

    8.8K60

    动图展示 60+ 个前端常用插件库合集

    简单、专业、实用并且跨平台可以有效率地在PC和移动设备上,并且有大量的插件可以扩展,有着华丽却简单使用的API,很易学且阅读性高的源码。...,并且跨平台。...要注意的是,Swiper并不兼容所有平台设备,而是专注于当下主流平台设备的兼容性和效能上。同时Swiper也是Framework7和Ionic Framework的组件的一部分。...JS整体层面比toastr好很多,无论原生JavaScript以及整体文件大小和功能延展性,但toastr简单使用的操作模式,如果有旧项目是在jQuery的环境下,要做一些定制化功能,或许就是不错的选择...CSS本身通过text-overflow也有类似的功能(Truncate String with Ellipsis),但需要设定宽度,如果需要不能固定宽度的项目,Shave应该是一个不错的选择。

    8.1K40

    四招让你的网站“重获新生眼前一亮”

    现如今我们有了更理想的替代品。他们在移动设备上也具有独立性并可见。这主要得益于JavaScript, Ajax,jQuery和其他语言,数据库。他们使网站变得有趣,不再无聊。...轻便:JQuery只占31或32KB。简单并且加载速度很快。相形之下,Flash动画会占据更多的空间。其他的替代,比如Microsoft Silverlight也会更费容量。...而构成是你通过画出杯子周围和其他细节来展现的。 这种构成的概念在网页设计中也十分重要。你可能觉得有时候需要给设计加些亮点,但实际上你应该更注重细节。运用微妙的纹理和样式。使用外边距来分隔元素。...我现在浏览网站,经常被巨大的标题和题目所吸引。 如果我不能很好的理解你网站所要表达的目的,你的网站就算白做了。如果你的字体特别花哨,或特别小,从而影响正常的阅读,那你就完全没有达到你的初衷。...如果我能记住你的网站,你的目的所在或甚至一张简单的图片,我就会觉得你的网站是成功而且有效的。 保持简单:我们生活在极简主义思想至上的年代。现在的消费者都是把钱花在刀刃上的——他们想一步到位。

    1K90

    月入35k大佬总结:web前端必须学习的内容(附全套前端教程)

    “楼房”建设完成之后,我们可以交给用户使用,但是如果想让用户获得更佳的体验,我们还可以对“楼房”进行更深一步的“装修”,让它看起来更“豪华”一些。...“那可是花了我一个晚上写了几百行代码搞定的啊,吐血了都!” JavaScript的兼容性和复杂性有时候的确让我们头疼,还好有“大神”帮我们做了封装。...的高级语法; – 熟练使用 jQuery 操作 DOM; – 熟练使用和编写 jQuery 插件; – 独立完成电商网站的页面搭建(包括 HTML 结构、CSS 样式、JavaScript 特效);...、同步与异步概念、原生 AJAX、jQuery 的 AJAX 相关 API 使用、底层原理分析、缓存问题及解决方案、跨域请求及解决方案、前端模板引擎 本阶段学习关键词: Node.js、CommonJS...– 能够基于 jQuery 的 Ajax 相关 API 熟练开发常见的前端功能; – 能够独立开发基于后台接口的动态网站、Ajax 数据交互的项目; – 能够独立完成企业网站从前台到后台的基本开发工作

    2.8K40

    RSS消亡史:没有比这更令人扼腕叹息的了!

    所以我想也许是时候做一个我自己的 RSS 阅读器了,一个比其他阅读器更适合我个人需求的阅读器,也许这会让我恢复阅读RSS的好习惯。 过去的辉煌 一切都开始于几年前。...很明显,web将成为主导技术,因此我开始使用 jQuery、添加 CSS 并创建了一个很小的 HTML 静态页面,该页面通过 AJAX 下载 RSS 内容,对其进行解析,并将标题显示在屏幕上。...一时间,越来越多的博客对我的读者来说变得遥不可及。原因是 CORS(跨域)。 从另一个来源的客户端 javascript 获取 RSS/Atom xml 已经不可行。...使用 节点来定义动态添加元素的布局,比如新闻标题或提要列表中的条目。 仅留下了一个屏幕,减少动画数量。 我在想,如果我在十年前写,没有这么多花里胡哨的现代技术,这将如何实现。...然而,如果该应用程序有一段时间没有使用,Webkit 和 Apple 会默认清空本地的存储数据。那么用户不仅会丢失缓存的新闻,还会丢失宝贵的提要列表。

    1.8K10

    什么是前端技术与后端技术

    “HTML是网页的结构,CSS是网页的外观,而JavaScript是页面的行为。” 我晕,这不是等于没说吗?好吧,我给大家打个比喻。...SEO,就是为了我们的网站能排在搜索结果的前面,这样你的网站才会有流量。你做网站,相信你也是想让你网站有更多人浏览的吧。 三、后端技术 如果我们只学习完前端技术,其实也差不多可以开发属于自己的网站了。...举个简单的例子,很多大型网站都有注册功能,只有用户注册了之后才具有某种权限,例如你要使用QQ空间,你就要注册一个QQ才能使用。这样的功能就是后端技术所实现的。再有,淘宝网不是有很多商家吗?...用JSP开发的web应用是跨平台的,既可以Windows系统下运行,也能在其他操作系统(如Linux)上运行。 3、ASP.NET ASP.NET的前身就是我们常说的ASP技术。...对于HTML和CSS,他们没有别的框架,但是对于“JavaScript”来说,它却有很多框架,例如: “jQuery、ExtJS、Dojo、YUI……” 那对于初学者来说,应该选择哪个JavaScript

    5.1K31

    【技术创作101训练营】Web前端开发职业技术要求规划

    ),从父亲教我学习开始,第一次的第一也许会让老师感到这小子有点6哦,不过接二连三的数学成绩第一名让老师对我充满信心,上课每次的最后一道大题都是叫我上去做,然后我分分钟做完的那种。...Web前端开发技术包括三个要素:HTML, CSS, JavaScript,随着RIA的流行和普及,XML、Flash/Flex、Silverlight和服务器端语言也是前端开发人员应该掌握的。...image.png 我们常常用到的浏览器,你们知道作用是什么吗?是的,它是用于显示网页内容,并让用户与这些文件交互的一种软件。...)的特点有: 无需安装特定客户端程序,通过URL访问;跨平台能力(Windows、Linux、Android、IOS…);无缝升级,客户端免维护;不能直接使用客户端硬件资源,用户体验单一。...中的DOM操作(掌握、应用) 4.JQuery事件(掌握、应用) 5.JQurey效果(掌握、应用) 6.JQuery Ajax(掌握、应用) 下面给出案例,可以学习做做试试: image.png image.png

    1.4K20

    Web前端开发职业技术要求规划

    ),从父亲教我学习开始,第一次的第一也许会让老师感到这小子有点6哦,不过接二连三的数学成绩第一名让老师对我充满信心,上课每次的最后一道大题都是叫我上去做,然后我分分钟做完的那种。...Web前端开发技术包括三个要素:HTML, CSS, JavaScript,随着RIA的流行和普及,XML、Flash/Flex、Silverlight和服务器端语言也是前端开发人员应该掌握的。 ​...image.png 我们常常用到的浏览器,你们知道作用是什么吗?是的,它是用于显示网页内容,并让用户与这些文件交互的一种软件。...: 无需安装特定客户端程序,通过URL访问;跨平台能力(Windows、Linux、Android、IOS…);无缝升级,客户端免维护;不能直接使用客户端硬件资源,用户体验单一。...中的DOM操作(掌握、应用) 4.JQuery事件(掌握、应用) 5.JQurey效果(掌握、应用) 6.JQuery Ajax(掌握、应用) 下面给出案例,可以学习做做试试: ?

    1.2K30

    干货:Web应用上线之前程序员应该了解的技术细节

    我以一个 Web 开发人员的角度思考这个问题,别人为网站进行美化设计并填充内容。因此,他们可能认为可用性和内容比平台更重要,程序员在这方面没多少发言权了。...另外,也要考虑浏览器在不同操作系统下是如何渲染网站的。 要考虑到用户除了通过主流浏览器来浏览网站外,还有其它方式:手机、屏幕阅读器和搜索引擎等。...避免 跨站请求伪造攻击(CSRF)。 避免 点击劫持。 系统补丁要保持更新。 保证数据库连接信息安全。 你自身要保持关注最新的攻击技术和影响你平台的漏洞。...根据 W3C 文档 编写你的 XHTML / HTML 和 CSS 代码,并确保它们 有效。这里的目的是避免浏览器的怪异模式,并让它们更容易在非传统浏览器(如屏幕阅读器和移动设备)上运行。...而对于想懂得更多的人来说,他们希望学到更多的东西,因此他们应该知道这些概述。另外,我也欢迎大家编辑补充这个答案,因为我可能忽略了一些东西或犯了一些错误。

    1.7K50

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

    因为它涉及浏览器兼容、跨域等问题,在项目中一般会使用一些基础类库辅助实现,如jQuery等。 一个简单的Ajax操作如下。 5、谈谈你对JSON的理解。...②主要是使用其它网站提供的javascript api如QQ。使用script的src可以直接读取跨域资源。 ③当然跨域还有其它处理方式:如代理服务器、改变domain、JSONP等。...没有用到,但我知道html的websockets、flash的socket、ajax长轮询等都可以实现。 8、你在AJAX中有遇到乱码吗?如果遇到,你是如何解决的? ①遇到过。...②原型链是由一些用来继承和共享属性的对象组成的(有限的)对象链。 JQuery 1、你使用过jQuery吗?如果有,你为什么要使用jQuery呢? ①用过。...②如果使用原生javascript开发的话,会面临很多问题,如浏览器兼容、Ajax数据解析、Dom、事件注册操作等都非常烦锁,而jQuery正好解决了这些问题。

    8.4K20

    Web 重在当下

    由于 web 本身还在蹒跚学步,Flash 和 Silverlight 等插件才有了主导市场的机会。...网站成本低、可访问性高和相对容易使用,而且 web 背后的开源社区让它在最近几年中越来越好。 诸如 jQuery 和 Bootstrap 一类的框架让各种级别的开发者都能够上手。...我想,公平地说 web 开发的未来将主要依靠 React。...我认为 React 未来所面临的最大的挑战将是如何更广泛普及。所以,真正的问题是,网站确实需要 React 吗? 永远成长 Web 依然在以稳定的速度成长并将继续这样持续很长时间。...为什么我不认为 React 将会得到如同 jQuery 那样广泛的全球推广,不是因为它不够好,而是因为它并不是必须品。 未来的想法 有一点我确定,web 不会止步不前。

    1K30

    web学习到底学什么?

    重庆IT培训来为大家讲解一下: Web前端工程师是协调前端工程师、后端程序员实现网站页面活程序的界面美化、交互体验的IT技术开发人员,需要精通HTML5、CSS3、JavaScript、jQuery、Ajax...网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。...还有一个常用的是Dreamweaver。这两种都是使用最多的HTML网页制作工具,我使用的是Dreamweaver cs6,因为这套软件提供了一套直观的可视界面,融合了html5一些新的内容。...如果你把每天看电影、看电视剧的时间用来学习,我想一个星期入门是没有问题的。 基础知识: 1. html + css。这部分建议在网上学习,边学边练,每章后还有小测试。之后可以模仿一些网站做些页面。...熟悉会一点儿就行了,没必要全部都学得精通,当然如果你在学习的过程中,发现你ps或者flash比较感兴趣的话,也可以尝试做美工这一行。 4、html5和css3。可以先了解一下,然后再入手。

    1.2K50

    都9102年了,还需要用到 jQuery 吗?

    随着现代库和框架的出现,浏览器 API 的标准化以及需要 jQuery 技能的职位减少,开发人员仍然需要继续学习 jQuery 吗。...跨浏览器兼容性问题的解决方案 - jQuery 的主要卖点是其跨浏览器兼容性问题的解决方案。...它满足了开发人员和设计人员的需求,因为它大大减少了构建时间。 跨浏览器兼容性 - jQuery 支持旧浏览器,它们与现代工具、框架或库不相容。jQuery 驱动的应用适用于所有浏览器。...现代浏览器和不断发展的 Web 趋势 - 尽管 jQuery 解决了大量跨浏览器兼容性问题以及标准化问题,但是因为对 Web 浏览器进行了改进,现在大部分已经没有必要了。...如果你正在构建一个可以无缝地在多个浏览器上运行的网站或 Web 应用,那么 jQuery 可能最适合你的需求。

    2.9K40

    前端组件整理

    datejs 浏览器探测 Bowser 探测具体浏览器和版本 ua-parser-js 探测具体浏览器和版本,操作系统,设备类型等 调试 JavaScript Debug 对console.log...内容进行实时的编辑 summernote 在移动设备上用不错 HTML5播放器 jwplayer 被大量网站使用 html5media 简单的h5player,轻量级 jplayer 功能强太,...我的改进版见这里 TheaterJS 模拟两个人在屏幕上对话 midnight.js 文字颜色随着背景变,屌炸了 color-animation jquery的颜色渐变动画插件。...scrolldeck flash swfobj 能够自动检测PC、Mac机器上各种主流浏览器对Flash插件的支持情况。它使得插入Flash媒体资源尽量简捷、安全。...用户体验增强类 Intro.js 用来介绍网站的功能很不错。也可以做新手引导。 blockUI Lolding组件。 simple-hint 提示信息。用css做的。兼容性IE 9+。

    14.2K40

    网站跨域的五种解决方式

    一个网页向另一个不同域名/不同协议/不同端口的网页请求资源,这就是跨域。 跨域原因产生:在当前域名请求网站中,默认不允许通过ajax请求发送其他域名。 2、为什么会产生跨域请求?...是为了保证用户的信息安全,防止恶意网站窃取数据,如果网页之间不满足同源要求,将不能: 1、共享Cookie、LocalStorage、IndexDB 2、获取DOM 3、AJAX请求不能发送 同源策略的非绝对性...其他插件的同源策略:flash、java applet、silverlight、googlegears等浏览器加载的第三方插件也有各自的同源策略,只是这些同源策略不属于浏览器原生的同源策略,如果有漏洞则可能被黑客利用...同时jquery还对非跨域的请求进行了优化,如果这个请求是在同一个域名下那么他就会像正常的 Ajax请求一样工作。)...,只需要通过Ant模式配置文件参数即可 5、使用nginx做转发 现在有两个网站想互相访问接口  在http://a.a.com:81/A中想访问 http://b.b.com:81/B 那么进行如下配置即可

    1.6K40

    一文读懂前端技术演进:盘点Web前端20年的技术变迁史

    《盘点主流移动端跨平台UI技术:实现原理、技术优劣、横向对比等》 《最火移动端跨平台方案盘点:React Native、weex、Flutter》 《快速了解Electron:新一代基于Web的跨平台桌面技术...jQuery的链式操作风靡一时,也带来许多问题,当Ajax出现依赖时,就不可避免就出现回调地狱。因此针对这方面的讨论,诞生Deffered与Promise。...jQuery的出现让前端工程师开发更加轻松,假如工程师想实现一个功能,现搜索出一个jQuery插件来实现。那时候大家在前端网站就整天介绍jQuery插件,很少讨论一些底层的实现。...此时已经进入移动互联网的中期,大公司都有自己的App,或者基于原生,或者基于Hybird(详见:《盘点主流移动端跨平台UI技术:实现原理、技术优劣、横向对比等》、《最火移动端跨平台方案盘点:React...之前如果JavaScript想使用类,只能自己模拟类,由于没有官方的实现,只能任由各优秀工程师发挥。而普通人想用好类,需要了解很复杂的Prototype机制。

    6.7K31

    前端工程化发展历史

    完全听不懂你在说什么了,这些名词我都没有听说过。让我理一理,我只想从服务器加载一段数据,过去我是从 CDN 中拿到 jQuery ,然后通过 AJAX 请求数据就可以了,现在怎么变得那么复杂了?...大哥,已经 2016 年了,没有人再使用 jQuery 了,它只会让你写出意大利面条式的代码。...AJAX 只是基于 XMLHttpRequests 的封装,而 Fetch 可以让你使用 Promise 风格去异步请求数据,从而避免回调地狱。 回调地狱?...哦哦,如果只是展示数据,你其实不需要 React,用一个模版引擎就好了。 你在逗我吗?你觉得这很有趣吗,唉,感情淡了。 我只是想告诉你你能用什么。 那请你不要说了。...我觉得我追不上这么多的变化,各种版本号,还有各种编译器和转换器。javaScript 社区真是太疯狂了,它觉得每个人能跟上这么快的变化吗。 哈哈,你应该去了解一下 Python 社区。 为什么?

    1.3K20

    「沙里淘金」精选浏览器端JavaScript库资源推荐

    nativescript - 使用JavaScript构建真正的原生跨平台iOS和Android应用程序。 react-native - 使用React构建本机应用程序的框架。...滑动和滑动 - 可与touchSwipe库配合使用的滑动滑动菜单。 表/网格 jTable - 一个用于创建基于AJAX的CRUD表的jQuery插件。...flowplayer - 用于网络的HTML5视频播放器 mediaelement - HTML5或具有Flash和Silverlight填充程序的播放器,模仿HTML5 MediaElement API...video.js - Video.js - 开源HTML5和Flash视频播放器。 FitVids.js - 一个轻量级,易于使用的jQuery插件,用于流体宽度视频嵌入。...json3 - 与几乎所有JavaScript平台兼容的现代JSON实现。 Logical Or Not - 关于JavaScript特性的游戏。

    8.3K20
    领券