web前端
文章平均质量分 72
weixin_51077152
这个作者很懒,什么都没留下…
展开
-
web面试篇-js
Js的数据类型基本数据类型(5个):number,string,boolean,undefined,null,object引用数据类型:object对象数据类型,array数组数据类型,正则表达式,function函数数据类型两种数据类型的区别:1) 基本数据类型存储在栈中,占据空间小,大小固定,被频繁使用,传送的数据无法改变2)引用数据类型存储在堆中,占据空间大,大小不固定,在栈中存储了指针,指针指向堆中的起始地址,值是可变的检测数据类型的方法1)检测数据类型的运算符:typeof(.原创 2021-11-06 21:53:01 · 547 阅读 · 0 评论 -
web面试篇-css
css的优先级计算方式css选择器的优先级: 选择器的特殊性值表述为4个部分,用0,0,0,0表示,采用叠加的方式;由高到低的排序如下行内样式:(1000)ID选择器:(0100)class类选择器,属性选择器,伪类选择器:(0010)元素选择器,伪元素选择器:(0001)通类选择器(*):(0000)!important(权重):没有特殊性值,但它的优先级是最高的...原创 2021-10-27 23:06:49 · 301 阅读 · 0 评论 -
web面试篇-html与浏览器
HTML5与HTML(XHTML,HTML4.01)的区别文档类型声明不同:HTML的声明代码很长很复杂,HTML5的声明更为简单语义化标签:HTML没有语义化的标签;HTML5有语义化的标签使代码结构清晰,更加具有可读性音频和视频的支持:HTML必须使用flash播放器实现视频和音频的播放,而HTML5使用<audio>和<video>标签来实现对音频和视频控制语法的处理:HTML无法处理不准确的语法;HTML5能够处理不准确的语法。...原创 2021-10-27 21:50:23 · 234 阅读 · 0 评论 -
web前端-解决跨域的方法
1. 后台代理(PHP代理):跟前端无关(中间人)让后台的编程语言去访问,PHP访问其他域下的资源数据返回PHPphp语法:$res=file_get_contents('访问的网络地址');echo $res2. jsonp跨域(只支持get)实现原理:动态创建script标签里面的src属性可以访问浏览器上的任意资源,不产生跨域,让src去访问要请求的资源,服务器接受请求,并返回数据,前端需要声明一个函数来接收后台返回的数据实例1:百度搜索的接口数据百度搜索内容使用jsonp跨域格式原创 2021-10-26 22:55:14 · 190 阅读 · 0 评论 -
Ajax-json与xml不同
1原创 2021-10-24 14:50:51 · 125 阅读 · 0 评论 -
JS-jQuery
jQuery介绍什么是jQuery:jQuery是JavaScript的一个库,里面是由JS代码封装好的各种函数,可以利用这些函数实现对页面中元素的操作,如操作CSS样式,也可以操作从后台获取数据等等。jQuery宗旨:write less, do more,写的更少,做的更多jQuery官网:https://jquery.com/jQuery库包含以下功能:HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HT原创 2021-10-09 22:36:47 · 191 阅读 · 0 评论 -
JS-面向对象
JSON什么是JSON:JSON是JavaScript Object Notation的缩写,它是一种数据格式。JSON的本质是一个字符串。JSON中的构成元素为:简单值、对象、数组1)简单值:数值型、字符型、布尔型、Null,注意没有undefined2)对象:用来存储无序的属性,注意对象不可以有名称,也不可以以分号作为结尾,没有函数3) 数组:用来存储有序的数据,注意数组也不可以有名称,也不需要用分号作为结尾注意:a.JSON中对象的键值对,键必须用双引号包起来b.JSON中的字符串原创 2021-10-03 00:06:26 · 113 阅读 · 0 评论 -
JS-数组排序
1. 冒泡排序法冒泡排序算法的原理如下:比较相邻的元素。如果第一个比第二个大,就交换他们两个。对每一对相邻元素做同样的工作,从开始第一对到结尾的最后一对。在这一点,最后的元素应该会是最大的数。针对所有的元素重复以上的步骤,除了最后一个。持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比较。 var arr = [100, 90, 98, 70, 85, 60, 87]; for(var i=1;i<=arr.length;i++){ for原创 2021-09-26 22:21:58 · 83 阅读 · 0 评论 -
JS-数组去重
1. 利用indexOf方法对下面的数组进行去重原创 2021-09-26 20:42:25 · 81 阅读 · 0 评论 -
JS-正则表达式
1. 什么是正则表达式正则表达式:也被称为规则表达式,它是由一些普通字符和特殊字符(也称为元字符)构成的表达式。它的作用是用来验证字符串是否符合格式要求,或者判断字符串中是否包含指定格式的子串。2. 正则表达式的创建字面量形式创建正则表达式:var 正则表达式名称 = /表达式内容/修饰符利用构造方法创建正则表达式:var 正则表达式名称 = new RegExp('表达式内容', '修饰符'); /*创建正则表达式*/// 字面量法 var reg=/a/;原创 2021-09-24 22:12:21 · 133 阅读 · 0 评论 -
JS-BOM
1.什么是BOMJavaScript的构成:ECMAScript、DOM、BOM1)ECMAScript:欧洲计算机制造商协会提出的,规定JS的基本语法,如变量、数组、字符串、函数。我们现在说的是ES5,新的有ES6、ES72)DOM:W3C组织提出的,Document Object Model文档对象模型,主要规定了操作文档和文档中内容的API3)BOM:最初由网景公司提出,Browser Object Model浏览器对象模型,它也不是一个对象,可以说它是一个对象的集合。里面有很多对象,利原创 2021-09-23 22:39:05 · 122 阅读 · 0 评论 -
JS-定时器
setInterval方法作用:该方法的作用是用来设置定时器,简单说,该方法的作用就是能够在一定的时间间隔下重复执行某个操作格式:window.setInterval(要重复执行的操作, 时间间隔);参数说明a.要重复执行的操作:可以是匿名函数,也可以是有名函数的名称b.时间间隔:以毫秒作为单位,1秒 = 1000毫秒返回值:返回值为一个数值,这个数值就是该定时器的编号,可以用来删除该定时器clearInterval方法作用:清除定时器,即停止setInterval方法的执行格原创 2021-09-19 19:41:29 · 87 阅读 · 0 评论 -
JS-事件
2.1 什么是事件原创 2021-09-18 16:53:07 · 329 阅读 · 0 评论 -
JS-DOM
1.1.什么是DOM 文档对象模型DOM document object model文档对象模型DOM规定了一套管理HTML文档的机制,它不是一个对象,主要使用document对象操作文档中的内容,整个文档就是有这些节点构成的树形结构DOM规定HTML一切内容都称为节点1)HTML的元素称为元素节点(element node)2)HTML元素之间的文本称为文本节点(text node)3)HTML元素的属性称为属性节点(attribute node)4)HTML文档称为文档节点5)HTM原创 2021-09-16 18:30:21 · 199 阅读 · 0 评论 -
JS-创建函数的三种方法和三种特殊函数
JavaScript中定义函数的方式1. 函数声明方式function 函数名称() {函数体;}2. 函数表达式方式var 变量名称 = function() {函数体;};1) 函数表达式方式创建的函数是没有名称的函数2) 变量中存储的是对函数的引用3) 函数声明方式和函数表达式方式的区别,函数声明方式定义的函数可以在定义之前调用该函数,但是函数表达式方式定义的函数,不可以在定义之前调用。因为函数声明方式定义的函数有函数声明提升操作,而函数表达式方式定义的操作没有函数声明提升操作原创 2021-09-14 19:28:20 · 1087 阅读 · 0 评论 -
JS中数组与字符串的相互转换
1. 字符串转换成数组:split()函数split():分隔字符串,将字符串转换成数组①分隔字符串:将字符串转换成数组返回数组类型②语法string.split(‘分隔符’)③分隔符说明1)如果不写参数,那么会将整条字符串作为一个数组元素进行转换2)如果写参数,那么参数两侧的字符会被转换为数组元素3)如果要将字符串中的每个字符都作为一个数组元素,那么分隔符可以是空字符串2. 数组转换成字符串:join()函数join():分隔数组,将数组转换为字符串①定义分隔数组数组默认原创 2021-09-12 22:05:18 · 346 阅读 · 0 评论 -
JS的输入与输出
1. 输入——动态输入框(prompt方法)prompt(‘提示’,默认值) 默认值可以省略1. 作用:向程序输入数据2. 格式:prompt(‘提示文字’, 默认值);3. 注意:返回值为字符串类型2. 输出方式(3种)1)输出到控制台console.log();2)输出到网页document.write();输出到页面的内容在script后面3)弹出警告框window.alert();简写:alert();注意:alert会阻止页面程序的得执行以上都是顺序执行,由上原创 2021-09-12 13:13:27 · 3564 阅读 · 0 评论 -
web前端-4.JavaScript
4.1.JavaScript介绍4.1.1.前端三层HTML 结构层 写网页结构 身体CSS 样式层 写网页样式 衣服JavaScript 行为层 写网页特效 行为4.1.2.JavaScript发展史1)1995 网景联合sun 发布JavaScript 布兰登艾奇(js之父)2)2011 ECMAScript5 使用最普遍的一个版本4.1.3.JavaScript 组成部分1)ECMAScript原创 2021-08-18 17:52:39 · 557 阅读 · 0 评论 -
web前端-1.Webstorm的安装与基本设置
1.Webstorm1.1.Webstorm的安装Webstorm安装包1.2.Webstorm的设置1、设置webstorm的主体和字体大小file——settings——editor——colors&fonts——font——选中主题复制(save as)一份——下面only前面的对勾去掉——size设置字体大小2、文件重命名右击文件——重命名F2(Fn+F2)右击文件——refactor——rename3、删除文件右击文件——delete4、修改关键字颜色fil原创 2021-08-16 16:34:02 · 422 阅读 · 0 评论 -
web前端-3. CSS的基础知识
3.1.css的介绍1、css定义CSS:Cascading Style Sheets 层叠样式表 级联样式表 简称 样式表2、css的作用1)实现了内容与表现的分离内容:HTML表现:css2)提高了代码的可重用性和可维护性3、css文件后缀.css4、css语法属性:属性值;属性:属性值;属性:属性值;html的属性:属性 = "属性值"5、css的特点1)继承性 后代元素可以继承父元素的样式2)层叠性 一个元素可以设置多个样式 当样式冲突时,看优原创 2021-08-17 16:22:58 · 486 阅读 · 0 评论 -
web前端-2.HTML的基础知识点
2.1. Html常用元素网页标题标签h1~h6 双标记 默认居左且加粗 一号标题字体最大,六号标题字体最小,逐级递减属性: align=“left|center|right” 设置元素内容水平对齐方式段落标记<p>内容</p> 属性:align=“left|center|right” 设置元素内容的水平对齐方式换行标记:没有任何的属性<br/>水平线<hr/>属性: align=“center|left原创 2021-08-16 18:02:43 · 782 阅读 · 0 评论