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

Web前端开发入门不得不看

不是一种编程语言,而是一种标记语言(markup language) ,HTML 使用一套标记标签(markup tag) 来描述网页 。   ...网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。...但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。   HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。...这个入口,连同对 HTML元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的,也就是说,文档中对象的表示称为文档对象模型,即Document Object Model,简称DOM。...jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

94810

最常见的 20 个 jQuery 面试问题及答案

网页上有 5 个 元素,如何使用 jQuery来选择它们?(答案)   另一个重要的 jQuery 问题是基于选择器的。...使用 jQuery $(document).ready() 的另一个优势是你可以在网页里多次使用它,浏览器会按它们在 HTML 页面里出现的顺序执行它们,相反对于 onload 技术而言,只能在单一函数里使用...你如何使用jQuery来提取一个HTML 标记的属性 例如. 链接的href? (答案)   attr() 方法被用来提取任意一个HTML元素的一个属性的值....网页上有 5 个 元素,如何使用 jQuery来选择它们?(答案)   另一个重要的 jQuery 问题是基于选择器的。...使用 jQuery $(document).ready() 的另一个优势是你可以在网页里多次使用它,浏览器会按它们在 HTML 页面里出现的顺序执行它们,相反对于 onload 技术而言,只能在单一函数里使用

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

    前端页面替换文本的方法和一些小技巧

    html 示例如下: Hide 纯 Javascript/jQuery 实现 使用 Javascript 或者 使用 jQuery...譬如在评论中,有读者说为什么不直接使用 $("button").text("Hide"); 这样子直接修改文本。这种做法虽然简单,但是使得数据一部分维护在 DOM、一部分维护在 Javascript。..."on"); }); 这个方法使得 Javascript 只需要修改 class,再由 CSS 来决定如何显示。...其实这里只是探讨实现方法而已,在实际中不推荐这样使用。虽然 CSS 是负责样式的,但交替显示文本应该超出了“样式”的范畴。...html、CSS、javascript 还是应该各司其职。这样子的代码拥有更好的可读性、可维护性,也可以更好的测试、更好的重用。

    2.5K70

    web名词解释

    JavaScript:一种直译式脚本语言,其主要作用是在不与服务器交互的情况下修改 HTML 页面内容, 为网页添加各式各样的动态功能。...CSS hack:通过在 CSS 样式中加入一些特殊的符号,区别不同浏览器制作不同的 CSS 样式的设置,解决浏览器显示网页特效不兼容性问题。...Html5:万维网的核心语言,标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时更好地支持网页中嵌入各种媒体。...JSON:(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。...Webpack: 是一个模块打包工具,将 Web 开发的各种资源打 包压缩在指定的文件中。 Canvas: 画布,是 HTML5 中新增的标签,用于网页实时生 成图像,并且可以操作图像内容。

    2.5K20

    jquery面试题目_高并发面试题

    网页上有 5 个 元素,如何使用 jQuery来选择它们?(答案) 另一个重要的 jQuery 问题是基于选择器的。...使用 jQuery $(document).ready() 的另一个优势是你可以在网页里多次使用它,浏览器会按它们在 HTML 页面里出现的顺序执行它们,相反对于 onload 技术而言,只能在单一函数里使用...鉴于这个好处,用 jQuery ready() 函数比用 JavaScript window.onload 事件要更好些。 7. 如何找到所有 HTML select 标签的选中项?...你是如何将一个 HTML 元素添加到 DOM 树中的?(答案如下) 你可以用 jQuery 方法 appendTo() 将一个 HTML 元素添加到 DOM 树中。...你如何使用jQuery来提取一个HTML 标记的属性 例如. 链接的href? (答案) attr() 方法被用来提取任意一个HTML元素的一个属性的值.

    10K10

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

    12、xhtml和html有什么区别 ①HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言 ②最主要的不同: XHTML 元素必须被正确地嵌套。...②标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 注意点: HTML5 只需要写JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。...2、Javascript与jQuery有什么区别? jquery 就对javascript的一个扩展,封装,就是让javascript更好用,更简单。 3、在jQuery中如何注册事件?...由于xml解析比较麻烦,所以使用json比较多。 ②在jQuery中有专门的获取服务器json数据的方法,getJSON(),在回调中,jQuery会自动将json转换为javascript对象。

    7.4K20

    前端无法让我冷静

    HTML 与 XHTML 之间的差异 在 HTML 中, 标签没有结束标签。 在 XHTML 中, 标签必须被正确地关闭。...XSS 指的是:黑客通过 “HTML 注入 ” 篡改网页,插入恶意脚本,从而在用户浏览网页时,控制用户浏览器的一种攻击 。 CSRF了解吗?...,prototype是什么,什么时候用 prototype对象是实现面向对象的一个重要机制 在JavaScript中没有类的概念,都是函数 1.原型和原型链是JS实现继承的一种模型。...调用一个对象的一个方法,以另一个对象替换当前对象 apply方法:apply(obj,[x,y,z]) 应用某一对象的一个方法,用另一个对象替换当前对象。...UTC标准时间 datetime-local : 显示完整日期和时间 time : 显示时间 month : 显示月 week : 显示周 es6与es5的差别 JavaScript一种动态类型、弱类型

    3K40

    前端的发展历程

    前端的发展历程 什么是前端 前端:针对浏览器的开发,代码在浏览器运行 后端:针对服务器的开发,代码在服务器运行 前端三剑客 HTML CSS JavaScript HTML HTML(超文本标记语言——...HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。...它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。...Web 1.0:静态网页,纯内容展示 Web 2.0:动态网页,富交互,前端数据处理 至此,前端早期的发展史就介绍完了,当时对于前端的要求并不高,只要掌握html css js和一个jquery就足够开发网页了...MVVM ---- MVVM最早由微软提出来,它借鉴了桌面应用程序的MVC思想,在前端页面中,把Model用纯JavaScript对象表示,View负责显示,两者做到了最大限度的分离 把Model和View

    1.9K21

    jQuery_T2_DOM操作

    文档可以进一步被处理,处理的结果可以加入到当前的页面。DOM是一种基于树的API文档,它要求在处理过程中整个文档都表示在存储器中。...另外一种简单的API是基于事件的SAX,它可以用于处理很大的XML文档,由于大,所以不适合全部放在存储器中处理。...jQuery的DOM 使用 jQuery 选择器选择页面中的元素,是为了生成 jQuery 对象,jQuery 对象具有特有的方法和属性,完全能够实现传统 DOM 对象的所有功能 使用jQuery操作元素...使用选择器获取某个元素 使用jQuery对象的方法操作元素。...DOM转jQuery对象  jQuery 对象转换成 DOM 对象 使用 jQuery 中的 get() 方法,其语法结构为:get([index]) 如果get()方法不带参数,get()方法会返回所有匹配元素的

    8.1K20

    jQuery 已经落幕了~

    jQuery 的设计的宗旨是 “write Less,Do More”,许多年后,John 仍将这当作是自己的目标 —— 让每个人都可以在网页里写点什么,并且写的东西能够在浏览器中顺利运行出来。...在 jQuery 之前,使用 JavaScript 操作 DOM 需要定义一个函数,然后将其绑定到特定 DOM 中的各种 HTML 元素中,这对于日常使用来说非常繁琐和复杂。...另一方面,在纯 JavaScript 开发中,开发者需要检查浏览器使用何种方式添加事件,然后再做选择,但是 jQryue 提供了隐藏了不同浏览器的 JavaScript 实现之间的一些不兼容性,可以自行检查浏览器需要什么方式...HTML5 的标准制定者 W3C 和 WHATWG 因为在标准制定上的分歧也不再合作,原本一直是 HTML5 坚定后盾的苹果也不再允许纯 Web APP 套壳登录 App Store。...伴随着 HTML5 的大范围应用,另一个对 jQuery 造成 “威胁” 的技术框架 ——MVVM 普及,使得 jQuery 在 DOM 操作上的优势不复。

    88420

    前端

    HTML 与 XHTML 之间的差异 在 HTML 中, 标签没有结束标签。 在 XHTML 中, 标签必须被正确地关闭。...XSS 指的是:黑客通过 “HTML 注入 ” 篡改网页,插入恶意脚本,从而在用户浏览网页时,控制用户浏览器的一种攻击 。 CSRF了解吗?...,prototype是什么,什么时候用 prototype对象是实现面向对象的一个重要机制 在JavaScript中没有类的概念,都是函数 1.原型和原型链是JS实现继承的一种模型。...调用一个对象的一个方法,以另一个对象替换当前对象 apply方法:apply(obj,[x,y,z]) 应用某一对象的一个方法,用另一个对象替换当前对象。...week : 显示周 es6与es5的差别 JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言 什么是ES5 作为ECMAScript第五个版本 什么是ES6 ECMAScript6

    2.2K41

    jQuery 落幕了!

    jQuery 的设计的宗旨是 “write Less,Do More”,许多年后,John 仍将这当作是自己的目标 —— 让每个人都可以在网页里写点什么,并且写的东西能够在浏览器中顺利运行出来。...在 jQuery 之前,使用 JavaScript 操作 DOM 需要定义一个函数,然后将其绑定到特定 DOM 中的各种 HTML 元素中,这对于日常使用来说非常繁琐和复杂。...另一方面,在纯 JavaScript 开发中,开发者需要检查浏览器使用何种方式添加事件,然后再做选择,但是 jQuery 提供了隐藏了不同浏览器的 JavaScript 实现之间的一些不兼容性,可以自行检查浏览器需要什么方式...HTML5 的标准制定者 W3C 和 WHATWG 因为在标准制定上的分歧也不再合作,原本一直是 HTML5 坚定后盾的苹果也不再允许纯 Web APP 套壳登录 App Store。...伴随着 HTML5 的大范围应用,另一个对 jQuery 造成 “威胁” 的技术框架 ——MVVM 普及,使得 jQuery 在 DOM 操作上的优势不复。

    60410

    「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

    Conzole - 一个用JavaScript构建的调试面板,它在页面内显示的面板中包装JavaScript本机控制台对象方法和功能。...正如在jsPerf.com上使用的那样。 matcha - 以咖啡因为导向,简单化的基准测试方法。 代码突出显示 Highlight.js - JavaScript语法高亮显示。...colorbox - 用于jQuery的轻量级可定制灯箱插件。 fancyBox - 一种工具,为您的网页上的图像,html内容和多媒体添加缩放功能提供了一种漂亮而优雅的方式。...图像处理 lena.js - 具有过滤器和util函数的图像处理库。 Pica - 高质量图像调整大小(使用快速Lanczos过滤器,在纯JS中实现)。...Array Explorer和Object Explorer - 帮助确定在任何给定时间最适合使用本机JavaScript方法的资源 Clipboard.js - “复制到剪贴板”没有Flash或使用框架

    8K21

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

    Conzole - 一个用JavaScript构建的调试面板,它在页面内显示的面板中包装JavaScript本机控制台对象方法和功能。...正如在jsPerf.com上使用的那样。 matcha - 以咖啡因为导向,简单化的基准测试方法。 代码突出显示 Highlight.js - JavaScript语法高亮显示。...colorbox - 用于jQuery的轻量级可定制灯箱插件。 fancyBox - 一种工具,为您的网页上的图像,html内容和多媒体添加缩放功能提供了一种漂亮而优雅的方式。...图像处理 lena.js - 具有过滤器和util函数的图像处理库。 Pica - 高质量图像调整大小(使用快速Lanczos过滤器,在纯JS中实现)。...Array Explorer和Object Explorer - 帮助确定在任何给定时间最适合使用本机JavaScript方法的资源 Clipboard.js - “复制到剪贴板”没有Flash或使用框架

    7.2K20

    前端学习资料整理

    在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 HTML5 为什么只需要写 HTML>?...渲染引擎:负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,然 后会输出至显示器或打印机。...html语义化让页面的内容结构化,结构更清晰,便于对浏览器、搜索引擎解析; 及时在没有样式CCS情况下也以一种文档格式显示,并且是容易阅读的; 搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重...此方法无法检查该对象的原型链中是否具有该属性;该属性必须是对象本身的一个成员。 使用方法: object.hasOwnProperty(proName) 其中参数object是必选项。...JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 它是基于JavaScript的一个子集。

    3.8K20

    Javascript 变量 ,数据类型,运算符

    1、认识Js js概念 JavaScript是一种网页编程技术 JavaScript就是一种基于对象和事件驱动,并具有安全性能的脚本语言 JavaScript可以被嵌入到HTML文件中,不需要经过Web...基于对象 内置大量现成对象,编写少量程序可以完成目标 2、js使用范围 客户端数据计算 客户端表单合法性验证 浏览器对象的调用 浏览器事件的触发 网页特殊显示效果制作 3、Javascript 与html..."> 的标记把它嵌入到文档中 Javascript执行过程中的小原理 html页面中出现标签后,就会让页面暂停等待脚本的解析和执行。...所以推荐大家将能合并的js文件合并到一个文件中,然后再去引用 5、JavaScript 输出消息的几个写法 alert(“”);在页面中弹出提示框,显示消息 confirm(“”) ;弹窗显示...不能使用特殊字符定义变量或者以特殊字符开头,“_”除外 2. 变量名必须以字符或下划线“_”开头 3. 变量可以包含数字、从A至Z的大小字母(不能使用纯数字) 4. 不推荐使用汉字定义变量 5.

    1.6K30

    前端面试宝典 v1

    ( ) 一个对象是否是另一个对象的原型 Object.propertyIsEnumerable() 是否可以通过for/in循环看到属性 Object.toLocaleString( ) 返回对象的本地字符串表示...而Less不支持; Sass是基于Ruby的,是在服务端处理的,而Less是需要引入less.js来处理Less代码输出Css到浏览器 57、关于javascript中apply()和call()方法的区别...在JavaScript中,this通常指向的是我们正在执行的函数本身,或者是,指向该函数所属的对象。...window.event.cancelBubble=true:e.stopPropagation(); 原生JavaScript中,return false;只阻止默认行为,不阻止冒泡,jQuery中的...它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。

    2.8K41

    前端开发面试题

    (2)、标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 HTML5 为什么只需要写 html语义化让页面的内容结构化,结构更清晰,便于对浏览器、搜索引擎解析; 即使在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的; 搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重...闭包是指有权访问另一个函数作用域中变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域,将函数内部的变量和方法传递到外部。...此方法无法检查该对象的原型链中是否具有该属性;该属性必须是对象本身的一个成员。 使用方法: object.hasOwnProperty(proName) 其中参数object是必选项。...JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 它是基于JavaScript的一个子集。

    5.4K52

    目前比较火的前端框架及UI组件

    统一Web应用的UI层   目前MVC的架构,在某种意义上来说,Web开发有两个UI层,一个是在浏览器里面我们最终看到的,另一个在server端,负责生成和拼接页面。...不讨论这种架构是好是坏,但是有另外一种实践,面向服务的架构,更好的做前后端的依赖分离。如果所有的关键业务逻辑都封装成REST调用,就意味着在上层只需要考虑如何用这些REST接口构建具体的应用。...jquery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。...easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。       使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。       ...easyui是个完美支持Html5网页的完整框架。       easyui节省您网页开发的时间和规模。       easyui很简单但功能强大的。

    5.4K40
    领券