- 博客(41)
- 收藏
- 关注
原创 es6的遍历器
interator 遍历器通过指针移位来遍历集合的 next() {value:0,done:true} value:指值 done:指是否遍历结束 true false{ let myInterator = (args) => { let index = 0; return { next() { retu.
2021-03-26 13:07:16
138
原创 es6的函数
es6 函数增加默认值 { function method(x, y = 7) { console.log(x, y); } method(); function getdata({ a, b = 8 }) { console.log(a, b); } getdata({ a: 1 });.
2021-03-26 13:02:26
110
原创 es6的字符串遍历
for of 遍历let str='abcdef';for(let char of str) { console.log(char); }字符串新增的方法let s="\uD842\uDFB7"; console.log(s); let str="a"; let s1=str.charCodeAt(0).toString(16);//unicode 16进制 .
2021-03-26 12:57:28
487
原创 es6的变量解构赋值
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。解构赋值:按照相同的结构对应给值 { let a = 2; let b = 3; let t; t= a; a=b; b=t; //a b 值互相交换 //let [a,b]= [3,2]; c
2021-03-26 12:53:40
123
原创 前端面试合集 吃透80%面试随便过
1.http状态码301:301是指永久性的移动,302是暂时性的,即以后还可能有变化302:表示临时性重定向。访问一个Url时,被重定向到另一个url上。常用于页面跳转。2.webkit内核Trident: IE 以Trident 作为内核引擎;Gecko: Firefox 是基于 Gecko 开发;WebKit: Safari, Google Chrome,傲游3,猎豹浏览器,百度浏览器 opera浏览器 基于 Webkit 开发。Presto: Opera的内核,但由于市场选择问题,主要
2021-03-14 15:05:37
532
原创 jQuery里面的ajax的请求和事件
ajax请求有:1..ajax(url,[settings])2..ajax(url,[settings]) 2..ajax(url,[settings])2..get(url,[data],[fn],[type])3..getJSON(url,[data],[fn])4..getJSON(url,[data],[fn]) 4..getJSON(url,[data],[fn])4..getScript(url,[callback])5.$.post(url,[data],[fn],
2021-03-13 16:17:15
194
原创 ES6 里面的let和const
ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。letlet声明变量会限制作用域 只能在当前代码块作用域内部有效let 声明的变量不能被提前声明 不能被重名{ var a = 1; let b = 2; } a;//1 b;//1.let和const.html:56 Uncaught ReferenceError: b is not defined at上面代码在代码块之中,分别用let和var声明
2021-03-13 16:15:38
64
原创 jQuery里面的筛选、事件及动画
筛选1.过滤eq(index|-index)first()last()hasClass(class)filter(expr|obj|ele|fn)is(expr|obj|ele|fn)map(callback)has(expr|ele)not(expr|ele|fn)slice(start,[end])2.查找children([expr])closest(e|o|e)1.7*find(e|o|e)next([expr])nextAll([expr])nextUnti..
2021-02-26 14:19:43
66
原创 jQuery
jquery简介:1.jquery 是一个框架库 封装了 原生js优势:减少代码量 提高兼容性 (写的少做的多) 简单好学jquery可以链式操作 同一个对象多次操作(尽量避免写多个链式操作)obj.html().css().text();2.根据开发需求 随时调整库的版本稳定版 1.9完整版 压缩版轻量级开发框架3.jquery 支持隐式迭代 (一次性操作一堆)要写jquery代码 需要引入jquery的库按照引入js的方式引入到网页jquery代码的写法和原生
2021-02-26 14:14:37
77
原创 HTML5 的canvas
Canvas API(画布)是在HTML5中新增的标签用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用JavaScript操作的位图(bitmap)。Canvas 对象表示一个 HTML 画布元素 -。它没有自己的行为,但是定义了一个 API 支持脚本化客户端绘图操作。Canvas常用的属性:1. 在对象CanvasRenderingContext2D的原型对象上可以添加方法 直接调用使用2. context.canvas 返回当前操作的canvas对象(只读)3. fi
2021-01-28 18:02:14
243
原创 HTML5 的缓存
storage 没有时间有效期(类似cookie缓存)sessionStorage 客户端缓存(客户端关闭之后 缓存清除)localStorage 本地缓存 永久性的同样可以对缓存进行操作//设置缓存 //setItem string sessionStorage.setItem('user','maodou'); sessionStorage.setItem('_user','maodou'); localStorage.setItem('us
2021-01-27 17:55:19
121
原创 JS的异常处理
语法格式 try{ //抓异常的代码 } catch(e) { throw e;//抛出异常 } finally { //最后的代码 }
2021-01-27 17:52:58
100
原创 JS ES5的严格模式
严格模式:‘use strict’<script> 'use strict'; //下面的js代码 会按照严格模式执行</script>优点:减少了代码的不规范使用和不合理运行,提高运行速度1.不能使用未定义的变量2.不允许删除变量或者对象 不允许删除函数3.不允许变量重名 函数的形参不能重名4.不允许使用八进制5.不允许使用转移字符6.不允许修改只读属性的值7.不允许对只有getter方法的属性修改 (类似不允许修改只读)8.不允许删除
2021-01-27 17:48:05
61
原创 JS里面的缓存机制(cookie)
使用cookie来缓存web界面的用户信息,直接从本地读取缓存cookie存在实效性cookie可以进行创建 读取 删除 修改 操作 //1.设置cookie document.cookie = "user = maodou"; //在设置cookie的同时 可以进行加密解密 var str = btoa("maodou"); console.log(atob(str)); var s = escape("删除"); console.log(
2021-01-27 17:39:31
477
2
原创 JS的工厂模式、原型模式、构造函数模式、构造+原型模式、单例模式、观察者模式、发布者和订阅模式、策略模式
1. 工厂模式优点:使用工厂模式 解决多次创建对象的问题缺点:没有解决对象识别的问题 (返回的都是同一个对象类型) //实例化不同的人 function Factory(name,age,job){ var obj = new Object(); obj.name = name; obj.age = age; obj.job = job; obj.sleep = function() {
2021-01-22 10:17:12
298
原创 JS的继承
1. 原型链继承特点: 子类的实例即是本身也是父类父类新增的原型方法和属性 子类对象都可以访问缺点:子类添加属性和方法 必须在new之后或者直接写在子类里面不能实现多继承原型链继承 子类的实例上不能直接向父类传递参数 //先写一个动物类 function Animal(name,sex){ this.name = name || "Animal", this.sex = sex || "未知动物" this.sleep = f
2021-01-21 11:27:34
105
原创 JS自定义构造函数
function Person(){ } //设置Person的原型对象 //原型对象上的方法和属性是共享的 Person.prototype = { constructor:Person, name:"", age:"", weight:"", height:"", sex:"", } var p1 = new Person(); p1.name...
2021-01-21 09:31:50
167
原创 JS对象合并的方法
//对象的合并方法 共有的属性会被下面的覆盖 var a = { n:1, b:2 }; var b = { n:10, c:3 }; //合并对象 var c = Object.assign(a,b); console.log(c);//{n: 10, b: 2, c: 3}
2021-01-21 09:20:56
454
原创 原生JS的加密解密
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script> var s="abc121321dsadsa"; console.log(window.btoa(s));//YWJjMTIxMzIxZHNhZHNh con
2021-01-16 10:46:20
707
原创 原生AJAX的操作(五步写法,兼容,封装,跨域)
1.ajax的五步写法<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script> /*第一步:创建ajax对象*/ var http = new XMLHttpRequest(); /*第二步:建立服务器连接
2021-01-16 10:43:02
1480
原创 JS使用函数创建对象
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script> function people(name,age,sex){ this.name=name; this.age=age; th
2021-01-16 10:01:44
230
原创 JS的正则表达式
正则表达式的写法:/正则符号/修饰符后面的修饰符可以写一个或多个作用;检测字符串,表单验证上使用字符串可以直接使用match 如果符合要求返回值 否则null例如var reg = "people"; var regrex=new RegExp(reg); console.log(regrex.match(str)); // false/true 简写:console.log(reg.test(str));正则符号i 不区分大小写g 全局匹配 匹配所有m 只匹配多行s 匹配字符圆点
2021-01-10 15:51:29
115
原创 JS内置的计时器及其初步使用
1.循环计时器setInterval(); var count=0; var timer=setInterval(function (){ //匿名函数回调 count++; console.log(count); if(count>3) { //清除计时器 clearInterval(timer); } },1000);//时间 ms function loop(){
2021-01-02 17:39:22
162
原创 数组的常见几大排序面试题
冒泡排序var arr = [1, 9, 4, 2, 5, 3, 8, 6, 7, 1, 3, 5];function bubbleSort(array) { if (Array.isArray(array)) { if (array.length == 1) { return array; } var temp = null; for (var i = 0; i < array.length; i.
2020-12-23 20:12:48
232
原创 数组的操作
数组的声明var arr = new Array();console.log(arr);2.数组如何赋值:在建立数组的时候直接赋值下面这种方式 给1个值是长度 给多个值是赋值var arr1 = new Array(5, 3, 2, 1);console.log(arr1);3.数组里面存在索引和值 0:1var arr2 = new Array();arr2[0] = 1;arr2[1] = "a";arr2[2] = true;arr2[3] = funct.
2020-12-23 20:09:28
136
原创 BOM操作里面的:window、history、location
1.window1.常用的提示框window.alert(“弹框”);和if(window.confirm("确认是否提交?")) { console.log("确认"); } else{ console.log("用户拒绝"); };返回值为字符串 : var price = prompt("请输入价格:", '0');2. window的事件 window.onload = function () { conso
2020-12-23 19:44:49
184
原创 字符串操作常见面试题
输入两个字符串,从第一个字符串中删除第二个字符串中的所有字符串不可以使用replace例如:输入“They are students” 和“aeiou”则删除之后的第一个字符串变成 “Thy r stdnts” var str = "They are students"; var sen = "aeiou"; function deleteChar(s1,s2){ if(s2.length<1){ return s1; .
2020-12-22 20:40:42
765
原创 JS字符串方法的使用
var str=" abc Defga"; for(var i=0;i<str.length;i++){ console.log(str[i]); } //indexOf:前---后 lastIndexOf:后----前 //如果后面跟一个参数,直接找,找到返回索引位置,没找到返回-1 console.log(str.indexOf("g")); console.log(str.indexOf("h")); console..
2020-12-22 20:30:24
208
1
原创 初识JS,及其语法函数的使用
javascipt初级(es5 ecmascript5 ecmascript6 7 8)中级 内置对象 自定义对象 dom bom 事件流 逻辑算法 ajax(重点 原理)高级 继承 原型链 设计模式javascript作用: 前端html页面的交互,可以实现 效果(动画,操作效果) 数据展示 数据验证 访问数据 (小游戏开发 api接口访问实现(天气预报 地图api ))等等初级:javascript编程语言如何嵌入到网页1.内嵌写法 .
2020-12-22 20:20:58
122
原创 写CSS会遇到的问题及常用属性
盒子模型塌陷网页结构布局 会遇到的问题给子元素设置外间距 会导致父容器连带移动如何处理:给父元素设置 超出隐藏overfolw:hidden(构建相对独立的BFC)给父元素设置边框单行溢出省略号显示和多行溢出省略号显示单行溢出:overflow: hidden;white-space: nowrap;text-overflow: ellipsis;多行溢出省略:overflow: hidden;display: -webkit-box;-webkit-line-cla.
2020-12-22 19:55:45
289
1
原创 CSS3弹性盒子,CSS移动端适配,CSS媒体查询,CSS文本域,CSS多列布局,CSS选择器
1.移动端适配标签:mate下面这种写法是等比例的伸缩方式<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=3.0,user-scalable=no"/>移动端固定模式布局<meta name="viewport" content="width=320,minimum-scale=1.0,maximum-scale=3.0
2020-12-12 16:01:51
357
原创 纯CSS代码 CSS里面背景图动画 一张背景图无缝衔接,循环走动 一张背景图
用跳帧做动画的时候,让背景图无缝衔接的循环走动<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>背景走</title> <style> *{ margin: 0px; padding: 0px; } html,bod
2020-12-03 19:18:03
1857
原创 CSS3的属性、使用及动画
Transition:属性设置元素当过渡效果;四个简写属性为:transition-propertytransition-durationtransition-timing-functiontransition-delay
2020-12-03 19:05:45
153
原创 html5简介及常用新元素
html5: html4的升级html5移动端和PC端都可以适应移动端使用相对单位:rem em 1rem=16px;html5和html4的区别是:html5语义化更明确;如果浏览器不识别html5 可以左兼容性处理:使用csshack 来写 <!--[IF lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
2020-12-03 18:26:34
197
原创 JS-dom元素事件的操作(1.直接绑定-动态绑定,2.事件的闭包,3.事件监听,4.事件冒泡机制,5.事件冒泡还是捕获,6..事件的对象-坐标+键盘事件对象,7.事件的委托)
dom元素添加事件-直接绑定-动态绑定<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>dom元素添加事件-直接绑定-动态绑定</title> <style> *{ margin: 0px; padding: 0px; } .
2020-12-01 17:38:07
166
原创 CSS常用基本样式以及属性
什么是css?是Cascading style Sheets的简称,层叠样式表;作用:给html元素添加外观特征(设置字体,颜色,位置,间距等等)网页分为几种层?显示层(视图层 view)表现层(css)行为层(js) 三者构成网页css多种样式可层叠一个,写外部样式可以提高效率;css的样式分为三种写法行内样式 内嵌样式 外部样式...
2020-11-28 22:43:32
556
原创 JS-dom常用的八种获取方法,属性及操作
js里面dom元素操作不支持隐式迭代(js操作dom不能直接操作一堆,只能单个操作)<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><button class="btn" id="butinfo" name="an">按钮</button&
2020-11-28 22:10:59
839
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人