自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 No match found for location with path “/“问题如何解决

对于学习前端vue框架的人来说,总是能碰到各种不一样的报错

2023-03-08 13:50:52 9588

原创 javascript

开始飞往回飞

2022-09-12 19:26:53 78

原创 javascript

if(window.getComputedStyle){ //标准浏览器。*params elem 标签。*params attr String 样式名。*作用:获取非行间样式和行间样式。}else{//IE低版本浏览器。*author:朱银娟。先创建common.js文件。

2022-09-12 19:26:12 116

原创 javascript

如果是返回多个值 return 【返回值1 返回值2......】 return { 属性名:返回值1,属性名:返回值2}标准浏览器 window.getComputedStyle(标签).样式名。window.getComputedStyle(标签).样式名。分析函数中哪些是可变的值 将这些值作为参数 代入到函数中。IE低版本(5-8) 标签.currentStyle.样式名。函数的返回值 return 返回值。签.currentStyle.样式名。兼容 判断方法是否存在。

2022-09-12 19:25:41 59

原创 javascript

timer = setInterval(auto, 1000) // 如果带var 就变成局部变量。定时器id: 每一个定时器在开始的时候,js都会返回一个能唯一标识当前定时器的id,默认都是从1开始。// 定时器一旦停止就没有了,如果后续需要定时器 需要再次定义。clearTimeout(定时器id) 手动清除延时定时器(很少用)==定时器一旦停止就没有了,如果后续需要定时器 需要再次定义==// 2.滑入图片 停止定时器。// 2.滑出图片 开启定时器。// 1 定时器id。

2022-09-12 19:25:08 136

原创 javascript

/ oSpan[0].innerHTML = Number(oSpan[0].innerHTML)+1 + 不会隐式转换。// ++ 会自动隐式转换。//-- 也会隐式转换。- 把这个功能先当成一组去实现 里面的标签都是通过父元素获取。// 只要是从页面获取内容都是string类型。- 把这一组功能放入到函数中 把父元素作为参数。//2.通过父元素获取li里面的标签。把这个功能先当成一组去实现 里面的标签都是通过父元素获取。- 先去实现一组的功能。// 5.声明一个函数。// //第一个li。

2022-09-12 19:24:26 34

原创 javascript

function getStyle(elem, attr) { //elem 标签元素 attr是样式名。if (window.getComputedStyle) {//true 标准浏览器。2.找函数中可变的值作为参数 将参数带入函数中 并且返回出去。1.声明一个函数 把主要代码放进去。} else {//false IE浏览器。找函数中可变的值作为参数 将参数带入函数中 并且返回出去。// 1.判断浏览器。//获取div的样式。声明一个函数 把主要代码放进去。

2022-09-12 19:23:56 44

原创 javascript

console.log(oDiv.currentStyle)//IE低版本输出 [object Object] 标准浏览器undefined。标准浏览器(谷歌 火狐 欧朋 safari ie(9-11)) window.getComputedStyle.样式名。标准浏览器(谷歌 火狐 欧朋 safari ie(9-11)) window.getComputedStyle.样式名。// 标准浏览器 window.getComputedStyle(标签).样式名。

2022-09-12 19:23:03 46

原创 javascript

本地对象「内部对象」:JS中的内部对象包括Array、Boolean、Date、Function、Global、 Math、Number、Object、RegExp、String,Error对象, 其中Global和Math这两个对象又被称为“内置对象”,这两个对象在脚本程序初始化时被创建,不必实例化这两个对象。// Math.max(数值1,数值2......) 找序列中最大的值。// Math.min(数值1,数值2......) 找序列中最小的值。// Math.sqrt() 开根号。

2022-09-04 19:44:01 49

原创 javascript

/ 第一张图 oSpan[0] 第二章图 oSpan[1]} else {// n= 1 2 3 让对应span显示红色背景。// 显示第一张 left -800px*4。// 显示第一张 left -800px*0。// 显示第二张 left -800px*1。// 显示第三张 left -800px*2。// 显示第四张 left -800px*3。// 4.点击左箭头 切换图片。// 5.点击右箭头 切换图片。// 6.点击指示点 切换图片。

2022-09-04 19:43:01 198

原创 javascript

开始飞往回飞

2022-09-04 19:41:54 54

原创 javascript

/ timer这里存储的就是定时器id 先把原先的定时器清除掉。// timer这里存储的就是定时器id 先把原先的定时器清除掉。// timer这里存储的就是定时器id 先把原先的定时器清除掉。// 在left值的基础上+10 先获取到left值。// 在left值的基础上+10 先获取到left值。// 在left值的基础上+10 先获取到left值。// 在left值的基础上+10 先获取到left值。// 在left值的基础上+10 先获取到left值。

2022-09-04 19:40:37 57

原创 javascript

timer = setInterval(auto, 1000) // 如果带var 就变成局部变量。// 定时器一旦停止就没有了,如果后续需要定时器 需要再次定义。// 2.滑入图片 停止定时器。// 2.滑出图片 开启定时器。// 每隔1秒切换一张图片。...

2022-08-30 22:58:53 181

原创 Javascript0-5

/函数中不能写两个return 因为遇到第一个return的时候 就已经返回并结束函数。// 注意2: return不仅有返回值的作用 还有结束函数执行的作用(遇到return就结束)//如果想一次返回多个数据 可以返回一个数组或者object类型。//注意1 return一次只能返回一个值 如果连续写多个 返回的是最后一个值。// console.log("你说我还会执行吗?...

2022-08-29 23:47:15 142

原创 前端1-4

赵四成精" + "刘能变形"i=0 "赵四成精按钮1按钮2按钮3按钮4按钮5生成

2022-08-25 22:22:47 249

原创 javascript1-3

字符串类型 碰见+ 拼接 10+5+"30" = "1530"string 字符串类型 "" '你好' 字符串.length 字符串[下标] 字符串.charAt(下标)标签.innerHTML 标签.innerText。标签.innerHTML=值 标签.innerText=值。标签.style.样式名 = 值 设置到行间样式上。特殊: 复合数据类型 对象数据类型 引用数据类型。数据类型:6大数据类型(5种基本数据类型和一种特殊类型)标签.value = 值。

2022-08-24 20:27:34 152

原创 Javascript1-2

操作标签内容分为两种操作闭合标签内容操作表单标签内容2.1.1操作表单标签内容获取:标签.value设置 :标签.value = 值//1.获取表单元素的value值 标签.value​//2.设置表单元素的value值 标签.value = 值​// 2.点击设置按钮 给表单元素设置value为456// 给button添加点击事件 标签.onclick = fucntion(){ 要做的事}​}2.1.2操作闭合标签内容。

2022-08-23 20:54:52 71

原创 javascript1-1

HTML--超文本标记语言---结构CSS---层叠样式表-----样式js---js脚本语言---网站交互==基于对象和事件驱动的解释性脚本语言==基于对象:JavaScript 是一种基于对象的语言,这意味着它能运用自己已经创建的对象,因此,许多功能可以来自脚本环境中对象的方法与脚本的相互作用。事件驱动:JavaScript 可以直接对用户或者客户输入做出响应,无须经过 web 服务器,它对用户的响应,以事件驱动的方式进行。解释性解释性:可以直接识别,读一行执行一行。

2022-08-22 20:49:54 122

原创 前端0-22

也叫响应式布局,响应式开发实现不同屏幕分辨率的终端上浏览网页的不同展示方式。响应式布局是根据设备屏幕宽度不同适当调整标签显示的布局,从而在每种设备屏幕宽度下呈现的界面是不同的原理:一个网站适配所有终端,实现不同屏幕分辨率下的终端上网页的不同布局;使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而达到适配不同屏幕的目的简单的说:响应式布局是元素随着屏幕发生宽高大小变化 + 盒子布局发生变化自适应:元素随着屏幕发生宽高大小变化优点:1、减少工作量,网站、设计、代码、内容都 只需要一份,多出来的工作量只是J

2022-08-16 19:01:50 39

原创 前端0-21

2d坐标轴(图示)x轴:水平,向右为正,向左为负y轴:垂直,向下为正,向上为负。

2022-08-15 19:28:15 34

原创 前端0-20

在750px设计搞下,如果使用vw单位换算,可以理解成100vw = 750px,1px = 0.13333333vw;原理:确定基准值以常见的750像素宽度的设计稿为例,根据vw单位的原理100vw = 750px,即 1vw = 7.5px,根据设计稿中的px值,转换成对应的vw值进行布局,也可以直接写px。比如说 html 的 font-size 大小为 100px, 一个 div 的 width 为 1rem,则 div 的 width大小为100px。......

2022-08-11 10:14:32 111

原创 前端0-19

视口简单来说就是浏览器显示页面内容的区域。视口:浏览器显示内容的屏幕区域,相当于PC端浏览器可视区 (白板区域)在PC端,正常的视口宽度就是整个浏览器的窗口可视区的宽度,会随着浏览器窗口大小的重置而缩放;...

2022-08-08 23:37:06 34

原创 前端0-18

flex-wrap属性:指定弹性盒子的子元素换行方式换行,第一行显示在上方换行,第一行显示在下方默认值,不换行注意:父元素有固定高度且高度大于子元素换行后高度之和换行中间有缝隙父元素高度有内容撑开换行没有缝隙align-content属性:折行,行与行之间有间隙,去除间隙 (去掉了中间的间隙)要设置: flex-wrap: wrap;顶端没有行间距底对齐没有行间距居中没有行间距两端对齐,中间自动分配, 元素位于各行之间留有空白空间。...

2022-08-05 22:05:13 34

原创 前端0-17

弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和空白空间的分配操作方便,布局简单,移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中,不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括:弹性容器、弹性子元素——项目原理:为父元素设置flex属性,控制子元素的位置及排列方式应用场景 : 移动端。...

2022-08-04 21:29:39 28

原创 前端0-16

是css技术的升级版本,在css2的基础上,新增了许多特性,弥补了css2的不足,使web页面的开发变得更加高效、便捷css3按模块化进行设计,比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面css3优点: CSS3是完全向后兼容,所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。...

2022-08-03 21:28:06 76

原创 前端0-15

html经过了第5次重大改版,增加了一些语义化的标签 高版本浏览器支持,ie9以下不支持, html5是向后兼容的,原来html4的 标签仍然可以用。

2022-08-02 20:41:23 42

原创 前端0-14

1.使用多个字体名称形成一个回退系统(也就是备用字体),当浏览器不支持第一个字体的时候则会尝试下一个字体,多个字体之间用逗号隔开。/*font-family"宋体","微软雅黑";*//*与上一个相比产生的效果不同,谁在前使用哪一个*/**注意**具有唯一性,一般用于页面唯一性的元素如头部、底部等,经常和JavaScript搭配使用。*border-spacing一个值;/*第一个任意改写一个系统不存在的字体,会按照第二个字体显示*//*font-family"微软雅黑","宋体";...

2022-08-01 21:02:24 37

原创 前端0-13

1.使用步骤1.登录阿里矢量图标网站2.搜索想要的图标且加到购物车3.点击右上角的购物车4.选择下载代码,下载完成后解压文件5.把下载的文件放到你的项目中6.引入iconfont.css文件或者iconfont.js文件使用三种方式下载代码1、Unicode方式引用Unicode是字体在网页端最原始的应用方式,特点是兼容性最好,支持IE6+,及所有现代浏览器。支持按字体的方式去动态调整图标大小,颜色等等。但是因为是字体,所以不支持多色。font-size,color。...

2022-07-29 08:20:03 33

原创 前端0-12

身体是革命的本钱,在这个疫情肆意横流的特殊时期,我们要注重自己的身体状况,有一个好的身体才是长久的战况基本。

2022-07-27 18:52:39 40

原创 前端0-11

如果有学不下去的时候就去做点可以让自己开心的事情吧。如果老是把自己放到一个很紧张的学习状态中,这样的学习是没有效率的。

2022-07-26 19:31:53 28

原创 前端0-10

表单的作用用于搜集不同类型的用户输入表单的组成表单元素(控件)、表单区域生活中的表单。

2022-07-25 20:23:25 46

原创 前端0-9

人生是用来体验的,不是用来演绎完美的。这句话也许听着很励志,但我们每个人心里都不会只想着一辈子平平淡淡的活着,一个人做出的任何选择都是他在选择自己的未来,哪怕是一个很小的决定,也可能就是这个小决定影响了你的后半生,还有你的人生轨迹,该怎么活,活成什么样,都是看你自己的选择。我们选择开始学习前端,那就一定是对它感兴趣的,不然IT行业各型各色,选择web总不是因为它比其他的相对简单吧,如果有这种想法那你真的是很懦弱的一个人,既然你觉得它简单,你大可以去选择更有挑战性的东西。...

2022-07-21 18:46:09 284

原创 前端0-8

世界上本没有路,走的人多了,变成了路。当你决定开始朝着这一条路出发的时候,就必须做好所有的打算,打算怎么去开始,怎么去学习,学习成功之后选择一个什么样的工作岗位,也许这些说来都还是遥远的,但机会永远是留给有准备的人的,学习最忌讳的就是走捷径,如果心里的想法就是,别人需要花一年多的时间去把这个东西学好,学会,学通,而你心里在想我怎么样才能用两个月的办法就都学会,这是不可能,甚至会成为你失败的理由。当然如果你想的是别人需要一年半的时间学好,而你只需要比他付出的时间少,就能做到比他更好,这毋庸置疑是的,不.

2022-07-20 19:46:24 27

原创 前端0-7

一定要离消耗自己的人或事远一点,一个人没有那么多的精力还有时间,去帮助别人解决一些你甚至自己都会看不起的事情,但往往这种事非常容易发生在你的身边。做一件事之前一定要想好这件事对自己有没有好处,对自己的未来是没有一点坏影响的,这是你去做这些事的前提,一将终成万古枯。人一定要远离消耗自己感情和精力的事,时间是有限的,但潜力是无限的,等你真正做成功之后,不光别人会觉得你真的很牛,连自己也会心生感慨,自己真的可以做到这件事。现象元素呈并列关系,在垂直方向相邻的margin外间距相遇,会出现叠加现象;...

2022-07-19 19:38:50 55

原创 前端0-6

学习在一个人身上需要有的因素有很多,比如心态,一一例举,如果一个人周围的环境或者他生活的学习氛围是一个比较嘈杂的,没有几个人是愿意好好学习,全身心的投入不在学习上,那这个人多半也会被影响一点,这时候就需要你的自制力了,这的确是一个很重要的东西,这毋庸置疑。兄弟之间的hover。...

2022-07-18 20:38:58 24

原创 前端0-5

身体是生命的本钱,每天保证好的睡眠质量是学习的基本。上课心不在焉,每天上课讲知识的时候犯困哪是学不进去的。border-collapse属性设置表格的边框是否被合并为一个单一的边框取值separate边框独立(默认值)collapse相邻边框被合并单元格之间的间距水平方向垂直方向;一个值;代表水平方向和垂直方向的间距是一样的注意只有在边框独立border-collapseseparate时才能用。...

2022-07-15 21:32:57 55

原创 前端0-4

学习学一天是一天,一天中能影响你学习的事情太多了,学习上遇到的困难尽量当天就给它解决掉,一天堆一天到最后的结果就是根本学不会,比如今天学的这个知识点,如果自己感觉到接受的有些困难,那就可以把今天的课程再看一遍,毕竟学到自己脑子里的东西才是自己的。[image-20210427204252842](C/Users/Administrator/Desktop/web/系统班课程大纲/day03/笔记/image-20210427204252842.png)相同样式需要重复定义,造成代码冗余;...

2022-07-14 20:31:25 31

原创 前端0-3

外界的因素是很容易影响一个人的学习心态和状态的,这时候最考验的就是你的定力,我认为这也是学习中一个很重要的事情。这只是一些简短的知识点,定力影响的也是你能不能专心的看完一篇内容或者一天的笔记,如果一个人没办法静下心来观看一些对自己有用的东西,那他的学习能力和记忆力肯定是不太好的,有些内容的复杂性和逻辑性都需要认真的去观看和回顾复习,不然是不能够完全吸收的,简单的写个笔记,和写一个程序或者一个样式,都是不能专心去做完的,那这样的人可以说不适合任何东西,随便一点什么东西都能勾起你的兴趣,但就是坐下静心学习一个东

2022-07-13 20:45:14 159

原创 前端0-2

一天的学习中总结是最为重要的,一日之计在于晨,同时一日之终在于夜。晚上和早上的时间我们都要好好把握住,早上可以听听英语的代码,看看前一天的笔记,准备一些今天需要的东西和课程,晚上就相对来说比较繁琐了,我们可以总结今天一天的内容,拿起笔写一写,好记性不如烂笔头,记到脑子里的东西才是自己的。人们都说要记住一件事或者一个人就是每天的接触它,前端虽难,大数据虽难,但功夫永远不负有心人。对于白天没有吸收掉的知识,早上用来理清,晚上用来记清。下面是今天学习的a标签,也就是我们大数据最常用的超链接...

2022-07-12 19:41:15 306

原创 初始前端0-1

一个人最大的对手不是别人,而是自己。在学习的过程我们总能遇到许多困难,学习前端最重要的是有思路,但这刚好是一些人的弊端,想要流畅的写出代码,肯定是需要先记住这些代码的英文,然后看到一个样式图之后可以清晰的理出这个东西该怎么去写,需要有自己的一个思路,毕竟写一个样式可以用到的代码有很多。你还需要很大的耐心去看这个样式的布局,毕竟它不是一个速成的东西。也要做到可以在敲代码的同时就顺便记住这些代码怎么写,这样的话会对自己以后写代码的速度还有方式都有很大的提升。对于每天上的课来说,听懂的情况是最好的,但是相反的情况

2022-07-11 21:20:59 122

空空如也

空空如也

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

TA关注的人

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