自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

qq_42660453的博客

一个前端小白

  • 博客(50)
  • 资源 (1)
  • 收藏
  • 关注

原创 TypeScript 第一章

TypeScript 是微软开发的一个开源的编程语言,通过在 JavaScript 的基础上添加静态类型定义构建而成. TypeScript 通过 TypeScript编译器 或 Babel 转译为 JavaScript 代码,可运行在任何浏览器,任何操作系统。这就是用 TS 写的一段代码, 我们会发现, 我都不需要去运行代码, 不需要去查看结果, 在开发过程中, 就能通过编辑器给你提示出错误。主要你传递别的类型的数据, 就会报错, 但是这个类型错误, 也就是 ts 的错误。

2024-04-30 11:17:25 602

原创 鸿蒙入门13-Gauge组件

数据量规图表组件用于将数据展示为环形图表。

2024-04-25 10:21:45 692

原创 鸿蒙入门12-Divider

分割器组件,分割不同内容快/内容元素。

2024-04-25 10:15:38 417

原创 鸿蒙入门11-DataPanel组件

数据面板组件用于将多个数据的占比情况使用进行展示。

2024-04-22 10:11:06 635

原创 鸿蒙入门10-CheckBoxGroup组件

复选框群组用于控制多个复选框全选或者不全选状态。

2024-04-22 09:23:40 593

原创 鸿蒙入门09-CheckBox组件

参数形式 : Checkbox( options?: string } )当 value 的值为 false 时,表示未选中。当 value 的值为 true 时,表示已选中。可以添加事件,当选中状态改变的时候会触发。当选中状态发生变化时,触发回调函数。设置多选框选中状态时的颜色。设置多选框是否被选中。

2024-04-19 13:11:55 268

原创 鸿蒙入门08-Button组件

按钮组件可以快速创建不同样式的按钮可以使用通用属性修饰。

2024-04-19 10:09:57 358

原创 鸿蒙入门07-Blank组件

空白填充组件在容器上空白填充组件具有自动填充空余部分的能力。

2024-04-18 17:47:58 494

原创 鸿蒙入门06-常见装饰器( 简单装饰器 )

通过 Button() 组件的点击事件修改了 @State 定义的 count 变量。这里使用 Text() 组件展示了 @State 定义的 count 变量。因为变量的修改导致了 UI 界面的重新绘制。his 指代当前所属组件。所以页面跟随出现变化。当你调用子组件的时候。

2024-04-18 09:12:57 2940

原创 鸿蒙入门05-真机运行“遥遥领先”

切换到登录配置选项 ( Signing Configs )一定要先关闭运行的项目( 对你的手机和电脑都好一点 )注意, 一定要选择 "传输文件" 选项。点击 登录( Sign in ) 按钮。登录成功后会询问是否允许编辑器使用账号。在设置界面的搜索框内输入 "开发"在编辑器右上角的设备管理器位置。如果你需要断开手机和电脑的连接。会在浏览器打开华为登录界面。点击编辑器左上角 "文件"就可以在你的手机上运行成功了。正常登录你的华为开发者账号。会联想 "开发人员选项"查看你的设备是否连接成功。

2024-04-17 13:22:31 973

原创 鸿蒙入门04-像素单位

名称描述px屏幕物理像素单位。vp屏幕密度相关像素,根据屏幕像素密度转换为屏幕物理像素fp字体像素,与 vp 类似适用屏幕密度变化,。lpx视窗逻辑像素单位,lpx单位为实际屏幕宽度与逻辑宽度(通过配置)的比值,designWidth 默认值为 720。当 designWidth 为 720 时,在实际宽度为1440 物理像素的屏幕上,1lpx 为 2px 大小。

2024-04-17 11:51:50 1256

原创 鸿蒙入门03-中文插件设置

点击重启(restart)按钮,重新启动编辑器。先点击左下角配置(Configure)按钮。点击启用(Enable)按钮都可以。然后选择插件(Plugins)选项。点击应用(Apply)按钮即可。点击应用以后,关闭当前配置菜单。输入后会自动检测到中文插件。会看到提示你是否重启编辑器。在插件后面的复选框打上勾。再次打开已经变成中文模式。

