- 博客(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的盒子模型
盒子的概念页面中的每一个标签,都可看做是一个“盒子”,通过盒子的视角更方便的进行布局浏览器在渲染(显示)网页时,会将网页中的元素看做是一个个的矩形区域,我们也形象的称之为盒子盒子模型内容区域(content)、内边距区域(padding)、边框区域(border)、外边距区域(margin )构成,这就是盒子模型记忆:可以联想现实中的包装盒。
2024-01-22 00:10:20
1164
原创 【富文本编辑器实战】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
原创 【记账本实战】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
原创 【记账本实战】01 使用 Vite 创建一个 Vue 项目
介绍创建 Vue 项目的三种方式,在本项目中,我们将采用Vite创建项目,这也是 Vue 官网目前推荐使用构建工具,我们将从零开始使用 Vite 创建一个企业级的 Vue 项目
2024-01-13 09:15:00
2001
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语法规范及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关注的人