web前端
关注
分享
扫一扫
文章平均质量分 84
web前端必须学习HTML，CSS，JavaScript等基本框架
情绪员Tim
这个人很懒，什么也没留下！
展开
-
2023年的 Web 前端开发建议需要具备技能
2023年的 Web 前端开发需要具备一系列技能，以应对不断变化的技术环境和满足日益增长的业务需求。原创 2023-11-29 09:43:05 · 744 阅读 · 0 评论 -
Git 是一种分布式版本控制系统常用指令
Git 是一种分布式版本控制系统，用于跟踪文件的变化并协同多人在同一个项目中进行开发。原创 2023-11-29 09:39:34 · 283 阅读 · 0 评论 -
VSCode开发 Vue3 建议必备的插件
在使用 Visual Studio Code (VSCode) 开发 Vue 3 项目时，有一些插件可以提高开发效率、代码质量和工作流程。原创 2023-11-28 18:25:29 · 25588 阅读 · 2 评论 -
九、TypeScript之Web 开发
下棋游戏（XXOO）是通过Web（网页）开发实现的，因此，我们要学习Web开发的相关知识。如何使用？注意：不再双击打开html页面！解释：--watch表示启用监视模式，只要重新保存了ts文件，就会自动调用tsc将ts转化为js。解释：获取页面中id为title的DOM元素。类型断言问题：调用querySelector()通过id选择器获取DOM元素时，拿到的元素类型都是Element。比如：技巧：通过console.dir()打印DOM对象，来查看该元素的类型。解释：获取页面中所有class属性包含a的元原创 2022-06-20 08:25:39 · 1256 阅读 · 0 评论 -
零基础JavaScript-BOM入门（第七天）
一、本地存储随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。本地存储特性1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不丢失数据 3、容量较大，sessionStorage约5M、localStorage约20M 4、只能存储字符串，可以将对象JSON.stringify() 编码后存储1.window.sessionStorage1、生命周期为关闭浏览器窗口2原创 2022-02-25 20:23:35 · 136 阅读 · 0 评论 -
零基础JavaScript-BOM入门（第五天）（第六天）
视频：黑马程序员JavaScript核心教程，前端基础教程，JS必会的DOM BOM操作_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1k4411w7sV?p=1此文章是本人学习视频自我总结，如有侵犯还望原谅。侵权必删。...原创 2022-02-25 15:47:57 · 271 阅读 · 0 评论 -
零基础JavaScript-BOM入门（第四天）
视频：黑马程序员JavaScript核心教程，前端基础教程，JS必会的DOM BOM操作_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1k4411w7sV?p=1此文章是本人学习视频自我总结，如有侵犯还望原谅。侵权必删。...原创 2022-02-23 22:17:50 · 362 阅读 · 0 评论 -
零基础JavaScript-DOM入门（第三天）
一、事件高级1.注册事件（绑定事件）1.1 注册事件概述给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听注册方式1.2 addEventListener 事件监听方式eventTarget.addEventListener(type, listener[, useCapture]) eventTarget.addEventListener()方法将指定的监听器注册到 eventTarget（目标对象）上，当该对象触发指定的事件时，就会...原创 2022-02-23 16:32:36 · 237 阅读 · 0 评论 -
零基础JavaScript-DOM入门（第一天）（第二天）
一、Web APIs 简介1.Web APIs 和 JS 基础关联性1.1 JS 的组成1.2 JS 基础阶段以及 Web APIs 阶段JS 基础学习 ECMAScript 基础语法为后面作铺垫， Web APIs 是 JS 的应用，大量使用 JS 基础语法做交互效果2.API 和 Web API2.1 APIAPI（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得原创 2022-02-22 22:01:39 · 275 阅读 · 0 评论 -
零基础JavaScript入门（第六天）
一、JavaScript 内置对象1.内置对象JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象 前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于我们JS 独有的， 我们JS API 讲解 内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法） 内置对象最大的优点就是帮助我们快速开发 JavaScript 提供了多个内置对象：Math、 Date 、Array...原创 2022-02-21 13:29:36 · 401 阅读 · 0 评论 -
零基础JavaScript入门（第五天）
JavaScript 函数一、函数的概念函数的使用函数的参数函数的返回值arguments的使用函数案例函数的两种声明方式视频：黑马程序员JavaScript全套教程，Web前端必学的JS入门教程，零基础JavaScript入门_哔哩哔哩_bilibili此文章是本人学习视频自我总结，如有侵犯还望原谅。侵权必删。......原创 2022-02-21 13:29:04 · 268 阅读 · 0 评论 -
零基础JavaScript入门（第四天）
一、JavaScript 数组1.数组的概念数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。// 普通变量一次只能存储一个值var num = 10;// 数组一次可以存储多个值var arr = [1,2,3,4,5];2.创建数组1.数组的创建方式JS 中创建数组有两种方式：利用 new 创建数组 利用数组字面量创建数组2.利用 new 创建数组var 数....原创 2022-02-18 14:41:49 · 1686 阅读 · 0 评论 -
零基础JavaScript入门（第三天）
一、JavaScript 流程控制-循环1.循环循环目的 ：实际问题中，有许多具有规律性的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句JS 中的循环 在Js 中，主要有三种类型的循环语句：for 循环 while 循环 do...while 循环2.for 循环在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句1.语法结构for 循环主要用于把某些代码循环若干次，通..原创 2022-02-14 17:11:50 · 1250 阅读 · 0 评论 -
零基础JavaScript入门（第二天）
一、JavaScript 运算符1.运算符运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有：算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符2.算数运算符1.算术运算符概述概念：算术运算使用的符号，用于执行两个变量或值的算术运算。2.浮点数的精度问题浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数。var result .....原创 2022-01-12 12:13:49 · 426 阅读 · 0 评论 -
零基础JavaScript入门（第一天）
01-计算机编程基础02-初识JavaScript1. JS 有3种书写位置1. 行内式<input type="button" value="点我试试" onclick="alert('Hello World')" />2. 内嵌式<script> alert('Hello World~!'); </script>3. 外部 JS文件<script sr......原创 2022-01-11 10:46:58 · 1500 阅读 · 0 评论 -
0基础学web----小鲜项目搭建（拓展）
01-CSS精灵-作用02-CSS精灵-使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ini.原创 2022-04-12 19:56:24 · 390 阅读 · 0 评论 -
0基础学web----CSS定位装饰
01-定位-作用和使用步骤02-定位-相对relative03-了解-定位-注意事项04-定位-绝对absolut-参照浏览器05-定位-子绝父相06-案例-学成在线-hot07-定位-居中08-定位-位移居中09-案例-二维码10-案例-banner11-定位-固定12-定位-显示曾记13-vertical-align-0114-vertical-align-0215-光标类型16-圆角边框-基本使用17-圆角边框-工作场景18-溢出显示原创 2021-12-30 18:11:05 · 660 阅读 · 0 评论 -
0基础学web----CSS浮动
01-结构伪类-基本用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1..原创 2021-12-27 14:18:44 · 427 阅读 · 0 评论 -
0基础学web----CSS盒子模型
01-优先级-基本测试02-优先级-叠加计算03+优先级-计算题04-谷歌-排错05-PxCook06-组成07-浏览器效果08-内容width和height09-border使用方法10-尺寸计算-border11-案例12-新浪导航-布局div13-新浪导航-内容a14-padding-多值15-尺寸-border和padding16-新浪导航-padding优化17-内减模式18-外边距19-清楚默认样式20-版心居中...原创 2021-12-22 16:08:22 · 474 阅读 · 0 评论 -
0基础学web----CSS进阶
01-选择器-后代<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-12-16 18:04:45 · 472 阅读 · 0 评论 -
0基础学web----CSS基础
02-CSS引入方式03-选择器-标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale原创 2021-12-15 20:57:25 · 1093 阅读 · 0 评论 -
0基础学web----HTML基础
02-列表-无序和有序无序列表： <ul> <li>榴莲</li> <li>香蕉</li> <li>苹果</li> <li>哈密瓜</li> <li>火龙果</li> </ul>无序列表： <ol> ...原创 2021-12-14 16:27:33 · 562 阅读 · 0 评论 -
0基础学web----HTML认知
02-了解浏览器常用五大浏览器：IE浏览器、谷歌浏览器、火狐浏览器、safari浏览器（苹果浏览器）、opera浏览器（欧帕浏览器）03-初识web标准web前端标准技术：HTML（结构），CSS（样式），JavaSrcipt(行为)例如：HTML相当于人的身体，CSS相当于人的衣服，JavaScript相当于人的动作。04-html感知创建记事本来创建浏览器，将记事本后缀的txt改为html即可。添加内容：您好啊！web前端。运用<Strong></Strong&原创 2021-12-13 17:13:05 · 550 阅读 · 0 评论