2024-04-16 11:01:51 231

原创 鸿蒙入门02-首次安装和配置

点击下一步(Next)按钮进入下一项。

2024-04-16 10:43:39 2045

原创 鸿蒙入门01-下载和安装

注意。

2024-04-16 10:19:14 772

原创 哄另一半开心的下雨特效

在不下雨的天气,发给另一半这个下雨特效的html文件,她能开心一整天!!!看效果附上源码HTML+CSS代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten

2021-12-13 21:19:44 395

原创 JavaScript_Math 和 Date

文章目录Math 和 DateMathrandomroundabsceilfloormaxminPI数字转换进制Datenew Date()将日期字符串格式化成指定内容getFullYeargetMonthgetDategetHoursgetMinutesgetSecondsgetDaygetTime获取时间差计算时间差Math 和 DateMath 是 js 的一个内置对象,提供了一堆的方法帮助我们操作 数字Date 是 js 的一个内置对象,提供了一堆的方法帮助我们操作 时间Math没有

2021-12-09 10:16:10 199

原创 H5+JS+CSS模仿JD商品详情页放大镜效果

源码下载:H5+JS+CSS模仿JD商品详情页放大镜效果-Javascript文档类资源-CSDN下载适合小白模仿的H5+JS+CSS模仿JD商品详情页放大镜效果,可以熟练掌握鼠标经过和鼠标移动事件更多下载资源、学习资料请访问CSDN下载频道.https://download.csdn.net/download/qq_42660453/57211712...

2021-12-06 21:30:20 699

原创 学习日记_Javascript字符串的操作

记得一键三连哦文章目录ES5/String严格模式(了解)开启严格模式严格模式的规则ES5 中常见的数组常用方法indexOfforEachmapfilter创建字符串(了解)ASCII 字符集(了解)unicode 编码字符串的常用方法charAtcharCodeAtindexOfsubstringsubstrtoLowerCase 和 toUpperCaseES5/String严格模式(了解)我们都知道 js 是一个相对不很严谨的语言而且开发的时候,一些代码也不是很严格要求而严格模式就是对

2021-12-04 11:07:05 142

原创 学习日记_Javascript数组

看完记得点赞、关注加收藏哦!!!文章目录数组数据类型分类创建一个数组字面量创建一个数组内置构造函数创建数组数组的 length数组的索引数据类型之间存储的区别(重点)基本数据类型在内存中的存储情况复杂数据类型在内存中的存储情况数据类型之间的比较数组的常用方法数组常用方法之 push数组常用方法之 pop数组常用方法之 unshift数组常用方法之 shift数组常用方法之 splice数组常用方法之 reverse数组常用方法之 sort数组常用方法之 concat数组常用方法之 joinfor 和 f

2021-12-03 11:50:57 154

原创 学习日记_函数(下)

文章目录函数(下)作用域(重点)全局作用域局部作用域变量使用规则(重点)访问规则赋值规则递归函数简单实现一个递归简单了解对象创建一个对象函数(下)作用域(重点)什么是作用域,就是一个变量可以生效的范围变量不是在所有地方都可以使用的,而这个变量的使用范围就是作用域全局作用域全局作用域是最大的作用域在全局作用域中定义的变量可以在任何地方使用页面打开的时候,浏览器会自动给我们生成一个全局作用域 window这个作用域会一直存在,直到页面关闭就销毁了// 下面两个变量都是存在

2021-12-01 08:53:09 77

原创 学习日记_函数(上)

函数(上)我们代码里面所说的函数和我们上学的时候学习的什么三角函数、二次函数之类的不是一个东西函数的概念对于 js 来说,函数就是把任意一段代码放在一个 盒子 里面在我想要让这段代码执行的时候,直接执行这个 盒子 里面的代码就行先看一段代码// 这个是我们以前写的一段代码for (var i = 0; i < 10; i++) { console.log(i)}// 函数,这个 {} 就是那个 “盒子”function fn() { // 这个函数我们以前

2021-11-30 20:29:35 107

原创 学习日记_循环结构

