![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
罪无囚
路漫漫其修远兮
展开
-
JS创建对象的四种模式对比
目录1. 工厂模式2. 构造函数模式3. 原型模式4. 组合模式(推荐)1. 工厂模式function createObject(name, age, gender) { var obj = { name: name, age: age, gender: gender, sayName:function(){ ...原创 2019-07-15 19:08:24 · 176 阅读 · 0 评论 -
indexedDB封装(增删改查)
(function () { var dbObj = {}; /** * 打开数据库 */ dbObj.init = function (param) { this.dbName = param.dbName; this.dbVersion = param.dbVersion; this....原创 2019-08-05 22:38:46 · 2600 阅读 · 0 评论 -
正则表达式的组匹配
(1)概述正则表达式的括号表示分组匹配,括号中的模式可以用来匹配分组的内容。/fred+/.test('fredd') // true/(fred)+/.test('fredfred') // true上面代码中,第一个模式没有括号,结果+只表示重复字母d,第二个模式有括号,结果+就表示匹配fred这个词。下面是另外一个分组捕获的例子。var m = ‘abcabc’.match(/...原创 2019-07-19 08:57:58 · 4531 阅读 · 0 评论 -
超简单的ztree树形展示
1.下载ztree这里附上链接: https://gitee.com/zTree/zTree_v32.解压到要用到的项目里3.开始操作引入必要的文件写相关的HTML代码js操作js操作主要分三步1.配置对象2.显示的数据(只截取了一部分)3.DOM节点有些数据并不符合ztree的数据格式 我们要将数据封装成ztree需要的数据格式才行,以下数据格式才是ztree需...原创 2019-08-06 18:57:14 · 423 阅读 · 0 评论 -
原生js的AJAX封装及实例
代码优势类数组作为参数的缺点参数太多,不易使用,需要记住顺序参数为空时,需要使用undefined 或者 null 占位,否则参数会错误对象作为参数传参的优点:直接使用对象,不用记参数顺序参数干净封装Ajax function myAjax(options) { //创建实例 var http = new XMLHttpRequest();...原创 2019-07-25 19:37:40 · 163 阅读 · 0 评论 -
JS局部变量和参数传递
以以下代码为例:var bb = 1; function aa(bb) { bb = 2; alert(bb); }; aa(bb); alert(bb);这段代码的输出结果是什么呢?首先看Var bb=1;这是一个全局变量而函数aa(bb)中的bb是以传值方式传入的,相当于在函数中重新...原创 2019-07-05 09:58:19 · 1325 阅读 · 0 评论 -
JS逻辑运算
在JS中 逻辑运算返回的值不一定是true 和 false例如:在这段代码中: var a = 123 var b = undefined var c = 'hello' var d = '' var e = 0 console.log(a && b) ...原创 2019-07-09 17:04:42 · 202 阅读 · 0 评论 -
原生JS实现轮播图
JS轮播图所涉及的主要知识点:定时器绝对定位溢出隐藏CSS代码#slider { overflow: hidden; /*溢出隐藏*/ position: relative; /*相对定位为子元素提供参考*/ width: 100%; height: 520px;}/*轮播图片*/#pic li { background: url(../...原创 2019-07-09 19:47:15 · 151 阅读 · 0 评论 -
JS声明提前
JS中的声明提前,变量声明提前,函数声明提前,以及声明提前的顺序首先来看以下一段代码:console.log(a)//?a();//?var a ;function a(){ console.log(10);}console.log(a);//?a = 6;a();//?四个输出分别是什么呢?我们来调试一下,执行到 a= 6时输出如下:最后一个a();报错。接下...原创 2019-07-11 20:26:23 · 430 阅读 · 0 评论 -
JS重写reverse、push、pop、unshift、shift
var arr = [8, 6, 3, 2, 9, 5, 7, 1, 4]//反转数组Array.prototype.rev = function () { var later = this.length - 1, temp; for (let i = 0; i < this.length; i++) { temp = this[i]; ...原创 2019-07-15 09:28:50 · 577 阅读 · 0 评论 -
ECharts天气预报折线图
引入依赖文件 JQuery和ECharts<script src="./js/jquery-3.4.1.min.js"></script> <script src="./js/echarts.min.js"></script><div id="weather" class="col-lg-7 col-md-12" style="he...原创 2019-08-12 11:23:58 · 9320 阅读 · 2 评论