自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 收藏
  • 关注

原创 【JavaScript基础入门】06 JavaScript 数据类型

为什么需要数据类型在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型简单来说,数据类型就是数据的类别型号。比如姓名“张三”,年龄18,这些数据的类型是不一样的变量的数据类型变量是用来存储值的所在处,它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript是一种弱类型或者说动态语言。

2024-01-29 14:27:40 1417

原创 【JavaScript基础入门】05 JavaScript基础语法(三)

通过我们前面所学的我们可以知道如果我们要保存一个数据,我们可以用var关键字去定义一个变量,但是如果数据很多呢?难道我需要一个个去定义?比如一个班上很多人,我们var name1 = "张三";var name2 = "李四";...一直这样定义下去?显然这是不科学的,而这也由此引出了我们的数组。

2024-01-28 23:55:23 1014

原创 【JavaScript基础入门】04 JavaScript基础语法(二)

在计算机中,数据都存在内存中。而一个变量,就是一个用于存放数值的容器,每个变量存放的数值是可变的,每个变量都有其独有的名字,每个变量都占有一段内存。加减乘除的运算和我们平时所用的差不多,大家可以自行在控制台中尝试。因为和其他语言不同的是,在 JavaScript 中,不管什么数字类型的全部用。从上述的图片中可以看出我们不能将这些直接应用于一个数字,不是对值进行操作,而是为变量赋值一个新的更新值。值得注意的就是引号中如果是一个数字,它依然是 string 类型的。函数,来查看我们声明的变量是什么类型的。

2024-01-28 23:50:51 932

原创 【JavaScript基础入门】03 JavaScript 基础语法(一)

输入和输出也可以理解为人和计算机的交互,用户通过键盘,鼠标等向计算机输入信息,计算机处理后再展示结果给用户,这便是一次输入输出的过程。注意:alert() 主要用来显示消息给用户,console.log() 用来给程序员自己看运行时的消息。向body内输出内容,如果输出的内容写的是标签,也会被解析成网页元素。显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字。默认快捷键 alt + shift + a。控制台输出语法,程序员调试使用。JS 有3种书写位置,分别为。作用:用来注释多行文字。

2024-01-28 23:45:23 932

原创 【JavaScript 基础入门】02 JavaScrip 详细介绍

浏览器分成两部分:渲染引擎和 JS 引擎浏览器本身并不会执行JS代码,而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码。JS 引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以 JavaScript 语言归为脚本语言,会逐行解释执行。

2024-01-28 22:20:45 861

原创 【JavaScript 基础入门】01 编程语言和计算机基础

计算机可以帮助人类解决某些问题程序员利用编程语言编写程序发出指令控制计算机来实现这些任务编程语言有机器语言、汇编语言、高级语言高级语言需要一个翻译器转换为计算机识别的机器语言编程语言是主动的有很强的逻辑性。

2024-01-28 21:58:16 625

原创 【Web前端开发基础】CSS3之空间转换和动画

空间:是从坐标轴角度定义的。x 、y 和z三条坐标轴构成了一个立体空间,z轴位置与视线方向相同空间转换也叫3D转换属性:transform2D转换能够改变元素X轴和Y轴方向特性,3D转换还能改变Z轴方向特性,并且可以通过视角设置透视关系,使元素具有透视效果动画是CSS3中具有颠覆性的特征之一,有通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。相较于过渡,动画可以实现更多变化,更多控制,连续自动播放等效果。

2024-01-24 23:44:50 1901 1

原创 【Web前端开发基础】CSS3之Web字体、字体图标、平面转换、渐变

每种字体都对应着相应的字体文件,没有 @font-face 规则之前,客户端是否能够正确显示 fontfamily 规定的字体,是由该字体的文件是否预装在客户端决定的。而 @font-face 规则可以将字体文件存放在服务器端,渲染页面时客户端请求从服务器端下载改字体文件进行使用平面转换改变盒子在平面内的形态(位移、旋转、缩放)2D转换平面转换属性transform。

2024-01-24 23:08:59 1095

原创 【富文本编辑器实战】04 菜单组件和编辑器的整合

在上一篇文章中,我们对整个编辑器项目的大体结构有了一定的了解,主要分为菜单栏和编辑区。菜单栏包括了编辑器的主要文本操作功能,且菜单项是可配置的。编辑器界面显示比较简单,是一个可编辑的 div 区域。接下来我们就来把编辑器的整体框架搭建起来,让其可以在界面上显示出来。

2024-01-23 19:50:03 1859

原创 【Web前端开发基础】前端基础布局之百分比布局、flex布局

本文介绍了目前前端布局的三种类型,包括传统型布局、Flex 布局、百分比布局,还介绍常见的布局单位,以及CSS的盒子模型

2024-01-23 12:48:53 1975

原创 【Web前端开发基础】CSS的定位和装饰

CSS 的定位(静态、相对、绝对、固定定位)子绝父相,垂直对齐、光标类型,边框圆角,以及CSS 选择器拓展

