自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【前端学习笔记—canvas标签和使用canvas画哆啦A梦案例】

目录canvas1. canvas是H5新增标签2.使用canvas画出矩形(1)第一步,要新建画布(2)第二步,要创建一支画笔(3)第三步,用canvas画出矩形3. 如何使用canvas画出哆啦A梦(1)canvas画路径(2)使用canvas画直线(3)使用canvas画出圆和半圆(5) 进行上色和描边(6)画出哆啦A梦案例canvas1. canvas是H5新增标签canvas是H5新增标签,也可称之为canvas对象,像所有的dom对象一样,它也有自己本身的属性、方法和事件,其中就有绘图.

2022-05-30 02:54:54 635

原创 【前端学习笔记—HTML5新增标签和表单控件属性】

目录前言一、如何引用CSS1. 内联样式引用2. 内部样式引用3. 外联样式引用二、常用选择器1. 类选择器2. ID选择器3. 标签选择器前言本文就前端知识中部分CSS和选择器基础知识点进行总结,希望对你有用!一、如何引用CSS1. 内联样式引用直接在html标签的元素中引用样式,例如:<div style="font-size:14px;color:#FF0000;"> 在这里直接引用内联样式</div>2. 内部样式引用在html头部放入style.

2022-05-29 02:18:01 1411

原创 【前端学习笔记—使用JS修改样式】

目录JS修改样式的8种方式1.直接设置style的属性2.直接设置属性3.设置style的属性4.使用setProperty5.改变class6.设置cssText7.引入css样式文件8.使用addRule、insertRuleJS修改样式的8种方式1.直接设置style的属性某些情况用这个设置 !important值无效如果属性有’-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式element.style.height = '100px';2.直接设.

2022-04-24 15:13:24 17300 1

原创 【前端学习笔记DOM—DOM常见操作】

目录前言一、什么是DOM二、常见的DOM操作1.增(1)新建(2)插入2.删(1)删除子节点(2)删除属性节点3. 改(1)替换节点(2)修改属性值4. 查(1)通过id属性查找 (常用)(2)通过class属性查找(3)通过name属性查找(4)通过标签名查找(5)通过CSS选择器查找(6)获取父节点(7)获取子节点前言本文就前端知识中部分DOM和DOM常见操作基础知识点进行总结,希望对你有用!一、什么是DOM概念:DOM就是文档对象模型(Document Object Model),当网.

2022-04-19 19:58:09 1582

原创 【前端学习笔记JS—字符串常见操作】

目录前言字符串常见操作一、什么是字符串二、字符串常见操作1.大小写转换2.字符串转换成数组3.查找字符串中的字符4.截取部分字符串5.替换字符串内容6.字符串拼接三、转义字符前言本文就前端知识中字符串的常见操作基础知识点进行总结,希望对你有用!字符串常见操作一、什么是字符串JS字符串用于存储和处理文本。字符串是引号中的零个或多个字符:var str = "Hello word!";二、字符串常见操作1.大小写转换使用toUpperCase()方法进行大写转换,使用toLow.

2022-04-12 15:14:35 1084

原创 【前端学习笔记JS—运算符、数据类型转换和Math函数】

目录前言一、运算符1.算数运算符1)四则运算符2)除于运算符3)自增和自减2.赋值运算符二、 数据类型转换1. 隐式转换1)数字转字符串2)任意值转布尔类型2.强制类型转换1)转NaN2)转字符串3)字符串转数字4)数字转数字三、Math函数常用方法1)向上、向下取整2)四舍五入3)最大值&最小值4)随机数5)幂数6)开平方7)绝对值前言本文就前端知识中算数运算符&赋值运算符、数据类型转换和Math函数基础知识点进行总结,希望对你有用!一、运算符1.算数运算符1)四则运算符.

2022-04-06 18:27:38 1205

原创 【前端学习笔记JS—变量与数据类型】

目录前 言一 JS变量1.变量名命规则2.变量是弱类型二 JS数据类型基本数据类型1.数字型 Number2.字符串 String3.布尔型 Boolean4.未定义 Undefined5.空类型 Null6.特殊类型 对象类型 Object前 言本文就前端知识中JS变量与数据类型基础知识点进行总结,希望对你有用!一 JS变量1.变量名命规则名命规则:首字母必须是字母、下划线 " __ "、或者符号 $ ;其他字符可以是字母、下划线、符号或者数字;建议使驼峰命名法;见名知意.

2022-04-06 16:02:17 2596

原创 【前端学习笔记—文本属性】

目 录文本属性font-weight属性text-transform属性text-decoration属性writing-mode属性white-space属性text-indent属性letter-spacing属性word-spacing属性文本属性font-weight属性用于设置文本的粗细,可设置的值有:属性值说明normal标准字符(默认)bold粗体字符bolder更粗的字符lighter更细的字符100、200、300、400.

2022-04-02 16:56:25 843

原创 【前端学习笔记—表单】

目录前言一、什么是表单二、表单用法三、表单元素1. 表单元素格式2.表单元素类型(1)text文本框(2)password密码框(3)radio单选框(4)checkbox复选框(5)button按钮(6)file文件(7)hidden隐藏(8)select下拉选择框(9)textarea多行文本域前言本文就前端知识中部分表单基础知识点进行总结,希望对你有用!一、什么是表单在html中表单是一个包含表单元素的区域。表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。.

2022-03-29 22:40:20 1107 1

原创 【前端初学—定位】

目录前言一、定位类型二、相对定位relative1. 概念及基本用法2. 参考系3. 特点三、绝对定位absolute1. 概念及基本用法2. 参考系3. 特点四、固定定位fixed1. 概念及基本用法2. 参考系3. 特点五、偏移1.偏移描述2.层级改变前言本文就前端知识中定位基础知识点进行总结,希望对你有用!一、定位类型在css中用position表示位置属性,position的值有:relative(相对定位)、 absolute(绝对定位)、fixed(固定位置)、 static.

2022-03-28 18:57:31 780

原创 【前端初学笔记—浮动】

前端初学—浮动前端初学笔记—浮动目 录前端初学笔记---浮动一、浮动定义1.浮动定义2. 浮动取值3. 浮动的作用4.浮动的特性二、清除浮动1.产生原因2.解决办法一、浮动定义1.浮动定义元素脱离文档流,按照指定方向发生移动,遇

2022-03-28 16:57:57 564

原创 【前端知识初学—CSS和选择器】

前端知识初学—CSS和选择器目录前端知识初学---CSS和选择器前言一、如何引用CSS1. 内联样式引用2. 内部样式引用3. 外联样式引用二、常用选择器1. 类选择器2. ID选择器3. 标签选择器4. 通配选择器5. 后代选择器6. 子代选择器7. 子代选择器前言本文就前端知识中部分CSS和选择器基础知识点进行总结,希望对你有用!一、如何引用CSS1. 内联样式引用直接在html标签的元素中引用样式,例如:

2022-03-27 16:01:48 604

空空如也

空空如也

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

TA关注的人

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