自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 问答 (1)
  • 收藏
  • 关注

原创 JavaScript返回值

!!String("") // 返回true!!Boolean("") // 返回false!!Number("") // 返回true!!Boolean([]) // 返回true!!String([]) // 返回false!!Number([]) //false!!String(0) // 返回true #被转为字符串"0"!!Number(0) // 返回false!!Boolean(0) // 返回false[] 转为字符串是 ...

2021-08-30 19:42:44 210

原创 2021-08-30JavaScript常用事件

常见的事件:1. 点击事件:1. onclick:单击事件2. ondblclick:双击事件2. 焦点事件1. onblur:失去焦点2. onfocus:元素获得焦点。3. 加载事件:1. onload:一张页面或一幅图像完成加载。4. 鼠标事件:1. onmousedown鼠标按钮被按下。2. onmouseup鼠标...

2021-08-30 19:15:16 95

原创 局部跳转跳转功能的实现

前段时间因为需要在网上查了很多关于局部跳转功能的方法,没有用到太多框架,都是比较基础简单的方法,能出效果。可以配合不同的按钮特效来完成不同的跳转效果。第一种:<!DOCTYPE html><html><head> <meta charset="gb2312" /> <title>无标题文档</title> <style> body,ul,li{margin:0; pa

2021-08-01 14:53:29 800

原创 7.17笔试题整理

1.下面哪个属性可以在html元素中用来定义内联样式?(style)2.input 元素中,下列哪个类型属性定义了输入电话号码的控件?tel3.html5中新增了manifest标签,它有什么作用?应用缓存资源清单4.当表单中包含文件上传控件时,需要将enctype设置为()multipart/form-data5.以下HTML列表中,文字颜色是黑色的行有哪几行? 第三行第九行<style>.list{color:black}.list...

2021-07-27 15:05:12 435

原创 7.16笔试题整理

1.英文字母全部转为大写正确的是()text-transform: uppercase; 1 2 3 4 text-transform:capitalize是首字母大写 text-transfrom:lowercase是全部字母为小写 text-transfrom:uppercase是全部字母为大写 font-weight: bold;字体为粗体, 2.当使用HTML5的拖放API实现拖动时,需要监听”开始拖动

2021-07-16 21:51:46 488

原创 7.15 笔试题整理

1.把鼠标移到按钮并点击时,会产生一串什么样的事件?hover focus active触发顺序为link-->visited--->hover--->active2.下位于<head>间的代码片段是做什么用的 1 <meta name="viewport" content="width=device-width, initial-scale=1"> 表示支持响应式设计3.以下那个前端框架不是 MVVM

2021-07-15 18:51:36 500

原创 jQuery初步学习(4)

42 43 折叠菜单<script> $(function () { //1.监听一级菜单的点击事件 $(".nav>li").click(function () { //拿到二级菜单 var $sub=$(this).children(".sub"); //二级菜单展开 $sub.slideDown(1000); //拿到

2021-07-15 14:29:56 92

原创 jQuery初步学习(3)

36 37 38 tab选项卡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } .box{

2021-07-13 15:54:32 48

原创 7.12笔试题总结

1.<meta/><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">以下说法错误的是user-scalable: no 表示用户可以手动缩放2.在 HTML 音频/视频 DOM 中,_____设置或返回音频/视频播放的默认速

2021-07-12 21:25:37 638

原创 jQuery初步学习(2)

19 jQuery类操作相关方法

2021-07-12 20:58:22 69

原创 笔试题 HTML 总结

2021-7-111.不换行必须设置哪些项?white-space2.如果想要让一个P标签,在1s内缓慢的以滑动方式隐藏,要怎么实现:$(&quot;p&quot;).slideUp(1000);3.从WEB应用的角度,一个应用都需要维护一些不同作用范围的状态,请问下面哪些状态作用域是WEB应用特有的:( 会话,请求,应用 )4.下列哪些是块级元素(ul li hr div form) input 是行内替换元素...

2021-07-11 16:07:35 99

原创 面试题练习 7.11

1.JavaScript定义vara="30",varb=8,则执行a%b会得到(6)。Javascript是弱类型语言,但是明显字符串“30”不能用于 % 运算符,所以会根据后面的类型进行转化,最后结果是 62.在很多时候,我们需要给网页中的一些元素不停的切换样式,那么要怎样实现给某个元素删除一个样式的同时,添加另外一个样式( )$('#ele').removeClass('className');$('#ele').addClass('ClassN...

2021-07-11 15:48:24 449

原创 JavaScript基础学习(10)

目录127 定时器简介128 切换图片练习129 修改div移动练习127 定时器简介如果希望一段程序可以每间隔一段时间执行一次,可以使用定时调用setInterval();定时调用;可以将一个函数每隔一段时间执行一次参数: 1.回调函数,该函数会每隔一段时间执行一次 2.每次调用间隔的时间,单位是毫秒返回值:会返回一个Number类型的数据;作为定时器的唯一标识clearInterval()可以用来关闭一个定...

2021-07-08 20:41:02 80

原创 JavaScript基础学习(9)

目录121 滚轮的事件122 键盘事件121 滚轮的事件onmousewheel鼠标滚轮滚动的事件会在滚轮滚动时触发;火狐不支持触发在火狐中,需要使用DOMMouseSrcroll来绑定滚动事件 该事件需要通过addEventListener()函数来绑定使用addEventListener()方法绑定的响应函数,徐晓默认行为时不能使用 return false; 需要使用event取消默认行为wheelDelta 火狐不支持,火狐中用...

2021-07-05 00:44:42 73

原创 JavaScript基础学习(8)

118 119 120拖拽拖拽流程: 1.当鼠标在被拖拽元素上按压时,开始拖拽 onmousedown 2.当鼠标移动时被拖拽元素跟随鼠标移动 onmousemove 3.当鼠标送开始,被拖拽元素固定在当前位置 onmouseupbox1添加决定定位:position:absolute;<script> window.onload=function(){ ...

2021-07-03 16:58:47 55

原创 JavaScript基础学习(7)

目录111 事件对象112 (练习) div跟随鼠标移动113 时间的冒泡111 事件对象事件对象:当事件的响应函数被触发时,浏览器每次都会将一个事件对象作为实参传递进响应函数 在事件对象中封装了当前事件相关的一切信息。 比如:鼠标的左边,键盘哪个按键被按下 鼠标滚轮滚动的方向onmousemove 该事件会在鼠标在元素中移动时候触发在IE8中,响应函数被触发时,浏览器不会传递事件对象,在IE8及以下浏...

2021-07-02 19:34:57 77

原创 JavaScript初步学习(4)

数组简介数组和普通对象的区别:普通对象是使用字符串作为属性名的,而数组是使用数字来作为索引操作元素的索引:从0开始的整数就是索引数组的存储性能比普通对象要好,在开发中经常用数组来存储一些数据,使用typeof检查一个数组时,会返回object语法:(向数组中添加元素)数组[索引]=值如果读取不存在的索引,则会返回undefined对于连续的数组,使用length可以获取到数组的长度(元素的个数)对于非连续的数组,使用length可以获取到数组的最大索引+1尽量不要创建非连续的数组修改l

2021-04-12 08:18:25 184

原创 JavaScript初步学习(3)

对象只要不是String Number Buulean Null Undefined,全部都是对象基本类型就是单一的值,值和值之间没有任何联系如果使用基本数据类型的数据,创建的变量都是独立的,不能成为一个整体对象是一种复合的数据类型,在对象可以保存多个不同数据类型的变量对象的分类:内建对象:由js标准定义的对象,对任何的js的实现中都可以使用宿主对象:由js的运行环境提供的对象,目前主要指浏览器提供的对象自定义对象:由开发人员自己创建的对象创建对象:使用new关键字调用的函数时构造函数

2021-04-04 12:13:51 71

原创 JavaScript基础学习(2)

代码块程序是由一条条语句构成的,自上而下依条执行,在js中使{}来为语句分组,用一个大括号中的语句为一组语句(也成为代码块,在代码块后面不用再编写;分号了),要么都执行,要么不执行js中的代码块,只具有分组作用,没有其他用途,内部内容在外部完全可见if语句流程控制语句可以控制程序执行流程,使程序根据一定的条件来选择执行语句分类:条件判断语句:可在执行某个语句前进行判断,如果条件成立才会执行,条件不成立则不执行条件分支语句循环语句if语句语法一:if(条件表达式){ 语

2021-03-27 14:13:43 53

原创 JavaScript基础学习(1)

java script基本概念概念:解释型预言 程序执行之前,不需要对代码进行编译,在运行时边解析边执行的语言作用:HTML提供网页上显示的内容CSS美化网页(样式)JavaScript控制网页行为书写格式:1.行内样式:写在标签内部2.内嵌样式(内联样式):写在一对head标签中3.外链样式:写在一个单独的.js文件中,再导入进来...

2021-03-26 18:32:37 117

原创 CSS初学习(3)

网页的布局方式网页的布局方式:浏览器是如何对网页中的元素进行排版的1.标准流排版方式(文档流/普通流)标准流排版方式就是浏览器默认的排版方式在CSS中将元素分为三类:块级元素/行内元素/行内块级元素在标准流中有两种排版:(块级元素)垂直排版,(行内元素,行内块级元素)水平排版2.浮动流排版方式浮动流是一种半脱离标准流的排版方式浮动流只有一种排版方式:水平排版;只能设置某个单元左对齐或者右对齐浮动流中没有居中对齐,也就是没有center取值浮动流中不可以使用margin:0 auto

2021-03-18 21:17:15 111

原创 CSS初步学习(2)

CSS三大特性:继承性作用:给父元素设置一些属性,子元素也可以使用tips:并不是所有的属性都可以继承,只有以color,font-,text-,line-开头的属性才能继承在CSS的继承中,后代均可继承继承性中的特殊性a标签中的文字颜色和下划线是不能继承的h标签中的文字大小是不能继承的应用场景:一般用于设置网页上的一些共性信息,例如网页上的文字颜色,字体,大小CSS三大特性:层叠性作用:css处理冲突的能力tips:层叠性只有在多个选择器选中“同一个标签”,然后再设置了“相

2021-02-25 18:20:28 121

原创 CSS 初步学习(1)

通过标签修改样式的缺点:1.需要记忆标签和属性,如果该标签没有这个属性,那么设置也没有效果2.需求变更时,需要修改大量代码才能满足现在的需求3.HTML只有一个作用就是添加语义所以在企业开发中,修改样式都是交给CSS来做。CSS格式:<style type="text/css"> 标签名称{ 属性名称:属性对应的值; .... }</style>tips:style标签必须写在head标签的开始标签

2021-02-15 13:32:33 182

原创 HTML学习之快捷键

快捷键:1.在webstorm中创建新的.html文件:Ctrl+Alt+Insert2.让光标移动到当前行的末尾:End键3.让光标移动至当前行的最前端:Home键4.让光标在多行同时闪烁,达到多行同时输入效果:Alt+鼠标左键,拖动鼠标5.快速复制光标所在行:Ctrl+D6.快速删除光标所在行:Ctrl+X7.让光标包裹一段内容,即自动在内容前后同时添加标签:Ctrl+Alt+T 回车8.自动补齐标签:Table9.打开谷歌开发者工具:F12...

2021-02-04 21:26:34 713

原创 HTML标签总览

标签H系列标签作用:用于文本添加语义。格式:<h1>xxxxxx</h2>tips:H系列标签不是用于修改文本样式的H标签一共有6个,h1-h6,超过六个默认无效被H系列标签包裹的内容独在一行H系列标签中,H1字体最大,H6字体最小。在企业开发中,慎用H系列标签,特别是H1,企业开发中一个界面只能出现一个H1标签(和SEO标签)。P标签作用:告诉浏览器哪些文字是一个段落。格式:<p>xxxxxxxx</p>Hr标签作用:在浏览器

2021-02-02 16:44:50 150

原创 HTML基础2 格式及基本标签

网页的固定格式编写网页的步骤:(未安装webstorm软件)1.新建一个文本文档,一定要有英文或拼音命名2.利用记事本打开3.编写HTML代码4.保存并修改v哎文本文档扩展名为 .html5.利用浏览器打开编写好的文件基本格式:标签分类:单标签:只有开始标签,没有结束标签,由<>组成双标签:<> </>组成,成对存在。不带“/”的是开始标签,带“/”的是结束标签。标签关系分类:1.并列:如 head标签和 body标签2.嵌套:如head标

2021-01-27 15:36:11 151 2

原创 HTML 基础1

浏览器:能够将网页内容给用户查看,并让用户于页面发生交互。常用主流浏览器及其内核:IE(Trident) 谷歌(Webkit/blink) 火狐 (Geoko) Safarri (Webkit) 欧鹏 (Presto)内核:浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示页面的内容和信息格式。内核不同,兼容性不同。服务器:超级计算机,专门用于存储数据,访问者可以访问服务器获得数据。当我们利用浏览器访问时,其实是有真实的物理文件传输的,浏览器会先将

2021-01-25 16:13:58 102

空空如也

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

TA关注的人

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