JS
关注
分享
扫一扫
进击的小野马
在前端的路上奔偏了，(ง •̀_•́)ง
展开
-
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 · 299 阅读 · 0 评论 -
JS的异常处理
语法格式 try{ //抓异常的代码 } catch(e) { throw e;//抛出异常 } finally { //最后的代码 }原创 2021-01-27 17:52:58 · 131 阅读 · 0 评论 -
JS ES5的严格模式
严格模式：‘use strict’<script> 'use strict'; //下面的js代码 会按照严格模式执行</script>优点：减少了代码的不规范使用和不合理运行，提高运行速度1.不能使用未定义的变量2.不允许删除变量或者对象 不允许删除函数3.不允许变量重名 函数的形参不能重名4.不允许使用八进制5.不允许使用转移字符6.不允许修改只读属性的值7.不允许对只有getter方法的属性修改 （类似不允许修改只读）8.不允许删除原创 2021-01-27 17:48:05 · 80 阅读 · 0 评论 -
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 · 523 阅读 · 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 · 325 阅读 · 0 评论 -
JS的继承
1. 原型链继承特点： 子类的实例即是本身也是父类父类新增的原型方法和属性 子类对象都可以访问缺点：子类添加属性和方法 必须在new之后或者直接写在子类里面不能实现多继承原型链继承 子类的实例上不能直接向父类传递参数 //先写一个动物类 function Animal(name,sex){ this.name = name || "Animal", this.sex = sex || "未知动物" this.sleep = f原创 2021-01-21 11:27:34 · 132 阅读 · 0 评论 -
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 · 199 阅读 · 0 评论 -
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 · 487 阅读 · 0 评论 -
JS内置对象的原型链
2333原创 2021-01-21 09:15:27 · 172 阅读 · 0 评论 -
原生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 · 766 阅读 · 0 评论 -
原生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 · 1537 阅读 · 0 评论 -
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 · 258 阅读 · 0 评论 -
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 · 127 阅读 · 0 评论 -
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 · 182 阅读 · 0 评论 -
JS的内置对象(array string math date)
字符串对象String数学对象Math日期对象Date原创 2020-12-31 16:28:05 · 112 阅读 · 0 评论 -
数组的常见几大排序面试题
冒泡排序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 · 257 阅读 · 0 评论 -
数组的操作
数组的声明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 · 164 阅读 · 0 评论 -
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 · 218 阅读 · 0 评论 -
字符串操作常见面试题
输入两个字符串，从第一个字符串中删除第二个字符串中的所有字符串不可以使用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 · 816 阅读 · 0 评论 -
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 · 192 阅读 · 0 评论 -
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 · 904 阅读 · 1 评论 -
初识JS，及其语法函数的使用
javascipt初级（es5 ecmascript5 ecmascript6 7 8）中级 内置对象 自定义对象 dom bom 事件流 逻辑算法 ajax(重点 原理)高级 继承 原型链 设计模式javascript作用： 前端html页面的交互，可以实现 效果（动画，操作效果） 数据展示 数据验证 访问数据 （小游戏开发 api接口访问实现（天气预报 地图api ））等等初级：javascript编程语言如何嵌入到网页1.内嵌写法 .原创 2020-12-22 20:20:58 · 142 阅读 · 0 评论