web 入门

已于 2024-09-15 06:16:53 修改
阅读量1.1k 收藏 14
点赞数 25
CC 4.0 BY-SA版权
分类专栏： web前端（HTML+CSS+JavaScript） 文章标签： 前端
于 2024-09-11 12:56:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40171190/article/details/142113602

安装基础软件

安装文本编辑器

推荐：visualstudio
在这里插入图片描述

安装浏览器

Windows 10 默认带有 Microsoft Edge 浏览器，至少安装两款浏览器以便在开发过程中进行测试。
推荐：

  1. firefox
    在firefox
  2. chrome
    chrome

安装本地 Web 测试服务器

在代码编辑器visualstudio中使用扩展vscode-preview-server，这个扩展可以帮助测试前端代码效果。
在这里插入图片描述

设计网站外观

构思做一个什么样子的网站

企业官网、个人博客、门户网站、视频网站等等。

绘制草图

简单画出页面布局。

选定素材

根据画出的页面布局寻找或者创造相应的图片、图标、文本等素材。

文本

撰写好基本的标题文本。

主题颜色

挑选心仪的主题颜色，几个配色方案网站：

  1. https://coolors.co/palettes/trending
    在这里插入图片描述

  2. https://colorhunt.co

最低0.47元/天 解锁文章

