1.前端--基本概念

已于 2024-01-21 21:29:16 修改
阅读量522 收藏 9
点赞数 8
分类专栏： 前端 文章标签： 开发语言
于 2023-11-25 17:53:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_72068016/article/details/134617673
版权

1.网站与网页

网站是网页集合。
网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。

2.Web的构成

主要包括结构（Structure） 、表现（Presentation）和行为（Behavior）三个方面。
结构写到 HTML文件中， 表现写到 CSS 文件中， 行为写到 JavaScript 文件中。

3.VScode插件的下载

1.汉化
在这里插入图片描述

2.自动补齐标签
在这里插入图片描述

3.右键用浏览器解析HTML文件
在这里插入图片描述

4.实时在浏览器上预览
在这里插入图片描述

4.常用快捷键

shift + alt+下 复制上一行内容
alt + z 自动换行
ctrl + h 替换全部

不愿摆烂的北极熊！
关注
  • 8
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
akka.js-dom:Akka.Js DOM框架
04-30
Akka.Js DOM 用于基于前端应用程序的简约框架 特色： 本地可变状态（使用VDOM） 页面/应用程序分离 应用程序的位置透明性 真正的并行性（通过Workers实现多线程） 完全异步 轻松的员工间沟通 安装 npm install --save akkajs-dom 快速开始 确保已安装npm并克隆此存储库。 进入demo目录中的示例之一并运行： npm install npm run build npm run serve 您将在现代浏览器http://localhost:3000获得结果。 这些示例旨在视为“现场”，鼓励您与他们一起玩！ 概述 我们假设您对Akka.Js的基本概念有所了解。 否则，请先选择 Akka.Js DOM具有2个核心组件： UiManager DomActor UiManager UiManager是最小的“页内”驱动程序，占用的Ui
Curso-Node.js-para-desarrolladores-Front-end_ed6:FICTIZIA»面向前端开发人员的Node.js课程-第6版
04-27
前端开发人员的Node.js课程 自动化，JavaScript服务器端，Express，Yeoman，Gulp，Bower，Heroku，Firebase，Bots。 Node.js是从Google Chrome V8引擎创建的后端JavaScript编程环境。 Node.js允许您非常快速地创建HTTP服务器，并以比传统环境（如PHP和MySQL）更大的敏捷性来处理请求。 Node.js课程大纲旨在让学生发现服务器端JavaScript开发的基础知识和基础知识，并获得必要的功能来自动化日常任务（如缩小和测试）。 学生还将学习使用现代API进行开发的所有基本概念，以便以高效的方式（AJAX服务器端），终端的使用，Node的异步性和特殊性与他人共享数据。 在Node.js课程中，学生还将对在现代Web开发环境中轻松地运行以及高效的工作流程具有必要的一切知识，包括使用Git / Git
资源专区-毕业设计-Vue前端-户籍管理系统
05-23
摘 要 I Abstract II 1 系统大概 1 1.1 系统背景 1 1.2 研究意义 1 1.3 本文结构 2 1.4 开发平台简介 2 1.4.1 Java语言的特点  2 1.4.2 J2EE概述 3 1.4.3 B/S结构概述 4 1.4.4 MySQL  5 1.4.5 Tomcat  6 1.4.6 JSP.NET 7 1.4.7 开发流程 8 1.4.8 Eclipse简介 10 1.4.9 office工具简介 10 2 系统分析 12 2.1 技术可行性分析 13 2.2 经济可行性分析 14 2.3 操作可行性分析 15 3 系统设计 16 3.1 系统需求 16 3.2 功能需求 17 3.3 硬件要求 18 3.4 系统用例分析 19 3.4.1 用例图概念 19 3.4.2 用例分析 20 3.5 数据库设计 21 3.5.1 数据库基本结构 21 3.5.2 数据库维护设计 22 3.5.3 表结构设计 24 4 详细设计及系统实施 26 4.1 系统功能流程图 26 4.2 登录功能设
前端开发的基本流程-概念
04-02
前端开发的基本流程通常涉及以下几个主要步骤： 需求分析与设计：首先，前端开发人员需要与产品经理、UI设计师等相关人员深入沟通，明确项目的需求和设计方向。这包括了解项目的整体架构、页面布局、交互效果等。 技术选型与准备：根据项目需求，选择合适的前端技术栈，如HTML、CSS、JavaScript等，并准备好相应的开发工具和环境。 静态页面制作：根据UI设计师提供的设计稿，使用HTML和CSS等技术制作静态页面。这包括页面的布局、样式、字体、图片等元素的实现。 交互效果实现：使用JavaScript等技术为页面添加交互效果，如轮播图、表单验证、动态数据加载等。同时，需要确保交互效果符合设计稿的要求，并且具备良好的用户体验。 接口对接与数据渲染：与后端开发人员协作，对接API接口，获取数据并渲染到页面上。这涉及到数据的请求、处理、展示等环节，需要确保数据的准确性和实时性。 测试与优化：对前端页面进行功能测试、性能测试、兼容性测试等，确保页面的稳定性和可用性。同时，根据测试结果进行优化，提升页面的性能和用户体验。 部署与上线：将前端代码
Curso-Node.js-para-desarrolladores-Front-end_ed5:FICTIZIA»面向前端开发人员的Node.js课程-第5版
05-17
前端开发人员的Node.js课程 自动化，JavaScript服务器端，Express，Yeoman，Gulp，Bower，Heroku，Firebase，Bots。 Node.js是从Google Chrome V8引擎创建的后端JavaScript编程环境。 Node.js允许您非常快速地创建HTTP服务器，并以比传统环境（如PHP和MySQL）更大的敏捷性来处理请求。 Node.js课程大纲旨在让学生发现服务器端JavaScript开发的基础知识和基础知识，并获得必要的功能来自动化日常任务（如缩小和测试）。 学生还将学习使用现代API进行开发的所有基本概念，以便以高效的方式（AJAX服务器端），终端的使用，Node的异步性和特殊性与他人共享数据。 在Node.js课程中，学生还将深入了解他们在现代Web开发环境中流畅地运行所需的一切以及高效的工作流程：使用Git / GitH
Vue.js - 前端路由的概念与原理
一个水瓶座程序猿的博客
11-07 1783
Vue.js - 前端路由的概念与原理。该文章描述Vue.js路由的概念及原理，文中包含Vue-router的使用，路由重定向，动态路由，路由动态参数获取，两种路由导航，全局路由前置导航守卫等知识，可使读者更好的理解 Vue-router...
Three.js--》前端开发者掌握3d技术不再是梦，初识threejs
ztK63LrD的博客
04-25 4062
对于网站而言，web 3d 技术应用，实现了企业网站的三维呈现，让企业形象更加直观更立体的展现给客户，打破传统平面展示模式，而传统的3d技术shader直接让前端开发者去挑战的话其实是有难度的，因为其和前端真的就是两种不一样的东西，由此适配前端开发者使用3d技术的three.js应运而生，让前端开发者掌握3d技术不再是梦
【前端-Vue系列】webpack基础
热门推荐
檀越的博客
06-30 2万+
小白眼中的前端开发 vs 实际的前端开发会写 HTML + CSS + JavaScript 就会前端开发需要美化页面样式，就拽一个 bootstrap 过来需要操作 DOM 或发起 Ajax 请求，再拽一个 jQuery 过来需要快速实现网页布局效果，就拽一个 Layui 过来模块化（js 的模块化、css 的模块化、资源的模块化）组件化（复用现有的 UI 结构、样式、行为）规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、 Git 分支管理）
微前端-qiankun
weixin_43193877的博客
07-11 1万+
微前端-qiankun的使用 qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 qiankun官网：Go 当使用 iframe 整合系统时，假设我们有系统 A, 当我们想把系统 B 引入 A 系统时，只需要 B 系统提供一个 url 给 A 系统引用即可，这里我们把 A 系统叫做父应用，把 B 系统叫做子应用。同样的，微前端也延续了这个概念，微前端在使用起来基本和使用 iframe 一样平滑。分为：主应用(父)，微应用(子) ..
前端 --- CSS
wwzzzzzzzzzzzzz的博客
04-14 4970
1. CSS 1.1 什么是CSS CSS的英文名为 Cascading Style Sheet,中文为层叠样式表 CSS 能够对网页中元素位置的排版进行像素级精确控制, 实现美化页面的效果. 能够做到页面的样式和结构分离. 1.2 CSS 的基本语法 选择器+{ 属性: 属性值; } 例如: <style> p { font-size : 10px; color : red; } </style> <p>你好</p> 1.3 CSS的使用方式
Webpack（干货嗷）
qq_50934325的博客
05-13 321
铺垫(自学) yarn包管理器(可选) 快速、可靠、安全的依赖管理工具。和 npm 类似, 都是包管理工具, 可以用于下载包, 就是比npm快 下载yarn 下载地址: https://yarn.bootcss.com/docs/install/#windows-stable windows - 软件包(在笔记文件夹里) mac - 通过homebrew安装(看上面地址里) 不要安到带中文的路径下, 建议在C盘 使用yarn 与npm类似, 可以试试 # 1. 初始化, 得到package.json文
前端基本概念
ShaunMads0_0的博客
07-30 837
react-router 路由 Antd UI组件库 版本管理混乱 mobx 状态管理库 webpack 构建工具：编译、打包、转换（ES6转ES5） lodash jquery库，对象、集合、数组的操作 echarts 图表工具 proptypes 类型检查 eslint 语法检查 axios 异步请求 mobx 面向对象的状态管理 redux moment 时间管理 less 是css的预编译...
聊一聊开发语言的基础控制结构
m0_46552684的博客
05-28 1426
一、描述下for循环、while循环和do-while循环的区别和用法。在编程中，for循环、while循环和do-while循环是用于重复执行一段代码直到满足特定条件的控制结构。每种循环都有其特定的用途和语法。
26. 基于视觉的道路识别技术的智能小车导航源代码.zip
06-02
1.智能循迹寻光小车(原埋图+PCB+程序).zip 2.智能循迹小车程序.zip 3.智能寻迹小车c程序和驱动.zip 4. 智能小车寻迹(含霍尔测連)c程序,zip 5.智能小车完整控制程序,zip 6.智能小车黑线循迹、避障、遥控实验综合程序,zip 7.智能小车测速+12864显示 C程序,zip 8. 智能小车(循迹、避障、遥控、测距、电压检测)原理图及源代码,zip 9.智能灭火小车,zip 10,智能搬运机器人程序.zip 11.智能arduino小车源程序,z1p 12.-种基于STM32的语音蓝牙智能小车,zip 13.循迹小车决赛程序,zip 14.循迹小车51程序(超声波 颜色识别 舵机 步进电机 1602).zip 15.寻光小车,zip 16.小车测速程序,zip 17.五路循迹智能小车c源码.zip 18.无线小车原理图和程序,zip 19.四驱智能小车资料包(源程序+原理图+芯片手册+各模块产品手册).zip 20.4WD小车安装教程及程序,z1p 21.四路红外循迹小车决赛程序,zip 22,适合初学者借鉴的arduino智能小车代码集合,zip 23.脑电波控制小车,zip 24.蓝牙智能避障小车,zip 25.基于树莓派监控小车源码.zip 26.基于视觉的道路识别技术的智能小车导航源代码,zip 27.基于STM32F407的超声波智能跟随小车,zip 28.基于arduino的蓝牙智能小车,zip.zip 29.基于51的蓝牙智能小车,zip 30.基于51单片机的红外遥控控制小车程序,zip
295_驾校预约管理系统的设计与实现-源码.zip
06-02
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。
price2016.csv
最新发布
06-02
price2016.csv
三层复式别墅-别墅结构.dwg
06-02
三层复式别墅—别墅结构.dwg
13. 循迹小车决赛程序.zip
06-02
1.智能循迹寻光小车(原埋图+PCB+程序).zip 2.智能循迹小车程序.zip 3.智能寻迹小车c程序和驱动.zip 4. 智能小车寻迹(含霍尔测連)c程序,zip 5.智能小车完整控制程序,zip 6.智能小车黑线循迹、避障、遥控实验综合程序,zip 7.智能小车测速+12864显示 C程序,zip 8. 智能小车(循迹、避障、遥控、测距、电压检测)原理图及源代码,zip 9.智能灭火小车,zip 10,智能搬运机器人程序.zip 11.智能arduino小车源程序,z1p 12.-种基于STM32的语音蓝牙智能小车,zip 13.循迹小车决赛程序,zip 14.循迹小车51程序(超声波 颜色识别 舵机 步进电机 1602).zip 15.寻光小车,zip 16.小车测速程序,zip 17.五路循迹智能小车c源码.zip 18.无线小车原理图和程序,zip 19.四驱智能小车资料包(源程序+原理图+芯片手册+各模块产品手册).zip 20.4WD小车安装教程及程序,z1p 21.四路红外循迹小车决赛程序,zip 22,适合初学者借鉴的arduino智能小车代码集合,zip 23.脑电波控制小车,zip 24.蓝牙智能避障小车,zip 25.基于树莓派监控小车源码.zip 26.基于视觉的道路识别技术的智能小车导航源代码,zip 27.基于STM32F407的超声波智能跟随小车,zip 28.基于arduino的蓝牙智能小车,zip.zip 29.基于51的蓝牙智能小车,zip 30.基于51单片机的红外遥控控制小车程序,zip
基于 Java-swing+Mysql 实现的电影票购票管理系统(视频+源码)
06-02
【作品名称】：基于 Java_swing+Mysql 实现的电影票购票管理系统(视频+源码) 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【项目介绍】：
Vue.js 的基本概念与用法
06-09
Vue.js 是一个渐进式 JavaScript 框架，它可以用于构建用户界面。Vue.js 通过数据绑定和组件化的方式，简化了前端开发的复杂性，提高了开发效率。 Vue.js 的基本概念包括： 1. 模板语法：Vue.js 使用类似 HTML 的模板语法，使开发者可以更直观地编写界面。 2. 数据绑定：Vue.js 提供了双向数据绑定的功能，通过将数据和视图绑定在一起，可以实现数据的自动更新。 3. 组件化：Vue.js 将界面拆分成一个个的组件，每个组件都有自己的逻辑和样式，可以实现代码的复用和维护。 4. 生命周期：Vue.js 提供了一系列的生命周期钩子函数，可以在组件的不同阶段执行一些操作。 Vue.js 的用法包括： 1. 引入 Vue.js：在 HTML 页面中引入 Vue.js 的库文件。 2. 创建 Vue 实例：通过实例化 Vue 类创建一个 Vue 实例，并传入一个配置对象，用于配置 Vue 实例的选项。 3. 绑定数据：Vue.js 中可以使用 v-bind 指令将数据绑定到 HTML 元素中，也可以使用 {{}} 语法将数据绑定到模板中。 4. 响应式更新：当数据发生改变时，Vue.js 会自动更新对应的视图，从而实现响应式更新。 5. 组件化开发：将界面拆分成一个个的组件，每个组件都有自己的逻辑和样式，可以实现代码的复用和维护。 6. 生命周期：在组件的不同阶段执行一些操作，比如在组件创建时执行一些初始化操作，在组件销毁时执行一些清理操作等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值