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

初学前端需要怎么学习？

image.png 1、HTML HTML，超文本标记语言（英文：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。...你可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。...3、JavaScript JavaScript 是互联网上最流行的脚本语言，这门语言不仅能用于 HTML 和 Web，还广泛用于服务器、PC端、笔记本电脑、平板电脑和智能手机等设备。...HTML5是HTML最新的修订版本，其设计目的是为了在移动设备上支持多媒体。 CSS3 是最新的 CSS 标准。 其次，需要学习Bootstrap和jQuery。...也可以关注我的微信公众号：【前端留学生】 每天更新最新技术文章干货。 4、Bootstrap Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。

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

    jQuery中常用的函数方法总结

    jQuery中为我们提供了很多有用的方法和属性，自己总结的一些常用的函数，方法。个人认为在www.21kaiyun.com的紫微斗数星座在线排盘开发中会比较常用的，仅供大家学习和参考。...(function() { 作用：为指定的元素添加或移除样式，从而实现动态的样式效果，上面的实例中实现鼠标移动双色表格的代码。...通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined 。在控制HTML标记上是必备的工具。... 作用：把所有匹配的元素用其他元素的结构化标记包裹起来。 这种包装对于在文档中插入额外的结构化标记最有用，而且它不会破坏原始文档的语义品质。 可以灵活的修改我们的DOM。...小结：在实际的开发中我们可能会发现21世纪开运网用到其他的方法和属性，以上只是个人认为新手初学jQuery时，必须掌握的一些方法。仅供大家学习的参考。有什么不对的高手指教。

    2.5K40

    Web标准与前端开发 - 笔记

    HTML 是超文本标记语言，用来做 Document； HTTP 是超文本传输协议，用来传输 Document，在 TCP/IP 之上，封装的是 HTTP 这个资源的数据包； URL 是统一资源定位符，...（Safari） 服务器技术主要有： Node.js Express.js koa Deno（基于 Rust 语言的新一代 js&ts 运行时） 终端和跨端技术主要有： 命令行 / 终端（脚手架）：...Webpack CLI Bacel CLI React/Vue CLI 桌面跨端： Electron NW.js 移动跨端： React Native Flutter # 语言、框架、工具 浏览器语言有...在大公司的项目里，基本见不到用 jQuery 的了 对于技术发展不是那么快的公司，项目代码里可能还会用到 jQuery 之前流行的原因是：早期很多浏览器的实现不一致，jQuery 解决了跨浏览器的兼容问题...但是现在浏览器的发展趋同化，浏览器的多样性实际上在减少，兼容性的问题越来越少，jQuery 就没那么重要了；相反，组件式开发框架 React、Vue 和函数式实用工具库变得比较受欢迎 所以 jQuery

    98010

    EasyUI----EasyUI-Tree联想加模糊查询

    最近做的项目中用到了EasyUI的Tree，树的结构是这样的，有22个车站，每一个车站相当于一个逻辑域（虚拟域），每一个域下有许多的设备类型，拿我现在做的门禁系统来说，设备类型有门禁主控制器和门禁就地控制器等设备类型...，每一种设备类型下面会有多个设备，每一个车站可能会有好几十个设备，22个车站就可能会有上百个或者上千个设备，这样在加载成Tree后，比如说想要查看文锦站的A站口的门禁就地控制器的信息，要是让你一个节点一个节点的打开去找...一开始我们是按照这篇文章js/jQuery实现类似百度搜索功能做的，但是做出来之后会有一个很大的缺点，就是不能够复用，别人要是想用的话，必须得把整个代码再改一遍才能用，真得感谢我们的组长，一开始对于面向对象的思想重视的还是不够...('addbg').eq(index - 1).addClass('addbg'); } } //向下移动 var moveNext = function ()...var nodes = $("#"+treeid).tree('getChildren'); //获取输入的值 var kw = jQuery.trim($(obj).val(

    2.8K40

    Day15:大前端

    /js/jquery.js" > $("#btn").click(function(){ if(flag){ $("body").removeClass("off"...transtion-duration 设置过渡时间； trantion-timing-function 设置过渡速度； trantion-delay 设置过渡延时 translate：通过移动改变元素的位置...用来在网页中插入第三方页面 xhtml和 html 有什么区别 XHTML 是一个基于 XML 的置标语言 HTML是一种基本的 WEB 网页设计语言 XHTML元素必须被正确地嵌套。...Web 语义化的理解 让浏览器更好的读懂你写的代码，在进行 HTML 结构、表现、行为设计时，尽量使用语义化的标签，使程序代码简介明了，易于进行Web 操作和网站 SEO DOCTYPE 一种标准通用标记语言的文档类型声明...告诉标准通用标记语言解析器 display：none；与 visibility： hidden display：none； 各种属性值都将“丢失”； visibility：hidden； 它所占据的空间位置仍然存在

    4.3K20

    Cheeiro的使用

    基本的端到端测试显示它的速度至少是JSDOM的8倍 极其灵活：cheerio使用了@FB55编写的非常兼容的htmlparser2，因此它可以解析几乎所有的HTML和XML 关于JSDOM cheerio...产生的原因是出于对JSDOM的失望，主要体现在以下三点： JSDOM的解析规则太过于严格：JSDOM的解析器无法处理现在许多的流行网站的内容 JSDOM太慢了：解析大的网站甚至可以产生可察觉的延迟 JSDOM...选择器（selectors） cheerio的选择器几乎和jQuery一模一样，所以语法上十分相像 $( selector, [context], [root] ) selector在context的范围内搜索...root一般是一个HTML文档字符串 选择器是文档遍历和操作的起点。如同在jQuery中一样，它是选择元素节点最重要的方法，但是在jQuery中选择器建立在CSS选择器标准库上。...).html() //=> Apple 参见 http://api.jquery.com/removeClass/ 遍历 .find(selector) 在当前元素集合中选择符合选择器规则的元素集合

    1.6K30

    「前端入门」前端基本概念

    一 前端概述 现代互联网应用大都由运行在服务器的后端程序和运行在各种终端设备的前端程序共同构成。 后端的代码、资源和数据是预先就部署或存储在后端并且运行在后端服务器上。...而前端运行所需的代码、资源和数据都是来自后端的。前端从后端服务器安装或加载程序并运行在终端设备中，并且前端和后端通过网络进相互协作，最终向用户展示和实现 WEB 应用的全部内容和功能。...1.1 前端应用就是指运行在各种终端设备的程序及资源 HTML、CSS 和 JS 提供前端应用运行的代码 图片和视频等为前端应用提供多媒体内容 后端 API 为前端提供业务功能服务和数据访问服务 1.2...二 基本概念 2.1 JavaScript 一种动态的通用面向对象的编程语言 2.2 HTML HTML指的是超文本标记语言（Hyper Text Markup Language）是一种通过标签来描述网页的语言...React就是在DOM的基础上创造虚拟DOM 2.9 Session 会话，通过在服务器记录信息确定用户身份 2.10 Cookie Cookie/Session机制详解 通过在客户端记录信息确定用户身份

    1.1K00

    前端基本内容概述

    前端基本内容概述 HTML HTML(超文本标记语言)是一种用于创建网页的标准标记语言. CSS CSS(层叠样式表)是一种用来为结构化文档添加样式的计算机语言....解释型语言: 将代码一句一句直接运行, 不需要像编译语言经过编译器先行编译为机器码之后再运行 ES6 ES6(ECMAScript6)是新版本JavaScript语言的标准....AJAX的优点: 在不重新加载整个页面的情况下, 可以与服务器交换数据，并更新部分网页内容. jQuery jQuery是一套跨浏览器的JavaScript库, 简化HTML与JavaScript之间的操作...好处: 使用RequireJS加载模块化脚本将提高代码的加载速度和质量....AMD AMD(Asynchromous Module Definition): RequireJS在推广过程中对模块定义的规范化产出，它是一个在浏览器端模块化开发的规范.

    93110

    web前端开发工程师的三个阶段需要掌握哪些内容

    随着信息技术不断发展，前端技术的发展也经历了不同的阶段。前端概念随着移动智能手机的普及被正式提出，混合APP开始被广泛开发。...大规模的公司把这些分得很细, 前端其实是个很大的范畴。简单点说，针对浏览器的开发，浏览器呈现出来的页面就是前端。它的实质是前端代码在浏览器端被编译、运行、渲染。...前端代码主要由三个部分构成：HTML（超文本标记语言）、CSS（级联样式表）、JavaScript 。web前端开发工程师的三种级别，一般分为初级工程师、中级工程师、高级工程师。...进阶就是要学习es6 7 语法、vuex、Element_ui （开发pc端框架）、vux（开发手机端框架）、Mint UI（开发手机端框架）、Nodejs（后端语言，js语法） 在掌握了基础模块的基础上...例如，页面架构、移动页面开发、单页系统、前端工程化、各种框架和工具的使用等知识。欢迎大家在评论区评论留言，千锋哈尔滨小编会及时给大家解答疑惑的

    1.3K10

    前端的发展历程

    前端的发展历程 什么是前端 前端：针对浏览器的开发，代码在浏览器运行 后端：针对服务器的开发，代码在服务器运行 前端三剑客 HTML CSS JavaScript HTML HTML（超文本标记语言——...超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）： HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6...）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。...它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。...Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。严格的来说，Node.js其实是一个后端语言。

    2.2K21

    Web前端知识系列（包括web前端全部知识点）

    前端框架 lJquery lbootstrap 5)5)Ajax 1.HTML 1.1.为何学习HTML 1.2.HTML.概述 HTML：Hyper Text Markup Language ：超文本标记语言...超文本：功能比普通文本更加强大 标记语言：使用一组标签对内容进行描述的语言， W3C组织[n1] 学习HTML的途径[n2] 1.3.HTML语言特点 1)HTML文件不需要编译,直接使用浏览器阅读即可...配模适配(响应式) 4.2.2.2.1.移动设备设置 在 Bootstrap 2 中，我们对框架中的某些关键部分增加了对移动设备友好的样式。...也就是说，Bootstrap 是移动设备优先的。针对移动设备的样式融合进了框架的每个角落，而不是增加一个额外的文件。...[n1] 在移动设备浏览器上，通过为视口（viewport）设置

    2.8K10

    收好61个前端热词清单，成为跟上潮流的前端仔

    Cache 缓存 缓存是临时数据存储，在你第一次访问一个网站时，将相关信息存储在你的电脑上，从而帮助提高网站速度。...超文本标记语言 HTML "超文本标记语言" 在形式和功能方面用于建立网站的编码语言。 超文本传输（或转移）协议 HTTP 超文本传输（或转移）协议，万维网上使用的数据传输协议。...一旦网页准备上线，为了最小化代码，开发人员将删除这些注释和空格，以确保更快的页面加载时间。 移动端优先 Mobile-first 移动端优先是一种优先考虑移动设备的网页设计和开发方法。...在移动优先的方法下，网站首先是为小屏幕建立的，而不是在建立网站时考虑到桌面，然后再考虑它在移动设备上的外观。...分辨率 Resolution 分辨率是用来描述图像或屏幕的大小的一种度量。 响应式设计 Responsive Design 响应式设计确保无论用户在什么设备上浏览网站，都能正确显示。

    2.7K65

    月入35k大佬总结：web前端必须学习的内容（附全套前端教程）

    根据对100家互联网名企对Web开发工程师的招聘要求分析，企业要求主要有两部分，一个是核心要求，一个是辅助要求，核心要求包括：语言技术：JS基础和核心/HTML5/CSS3、框架技术：JQuery、AJAX...Web前端的学习路线 第一阶段——HTML的学习 超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是...因 此，我们必须掌握HTML的基本结构和常用标记及属性。 HTML 的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。...为了完成这个任务，我们进入第三个阶段——JavaScript的学习 JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效...jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其 write less,do more的核心宗旨。

    2.8K40

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

    前端Web开发人员使用三种主要编码语言来编写由Web设计人员创建的网站和Web应用程序设计： HTML CSS JavaScript 他们编写的代码在用户的浏览器中运行（而不是后端开发人员，其代码在...Web服务器上运行）。...HTML、CSS HTML（超文本标记语言）和CSS（层叠样式表）是Web编码的最基本构建块。没有这两件事，你就无法创建一个网站设计，而你最终得到的只是屏幕上没有格式化的纯文本。...响应式和移动设计 仅在中国，更多人通过移动设备访问互联网而不是台式电脑，因此难怪响应和移动设计技能对雇主来说非常重要。...在移动设备上，同一网站将显示为针对触摸交互进行优化的单个列，但使用相同的基本文件。 移动设计可以包括响应式设计，但也包括创建单独的移动专用设计。

    1.9K20

    2029年前端这个行业需求递增超过8%，你需要掌握这七项技能要掌握

    优化图形和页面速度以增强用户体验 检查整个网站的品牌一致性 对核心网站元素进行及时的功能测试 开发功能以使网站适合移动设备 创建可在任何浏览器中增强用户交互的工具 实施现场搜索引擎优化 (SEO) 成为前端开发人员所需的技能只要您掌握了正确的技能...以下是前端开发人员必须具备的七大技术技能列表。 01、HTML 和 CSS 超文本标记语言 (HTML) 和级联样式表 (CSS) 是网站的基本要素。...jQuery 是一个常用的开源 JavaScript 库，具有大量自定义选项。 04、版本控制 2.png 版本控制系统是专门设计用于跟踪代码随时间变化的软件。...此外，开发人员使用响应式设计技术来更改站点布局和设计，具体取决于访问它的设备类型。 例如，当 PC 访问桌面网站时，该网站使用更多的屏幕空间和小字体，而不是使用更大的文本和更少的屏幕空间的移动网站。...这比所有其他职业的预期增长速度要快得多，主要是由于移动设备和电子商务平台的日益普及。

    1K00

    全栈开发自学路线

    在电子计算机中，标记指计算机所能理解的信息符号，通过此种标记，计算机之间可以处理包含各种的信息比如文章等。它可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。...Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。 V8引擎执行Javascript的速度非常快，性能非常好。...Node.js 使用事件驱动， 非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用。...它采用"Logic-less template"（无逻辑模版）的思路，在加载时被预编译，而不是到了客户端执行到代码时再去编译， 这样可以保证模板加载和运行的速度。...当用户运行Page Speed，可以立即获得如何改进网页载入速度的建议。

    4.6K164

    前端面试题归类-HTML2

    一、 SGML 、 HTML 、XML 和 XHTML 的区别？SGML 是标准通用标记语言，是一种定义电子文档结构和描述其内容的国际标准语言，是所有电子文档标记语言的起源。...HTML 是超文本标记语言，主要是用于规定怎么显示网页。...XHTML 也是现在基本上所有网页都在用的标记语言，他其实和 HTML 没什么本质的区别，标签都一样，用法也都一样，就是比 HTML 更严格，比如标签必须都用小写，标签都必须有闭合标签等。...我们有时用移动设备访问桌面版网页就会看到一个横向滚动条，这里可显示区域的宽度就是viewport的宽度。...H5是HTML5的简称，就是“HTML”的第5个版本，也就是第5个版本的超文本标记语言。六、 页面导入样式时，使用 link 和 @import 有什么区别？

    1.1K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券