自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue总结

data(){return{}},// 自定义指令/*aa 是指令名,参数el 表示的是自定义指令绑定的元素binding 是一个对象,包含的属性value 表示的是指令的值name 表示的是指令的名字oldValue 指令绑定的数据或者元素内部发生改变的时候,改变前的值仅在beforeUpdate和updated钩子函数中有值*/},// 配置指令abc:{},},console.log('更新了',binding.oldValue);

2023-11-26 20:27:11 747 1

原创 js:文档流写入和元素写入

innerText 他是dom元素的一个属性,可以通过innerText 设置和获取元素的文本内容。dom.innerHTML =‘内容’ 如果内容是html结构,可以被渲染成html。他是dom元素的一个属性,可以通过innerHTML 设置和获取元素的内容。2.设置的时候如若是html结构,html结构不会被渲染,会原样写入。注意 获取的结果会过滤掉标签名,只会显示文本内容。3.后面写入的内容不会覆盖前面写入的内容。1.后面写入的内容会覆盖前面写入的内容。1.后写入的内容会覆盖之前写入的内容。

2023-08-21 19:02:31 77 1

原创 JS中 if语句、switch语句和for循环

{}中的代码才能被执行,如果判断条件不为true,则跳过{}中的代码,程序继续往下执行。else指的是除了满足if条件之外的所有条件。if后面()的判断条件,不管里面的表达式有多复杂,返回的值永远只有true或者false。对循环条件的理解,是变量满足循环条件的时候,才会执行循环体中的代码。6.直到循环变量的当前值不满足循环条件,跳出当前循环。2.如果满足循环条件,则执行循环体中的代码。4.判断循环变量的当前值,是否满足循环条件。只有循环结束,循环后面的代码才能执行。没有初始值,没有判断条件,没有递增。

2023-08-18 19:25:46 95 1

原创 js的简单对象操作

通过let wp=document.getElementById(‘wp’);获取html中的dom元素每一个html标签都是一个对象,称为dom对象每一个标签的属性,也是一个对象的属性设置对象属性的值是 obj.属性名=‘aa’;获取对象属性的值 obj.属性名每一个html标签都有一个style属性,因此可以使用js操作该style,如果设置style属性,则是给标签行间添加一个style属性如果属性是组合形式的,需要把-去掉,使用驼峰形式给button添加点击事件。

2023-08-10 20:28:55 34 1

原创 JavaScript:day1:js介绍

js 组成1.ECMAScript(js中的一些基本语法、变量、函数、对象等)2.DOM (document object model 文档对象模型),可以完成html文档中元素的操作3.BOM (browse object modal 浏览器对象模型),可以完成对浏览器对象的操作js的特点1.弱类型语言2.不是完全的面向对象语言(仅针对于ES6之前)3.跨平台4.动态性,事件驱动js的引入方式1.内部引入2.外部引入3.行间引入。

2023-08-10 20:15:16 36 1

原创 day19-day23:多列布局、css的hack、网格布局

sass是css的预编译语言sass的写法简单写法和css是一样的less 的写法通过换行符和空格来表达层级关系css写法sass 写法div {p{less 写法divpSass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。

2023-08-10 19:58:12 30 1

原创 animatecss/外部引入字体/外部引入iconfont

animatecssiconfont

2023-08-07 18:55:43 241 1

原创 2D形变和3D形变;过渡动画和关键帧动画

transition-property 设置需要过度的css属性,如果有多个属性需要过度,则可以用英文逗号分开,也可以直接设置all,all表示所有变化的css属性都需要过度,如果不设置该属性,默认为all。rotateX(num):num为正,以上边为基准,上边往视窗的里面翻转,num为负,上边往视窗的外面翻转。rotateY(num):num为正,以左边为基准,左边往视窗的外面翻转,num为负,左边往视窗的里面翻转。2.先写缩放,然后再平移,他的结果是先把所有的值进行缩放,然后按照缩放后的值平移。

2023-08-07 17:30:14 47 1

原创 day15,16/圆角/设置背景/背景蒙版/阴影/渐变

实质上,每一个角的上面都有一个水平半径和垂直半径,如果每一个方向上的半径不同,则需要写成水平半径/垂直半径。box-shadow:x方向的偏移量 y方向的偏移量 阴影的发散度 阴影的宽度 阴影的颜色 [阴影的位置]注意:在元素上设置阴影,通常是为了增强元素的立体感,阴影不占据文档流空间,因此不会引起元素盒模型的变化。同背景图一样,渐变也可以设置多组渐变,同时设置多组背景图或者渐变图,后面设置的会被前面设置的图覆盖。圆角的值也可以设置百分比,一般的制作一个圆,可以直接设置50%

2023-07-27 20:19:43 107 1

原创 day14/流式布局/媒体查询/选择器

流式布局,媒体查询,选择器

2023-07-27 20:05:00 25 1

原创 day13 弹性布局

弹性布局1

2023-07-20 20:15:13 27

原创 day07-day12

可以理解为 子级设置长度或者尺寸的时候,可以使用em作为单位,1em=父级的font-size,如果当前元素设置了font-size,则1em=当前元素的font-size。减少了http请求,减轻服务器压力,提高服务器效率。当子级元素进行浮动的时候,他的父元素会因此产生影响,由于浮动元素脱离文档流,父元素没有被子元素撑开,导致父元素没有高度,这样在布局的时候会产生混乱。height:值是正整数,定义视窗的高度,单位是px,也可以设置他的值是device-height,表示视窗的宽度为设备高度。

2023-07-19 20:30:51 31

原创 【无标题】

dl>dtdl>dddl:块标签,定义列表的父元素dt:块标签,定义列表的 标题项dd:块标签,定义列表的 列表项。

2023-07-08 19:07:13 38

空空如也

空空如也

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

TA关注的人

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