循环结构循环结构,就是根据某些给出的条件,重复的执行同一段代码循环必须要有某些固定的内容组成初始化条件判断要执行的代码自身改变WHILE 循环while,中文叫 当…时,其实就是当条件满足时就执行代码,一旦不满足了就不执行了语法 while (条件) { 满足条件就执行 }因为满足条件就执行,所以我们写的时候一定要注意,就是设定一个边界值,不然就一直循环下去了// 1. 初始化条件var num = 0;// 2. 条件判断while (num < 1

2021-11-29 21:16:01 79

原创 学习日记_分支结构

分支结构我们的 js 代码都是顺序执行的(从上到下)逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码IF 条件分支结构if 语句通过一个 if 语句来决定代码执行与否语法: if (条件) { 要执行的代码 }通过 () 里面的条件是否成立来决定 {} 里面的代码是否执行// 条件为 true 的时候执行 {} 里面的代码if (true) { alert('因为条件是 true,我会执行')}// 条件为 false 的时候不执行 {} 里面的代码if

2021-11-29 21:14:58 90

原创 JavaScript基础语法

JavaScript基础语法HTML :标记语言JavaScript :编程语言序言JavaScript发展历史(JS)1. 1994年,网景公司(Netscape)发布了Navigator浏览器0.9版,这是世界上第一款比较成熟的网络浏览器,轰动一时。但是这是一款名副其实的浏览器--只能浏览页面,浏览器无法与用户互动,当时解决这个问题有两个办法,一个是采用现有的语言,许它们直接嵌入网页。另一个是发明一种全新的语言。 liveScript ==> javaScript ==> E

2021-11-29 21:12:12 186

原创 JavaScript基础语法

JavaScript基础语法HTML :标记语言JavaScript :编程语言序言JavaScript发展历史(JS)1. 1994年,网景公司(Netscape)发布了Navigator浏览器0.9版,这是世界上第一款比较成熟的网络浏览器,轰动一时。但是这是一款名副其实的浏览器--只能浏览页面,浏览器无法与用户互动,当时解决这个问题有两个办法,一个是采用现有的语言,许它们直接嵌入网页。另一个是发明一种全新的语言。 liveScript ==> javaScript ==> E

2021-11-29 21:08:12 148

原创 学习日记——JS循环结构

循环结构循环结构,就是根据某些给出的条件,重复的执行同一段代码 循环必须要有某些固定的内容组成 初始化 条件判断 要执行的代码 自身改变 WHILE 循环 while,中文叫 当…时,其实就是当条件满足时就执行代码,一旦不满足了就不执行了 语法while (条件) { 满足条件就执行 } 因为满足条件就执行,所以我们写的时候一定要注意,就是设定一个边界值,不然就一直循环下去了 // 1. 初始化条件var num = 0;// 2. 条件判断.

2021-11-19 10:00:08 82

原创 学习日记——其他数据类型自动转化为数值类型

1, 什么时候触发 执行 算数运算时触发// // true --- 1 // console.log( 100 - true ) ; // // false --- 0 // console.log( 100 - false ) ; // // null --- 0 // console.log( 100 - null ) ; // // '' ' ' --- ...

2021-11-16 10:05:38 664

原创 学习日记——其他数据类型自动转化为字符串类型

1, 什么时候触发字符串拼接时 其他数据类型会先转化为字符串类型再执行 字符串 拼接操作2, 转化原则其他数据类型转化为对应的 字符串内容总结:数据 直接转化为 字符串数据 --- '数据'之后执行 字符串拼接操作// 数值100 转化为 字符串'100' var a = '北京' + 100; console.log( a ); // 数值100.123 转化为 字符串'100.123' va...

2021-11-16 10:01:52 847

原创 学习日记——动画animation

Animation-->在这个动画之前,先看Keyframes关键帧,支持animation动画的只有webkit内核的浏览器 CSS中 animation动画 属性 个数 属性 说明 1 animation-name:mymove; 是用来定义一个动画的名称,mymove是由Keyframes创建的动画名 mymove要和Keyfra...

2021-11-10 17:15:54 64

原创 学习日记——CSS3中Transition过渡属性

个数 属性 说明 1 transition-property 需要过渡的样式 ,默认是 all 2 transition-duration 运动时间 默认是 0 s 3 transition-delay 延迟时间 默认是 0 s ...

2021-11-10 17:13:27 72