200万优质内容无限畅学
ctfshow web入门 web87
2401_83272517的博客
05-25 1280
入门2年半还没有入门的菜坤的日常wp
ctfshow web入门 爆破web25详解
m0_73860001的博客
07-11 1221
这里说一下为什么这样做，因为如果我直接打开终端，接着输入【tar -zxvf php_mt_seed-4.0.tar.gz】的话我这台虚拟机上会报错，但我对这个虚拟机不熟悉，去找了一些资料有以为博主是输入了绝对路径解决这个报错的，【tar -zxvf 绝对路径】，我懒得去找绝对路径就有感而发从那里试了试，没想到成功了。4.随后【下载】那里会出现一个【php_mt_seed-4.0】的文件夹，右键出现菜单点击【从这里打开终端】这里我是在【./php_mt_seed 2078517280】加了一个.c，
HT for Web 入门手册
08-02
HT for Web是基于HTML5标准的企业应用图形界面一站式解决方案， 其包含通用组件、拓扑组件和3D渲染引擎等丰富的图形界面开发类库，提供了完全基于HTML5的矢量编辑器、拓扑编辑器及 3D场景编辑器等多套可视化设计工具...
Web入门指北1
08-03
Web入门指南旨在帮助初学者了解并踏入Web安全领域。Web方向是网络安全竞赛（CTF）中的一个重要部分，因其不需要深入的系统底层知识或高级数学能力而成为相对较易入门的领域。Web安全的特点在于其涉及的知识点众多且...
CTFShow-WEB入门篇命令执行详细Wp(29-40)_ctfshow-web入门篇详细wp(1)
2301_82056337的博客
05-07 1142
Python编程学习，学习内容包含：语法、正则、文件、 网络、多线程等常用库，推荐《Python核心编程》，不要看完；在实际的渗透测试过程中，面对复杂多变的网络环境，当常用工具不能满足实际需求的时候，往往需要对现有工具进行扩展，或者编写符合我们要求的工具、自动化脚本，这个时候就需要具备一定的编程能力。恭喜你，如果学到这里，你基本可以从事一份网络安全相关的工作，比如渗透测试、Web 渗透、安全服务、安全分析等岗位；③漏洞扫描、漏洞利用、原理，利用方法、工具（MSF）、绕过IDS和反病毒侦察。
electron进程间通信- 从渲染进程到主进程
最新发布
唐璜Taro的博客
08-13 462
本文介绍了Electron中的IPC进程间通信机制，重点解析了从渲染进程到主进程的单向通信实现方式。这种设计既保证了功能实现，又遵循了Electron的安全通信原则，是开发桌面应用的常用模式。
基于SpringBoot校园管理系统
2501_90968670的博客
08-13 490
校园管理系统是一个基于Spring Boot + Vue.js的全栈应用，专注于高校内部的多角色协作管理。系统实现了院校管理、单位管理、用户管理、通知推送、投票管理等功能模块，满足管理员、院校管理员、普通用户三类角色的不同操作需求。核心目标是提升校园管理效率，实现通知精准推送与数据可视化统计。
WebGIS视角下基孔肯雅热流行风险地区分类实战解析
夜郎King的博客
08-09 2352
本研究旨在通过系统梳理 WebGIS 技术在传染病流行风险评估中的应用现状与优势，结合基孔肯雅热的流行特点和防控需求，构建一套基于 WebGIS 的流行风险地区分类展示系统。
Next.js 国际化：打造多语言应用
zimin的专栏
08-12 802
Next.js 作为一个全栈 React 框架，在构建全球性应用时，国际化（Internationalization, i18n）是不可或缺的功能。国际化允许应用支持多种语言和区域设置，实现语言检测、内容翻译和路由本地化，提升用户体验并扩大受众范围。Next.js 通过灵活的配置和库支持，如 next-i18next 或内置的 i18n 功能，简化了多语言应用的开发。i18n 的核心包括语言检测（根据用户浏览器或首选项自动切换语言）、内容翻译（使用 JSON 文件或第三方服务）和路由本地化（如 /en/
前端工程化：pinia
西岭千秋雪的博客
08-11 571
本文介绍了Pinia作为Vue.js官方推荐的状态管理库，用以解决组件间数据共享和状态同步问题。文章首先说明状态管理的必要性，随后详细讲解Pinia的初始化配置，包括安装、挂载和Store创建（包含state、getter、action）。最后通过示例展示如何在组件中使用Store，实现数据获取和渲染。Pinia能有效简化复杂应用的状态管理，提升开发效率。
3.4路由守卫
chxii的专栏
08-10 705
在Vue 2中，Vue Router提供了路由守卫（Navigation Guards）的功能，这允许你在路由跳转之前或之后执行逻辑。这些守卫可以用来处理认证、授权、页面标题修改、记录分析数据等任务。
后端Web实战-MySQL数据库
sjdjjdkd的博客
08-13 713
MySQL官方提供了两个版本：商业版本（MySQL Enterprise Edition）该版本是收费的，我们可以使用30天。官方会提供对应的技术支持。社区版本（MySQL Community Server）该版本是免费的，但是MySQL不会提供任何的技术支持。本课程，采用的是MySQL的社区版本（8.0.34）1.SQL语句可以单行或者多行书写，以分号结尾。2、SQL语句可以使用空格/缩进来增强语句的可读性。3、MySQL数据库的SQL语句不区分大小写。
day23｜前端学习三件套
universe_01的博客
08-11 604
1、html和css。control shift+k能删掉光标所在那一行。3、找了一个新的html和css。css编写位置：行内样式（内联样式），内部样式，外部样式。基本选择器：通配选择器，元素选择器，类选择器，ID选择器。es6导出数据：分别导出，统一导出export ｛ ｝<ul>unordered list无序列表。<ol>order list 有序列表。使用何种导入方式，要根据导出方式决定。ES6模块化浏览器端应用广泛。inheritance继承。组合选择器，后代选择器。ahchor锚<a>
前端八股文面试题】【JavaScript篇8】作用域链介绍？
qq_45974648的博客
08-13 266
JavaScript作用域链解析：作用域链是变量查找的层级规则，决定代码如何访问变量和函数。其核心逻辑为：从当前作用域开始查找，逐层向外直到全局作用域。函数定义时即确定作用域链（词法作用域），与调用位置无关。闭包是作用域链的典型应用，内部函数可访问外部函数变量。作用域链由函数作用域、块级作用域（ES6+）和全局作用域构成，理解其机制有助于避免变量冲突，是掌握闭包、模块化等高级概念的基础。
【前端】qs 库详细介绍
qq_45974648的博客
08-12 887
qs 是一个高效的 JavaScript 查询字符串处理库，支持复杂数据结构的解析（parse）和序列化（stringify），弥补了原生 URLSearchParams 的不足。核心功能包括：将查询字符串转为对象（支持嵌套结构）和将对象转为查询字符串。关键特性有嵌套对象处理、多种数组编码格式、深度控制与安全限制、自定义编解码等。qs 广泛应用于 HTTP 请求处理、服务器参数解析和复杂表单数据处理，是 Axios 等库的默认查询处理器。相比原生方法，qs 支持更复杂的数据结构和更灵活的配置选项。
【web站点安全开发】任务2：HTML5核心特性与元素详解
不羁的博客
08-12 725
本文系统梳理了HTML的核心知识点与优化技巧，涵盖四大模块：1. HTML元素：详细解析行内、块级、行内块元素的布局特性与区别，以及替换/非替换元素的本质差异。2. HTML5新特性：重点介绍语义化标签、多媒体支持、增强表单、Canvas绘图、本地存储等核心功能，强调其开发价值与兼容性处理。3. 优化实践：提供图片加载、表单交互、页面性能、可访问性等场景的优化方案，包括懒加载、响应式图片、ARIA属性等实用技巧。4. 高频面试题：精解DOCTYPE、语义化、新特性等常见考点，帮助读者掌握面试应答要点。
虚拟机时区问题oss不能回显导致前端显示图片
2303_76992412的博客
08-10 329
上传图片后不显示，状态码返回200，表示成功，但是为什么就是没图片呢？
Profile.vue组件详细解析
weixin_45690427的博客
08-11 755
/ 编辑模式开关// 个人信息表单引用// 密码表单引用。
从0开始的中后台管理系统-5（userList页面功能实现）
A6516565189的博客
08-10 670
本文实现了一个基于React和Express的用户管理系统，包含完整的增删改查功能。前端使用Ant Design组件库和ahooks的useAntdTable钩子实现表格展示、搜索分页和表单联动；后端通过Express处理数据请求，将用户信息持久化存储在JSON文件中。系统特点包括：1）前端采用useAntdTable简化分页搜索逻辑；2）支持批量删除操作；3）实现了用户状态筛选和模糊搜索；4）后端通过中间件进行token验证；5）文件上传功能采用multer处理。整个系统展示了前后端分离开发模式下，前端处
ctfshow web入门
05-14
CTFShow是一个综合性的CTF比赛平台，其中包括Web安全、逆向工程、二进制漏洞、密码学、网络安全、杂项等多种类型的题目。如果你想学习Web安全的话，可以先从Web入门开始学起。 对于Web入门，你需要掌握以下知识： 1. HTTP协议：了解HTTP请求和响应的基本格式、状态码的含义等。 2. HTML、CSS、JavaScript：掌握基本的HTML标签、CSS样式和JavaScript语法。 3. Web框架：了解常见的Web框架，如Django、Flask等。 4. 数据库：了解关系型数据库和非关系型数据库的基本概念，如MySQL、MongoDB等。 5. Web漏洞：了解Web常见的漏洞类型，如SQL注入、XSS、CSRF等。 6. 代码审计：掌握代码审计的基本方法和技巧，对常见的漏洞进行检测和修复。 在学习过程中，可以结合一些CTF练习平台，如pwnable.kr、hackthebox.eu等进行练习和实战。此外，还可以参考一些优秀的Web安全书籍，如《Web安全深度剖析》、《Web前端黑客技术揭秘》等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

少侠PSY

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值