2024-01-22 23:28:08 1164

原创 【Web前端开发基础】CSS的结构伪类选择器、伪元素、浮动

介绍CSS的结构伪类选择器,伪元素、浮动元素、清除浮动的目的以及清除浮动的方法

2024-01-22 22:28:52 1247

原创 【Web前端开发基础】CSS的盒子模型

盒子的概念页面中的每一个标签,都可看做是一个“盒子”,通过盒子的视角更方便的进行布局浏览器在渲染(显示)网页时,会将网页中的元素看做是一个个的矩形区域,我们也形象的称之为盒子盒子模型内容区域(content)、内边距区域(padding)、边框区域(border)、外边距区域(margin )构成,这就是盒子模型记忆:可以联想现实中的包装盒。

2024-01-22 00:10:20 1164

原创 【富文本编辑器实战】03 Vuex 的配置编写

介绍 Vuex 是什么,什么是“状态管理模式”?如何在 Vue 项目中安装并使用 Vuex

2024-01-20 02:25:46 1259

原创 【富文本编辑器实战】02 编写编辑器配置文件

本篇文章主要内容是项目结构讲解,项目的配置文件的编写与讲解,包括菜单项配置、语言配置、总体配置。

2024-01-20 00:34:07 1223

原创 【富文本编辑器实战】01 项目介绍和搭建

富文本编辑器的介绍,与 markdown 的比较,使用 Vue3 实现富文本编辑器,使用 Vue CLI创建默认的 Vue3 基础项目

2024-01-19 18:18:20 1353 1

原创 【记账本实战】07 记账本实战之登录注册页面(2)

登录注册页面的完善,介绍验证码前端后端实现方式的优缺点,采用前端验证的方式,使用 canvas 手写图形验证码组件

2024-01-19 02:55:22 1261 2

原创 【记账本实战】06 记账本实战之登录注册页面(1)

介绍登录注册的必要性,以及使用 Vant 的表单组件 Form 组件完成登录注册页面的制作

2024-01-18 22:28:19 1040

原创 【记账本实战】05 记账本实战之导航栏

记账本实战之导航栏制作,使用 Vant 的 Tabbar 和 NavBar 组件来实现底部导航栏和公用头部组件,也涉及到路由的听

2024-01-14 22:40:59 1100 1

原创 【记账本实战】04 引入 Axios 网络框架

详细介绍 Asiox 网络框架 ,并在 Vue 项目中引入 Axios,然后对 Axios 进行二次封装

2024-01-14 08:00:00 1000 1

原创 【记账本实战】03 集成 Vant UI 组件库

在 Vue 项目中集成 Vant UI 组件库,按需引入组件,适配移动端 rem 单位,添加 iconfont 文字图标库

2024-01-13 23:37:09 2932 1

原创 【记账本实战】02 添加 Vue Router 路由管理器

对初始化项目进行搜身,在 Vue 项目中添加 Vue Router

2024-01-13 13:45:52 1155 1

原创 【记账本实战】01 使用 Vite 创建一个 Vue 项目

介绍创建 Vue 项目的三种方式,在本项目中,我们将采用Vite创建项目,这也是 Vue 官网目前推荐使用构建工具,我们将从零开始使用 Vite 创建一个企业级的 Vue 项目

2024-01-13 09:15:00 2001 1

原创 【记账本实战】人人都能做的 Vue 3 记账本实战

记账本主要功能用于使用者可以在手机端登录账号,然后方便的进行记账等功能。

2024-01-13 09:00:00 782 1

原创 【管理后台】Vue.js 和 Element UI 开发管理后台

本项目是基于 Vue 和 Element UI 来实现的后台管理系统,其中包含了以下 10 个功能模块。登录模块侧边栏导航模块首页模块数据表格模块Tabs 标签页模块SChart 图表模块拖曳组件模块文件组件模块国际化组件模块权限设置模块。

2024-01-12 02:14:29 394 1

原创 【管理后台】01 使用 Vue CLI 创建项目

本文章主要给大家介绍如何使用 Vue Cli 脚手架从零开始创建一个企业级 Vue 项目,文章中将会详细的介绍 Vue Cli 脚手架,已经如何使用 Vue Cli 创建 Vue 项目

2024-01-12 02:13:36 944

原创 【Web前端开发基础】CSS的元素显示模式和三大特性