原创 学习日记——多列布局

多列布局添加在父元素上的1、column-count:分栏的个数2、column-width:分栏的宽度3、column-gap:分栏的间距4、column-rule:分栏的边框写在子元素上的1、column-span:all/1 合并分栏 2、break-inside:定义页面、列或区域发生中断时候的元素该如何表现 break-inside: auto;元素可以中断。 break-inside: avoid;元素不能中断。...

2021-11-10 09:50:56 71

原创 学习日记——响应式布局

响应式的概念响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。Responsive 网页设计不但要考虑其元素布局的秩序,还要做到“有求必应”,因此需要满足三个条件。1、网站必须建立灵活的网格基础;2、引用到网站的图片必须是可伸缩的;3、不同的显示风格,需要在Media Query上设置不同的样式注意:缺少任何一个功能,就不能称为是合格的Respons...

2021-11-10 09:38:57 98

原创 学习日记——七种css方式让一个容器水平垂直居中

方法一:position加margin方法二: diaplay:table-cell方法三:position加 transform方法四:flex;align-items: center;justify-content: center方法五:display:flex;margin:auto方法六:纯position方法七:兼容低版本浏览器,不固定宽高总结这种css布局平时用的比较多,也是面试题常出的一个题,网上一搜一大丢,不过还是想自己总结一下。这种方法比较多,本文只总结其中的几种...

2021-11-09 08:42:00 203

原创 学习日记——弹性盒子

Flex容器:采用 Flex 布局的元素的父元素;Flex项目:采用 Flex 布局的元素的父元素的子元素;容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴空间叫做main size,占据的交叉轴空间叫做cross size。弹性盒子支持的浏览器

2021-11-08 15:44:05 82

原创 学习日记——H5+CSS周测2测试错题整理

1、关于CSS优先级计算描述错误的是( )A如果优先级相同,则选择最后出现的样式B元素的优先级以最外层的为标准C!important声明的样式优先级最高D继承得到的样式的优先级最低正确答案:B解析:CSS 优先规则1: 最近的祖先样式比其他祖先样式优先级高。CSS 优先规则2:"直接样式"比"祖先样式"优先级高。CSS 优先规则3:优先级关系:内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选...

2021-11-05 10:33:21 2227

原创 学习日记——H5+CSS周测1测试错题整理

1、<a>的伪类选择符不包括Aa:linkBa:onfouceCa:visitedDa:onclick正确答案:B,D2、下列哪些标准是由W3C(万维网联盟)制定的AhtmlBcssCxhtmlDjavascript正确答案:A,B,C...

2021-11-05 10:21:38 499

原创 学习日记——圣杯布局

需求:就是结构上把center 放在前面写,视觉上还是左中右三栏效果,有哪些方法可以实现目的:是希望页面加载的时候优先加载中间的核心部分,优点,可以让搜索引擎及时抓取到想要表达的核心内容,便于搜索引擎收录特点: 1\独立的3块 2\结构上优先写center 3\所有的盒子都左浮动4\center的宽度设置了100%<style> /* 以下书写出来的就是圣杯布局: */ body{ ...

2021-11-03 15:33:06 96

原创 学习日记——BFC

BFC 即 Block Formatting Contexts (块级格式化上下文),通俗一点来讲,可以把 BFC 理解为一个封闭的大箱子,箱子内部的元素无论如何翻江倒海,都不会影响到外部。

2021-11-03 09:59:39 106

原创 学习日记——CSS隐藏的三种方法

Plan1:display:none;彻底隐藏Plan2:visibility:hidden;只是隐藏内容,但是空间还在Plan3:opacity:0;只是隐藏内容,但是空间还在

2021-11-01 17:57:20 104

原创 学习日记——解决父元素高度塌陷问题

父元素高度不给,子元素又加了浮动,父元素就会出现塌陷问题解决办法: 父元素div::after{ content:""; clear:both; display:block;}

2021-11-01 15:40:48 107

H5+JS+CSS模仿JD商品详情页放大镜效果

适合小白模仿的H5+JS+CSS模仿JD商品详情页放大镜效果,可以熟练掌握鼠标经过和鼠标移动事件

2021-12-06

空空如也

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

TA关注的人

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