目标:能够认识CSS的继承和层叠特性,会计算CSS的优先级和权重比较能够使用后代选择器选择标签 选择器1 选择器2 {属性名:属性值;能够使用hover伪类选择器设置标签的鼠标悬停状态 a:hover {属性名:属性值;能够设置标签的背景颜色和背景图片背景颜色 background-color背景图片 background-image:url(“图片的路径”)能够说出常见元素显示模式分为三种块级元素 display: block行内元素 display: inline。

2023-02-26 14:45:05 828

原创 【Web前端开发基础】CSS之背景相关属性

注意点:方位名词取值和坐标取值可以混使用,第一个取值表示水平,第二个取值表示垂直。属性值:background-position: 水平方向位置 垂直方向位置;属性值:① 关键词 ② rgb表示法 ③ rgba表示法 ④ 十六进制表示法。需求:要在网页中展示一张图片的效果?属性值:url(“图片的路径”)方法1:直接写上img标签即可。方法2:div + 背景图片。

2023-02-26 14:34:03 215

原创 【Web前端开发基础】CSS选择器进阶

选择器(selector)用于选择出一部分元素进行样式设置选择器作用格式示例后代选择器找后代选择器之间通过空格分隔子代选择器找儿子选择器之间通过分隔并集选择器找到多类元素选择器之间通过分隔交集选择器找到同时满足多个选择器的元素选择器之间紧挨着hover伪类选择器选中鼠标悬停在元素上的状态:hover。

2023-02-26 14:29:00 203

原创 【Web前端开发基础】CSS之字体文本属性

能够使用font属性设置文字大小和文字粗细(1)文字大小 font-size取值:数字+px(2)文字粗细 font-weight取值:① 关键词:正常:normal 加粗:bold② 纯数字:正常:400 加粗:700能够设置文本首行缩进的效果 text-indent:2em 首行缩进2个字符位置能够设置文本水平居中 text-align:center能够去除a标签默认的下划线 text-decoration:none。

2023-02-06 13:35:35 2203

原创 【Web前端开发基础】CSS基础选择器

能够说出CSS的作用和语法格式CSS的作用:给HTML标签设置样式CSS的语法格式:选择器{css的属性名:属性值;能够说出三种CSS的书写位置① 内嵌式:css写在style标签中,style标签一般写在head标签里面,title标签的下面② 外联式:css写在单独的.css文件中,需要配合link标签引入③ 行内式:css写在标签的style属性中能够使用标签选择器、类选择器、id选择器标签标签选择器 标签名{css的属性名:属性值;类选择器 **.**类名{css的属性名:属性值。

2023-02-06 13:13:06 195

原创 【Web前端开发基础】HTML基础之表单标签,H5新增的表单属性,语义化标签,实体字符

能够使用表单标签及属性实现表单类网页能够认识常见布局标签的显示特点能够使用字符实体在网页中显示空格、大于号和小于号

2023-01-22 20:30:32 288

原创 【Web前端开发基础】HTML基础之列表标签和表格标签详解

能够使用列表标签实现网页中列表结构的搭建能够使用表格标签及属性实现网页中表格结构的搭建

2023-01-22 20:14:30 1189

原创 【Web前端开发基础】HTML初识综合案例练习

【代码】【Web前端开发基础】HTML初识综合案例练习。

2023-01-22 20:00:49 246

原创 【Web前端开发基础】HTML语法规范及HTML标签学习

HTML语法规范以及常见标签的介绍,实战开发过程中的语法规范,Web前端开发过程中常用的HTML标签

2023-01-19 17:25:35 518

原创 【Web前端开发基础】前端开发工具的使用

开发工具有很多: Visual Studio Code 、 Webstorm 、 Sublime 、Dreamw。文件夹用鼠标左键按住不放,拖拽到VS Code窗口中,文件夹会显示在左侧目录上。快速查看网页效果:右击 → Open in Default Browser。open in browser 直接打开浏览器插件安装完毕。必须保证当前文件后缀名是.html。快速生成结构标签:!→ 速度快、体积小、插件多。快速生成标签:英文 + tab。→ 速度快、性能高、效果好。保存文件:ctrl + s。

2023-01-18 20:00:51 278

原创 【Web前端开发基础】前端开发基础知识认知

谷歌浏览器的渲染引擎速度快、性能高、效果好,所以更吸引用户的喜爱(推荐)在文件上点击鼠标右键 → 重命名 → 修改文件后缀为为。注意点:渲染引擎不同,导致解析相同代码时的。,浏览器会自动打开文件并显示之前输入的内容。渲染引擎(浏览器内核):浏览器中专门。常见的五大浏览器及其市场份额。title标签:网页的标题。对代码进行解析渲染的部分。速度、性能、效果也不同的。html标签:网页的整体。head标签:网页的头部。body标签:网页的身体。文字变粗案例.html。网页显示、运行的平台。文字变粗案例.txt。

2023-01-18 19:12:26 1191

原创 【Web前端开发基础】浏览器内核介绍

目前移动设备浏览器上常用的内核有 Webkit,Blink,Trident , Gecko 等,其中iPhone 和 iPad 等苹果 ioS 平台主要是 WebKit,Android 4.4 之前的 Android 系统浏览器内核是 WebKit,Android4.4 系统浏览器切换到了 Chromium,内核是Webkit 的分支 Blink,Windows Phone 8 系统浏览器内核是 Trident。Safari 是苹果公司开发的浏览器,所用浏览器内核的名称是大名鼎鼎的WebKit。

2023-01-17 16:10:20 425

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除