weixin_41452476-CSDN博客

原创数组reduce方法

如果reduce不设置初始值，pre第一次的值是数组的第一项，以后每次的值是reduce函数的返回值current第一次的值是数组的第二项，循环次数为数组长度-1，以后的值为当前项后面的值，依次类推 var todu = [1,2,3,1,4,5]; var b= todu.reduce((pre,current)=>{ console.log(pre) // console.log(current) // return pre +curre

2021-10-18 09:15:34 189

原创 Axios

json-server的介绍与服务搭建安装安装： npm install -g json-server启动服务：json-server --watch db.json (db.json是起的文件名，在文件所在文件夹目录下启动)文件内容实例{ "posts": [ { "id": 1, "title": "json-server", "author": "typicode" } ], "comments": [ { "id": 1, "body": "some co

2021-09-23 16:02:57 205

原创 vue 数据更新后，echarts图表不更新

vue 数据更新后，echarts图表不更新用watch监听传递的数据，重新调用渲染图表,echarts中setOption这个方法有三个属性，有的情况下也需要修改 watch: { datas: { handler: function () { console.log(1); this.$nextTick(function () { this.drawCharts(this.datas, this.text);

2021-09-01 09:11:25 1144

原创 js修改对象数组中其中某一项属性值

2021-08-25 16:45:01 9403

原创 git基础操作

git概述git概述Git 是一个免费的、开源的分布式版本控制系统，可以快速高效地处理从小型到大型的各种项目。Git 易于学习，占地面积小，性能极快。它具有廉价的本地库，方便的暂存区域和多个工作流分支等特性。其性能优于 Subversion、CVS、Perforce 和 ClearCase 等版本控制工具。版本控制版本控制是一种记录文件内容变化，以便将来查阅特定版本修订情况的系统。版本控制其实最重要的是可以记录文件修改历史记录，从而让用户能够查看历史版本，方便版本切换。版本控制工具

2021-08-24 16:48:36 153

原创 vue笔记

为什么学习vue1可能你的公司正要将原有的项目使用Vue进行重构。2也可能是你的公司新项目决定使用Vue的技术栈。3当然，如果你现在正在换工作，你会发现招聘前端的需求中，10个有8个都对Vue有或多或少的要求。4当然，作为学习者我们知道Vuejs目前非常火，可以说是前端必备的一个技能。认识vueVue (读音 /vjuː/，类似于 view)，不要读错。Vue是一个渐进式的框架，什么是渐进式的呢？渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，一点一点来开发，带来更丰富的交互体验。或

2021-07-07 23:17:39 284 2

原创 VScode插件

Ａ－１１－Auto Rename TagAuto Rename Tag这是一个修改标签对的插件。特征：重命名一个HTML / XML标签时，自动重命名配对的HTML / XML标签使用在其中添加条目auto-rename-tag.activationOnLanguage以设置扩展名将被激活的语言。默认情况下，它将["*"]为所有语言激活。{ "auto-rename-tag.activationOnLanguage": ["html", "xml", "php", "javascript"

2021-07-01 21:33:47 897

原创 51-js整理

JavaScript简介JavaScript是什么JavaScript 编程语言流程控制Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。Java和JavaScript

2021-03-10 09:04:30 1242

原创 jquery

1- $方法的四种传参形式 $("css选择器") // 返回与css选择器相匹配的jQuery对象 $(Node) // 返回与Node节点相匹配的jQuery（将Node节点转换为jQuery对象） $("HTML代码段") // 根据HTML代码段生成一个或若干个jQuery对象的 $(function(){}) // 类似于window.onload事件，完全等价于document.onready2- jQuery对象jQuery对象：一个由若干个Node节点构成的类数组

2021-01-04 08:58:14 118

原创 20-创建对象的方式，构造函数，原型，继承，call和apply，bind

1— 创建对象的三种方式1-- 字面量的方式 //1 实例对象 var per1 = { name:"卡卡西", age:20, sex:"男", eat:function(){ console.log("吃饭"); } }2–调用系统的构造函数 //2 调用系统的构造函数 var per2 = new Object(); per2.name = "大蛇丸"; per2.age = 30; per2.sex = "男"; per2.eat=funct

2020-12-02 20:54:54 453 2

原创 19-ajax请求/跨域/jsonp/服务器反向代理

ajaxajax简介概述 Web 程序最初的目的就是将信息（数据）放到公共的服务器，让所有网络用户都可以通过浏览器访问。在此之前，我们可以通过以下几种方式让浏览器发出对服务端的请求，获得服务端的数据：地址栏输入地址，回车，刷新特定元素的 href 或 src 属性表单提交这些方案都是我们无法通过或者很难通过代码的方式进行编程（对服务端发出请求并且接受服务端返回的响应），如果我们可以通过 JavaScript 直接发送网络请求，那么 Web 的可能就会更多，随之能够实现的功能也会更多，至少不

2020-12-01 20:32:29 188

原创 18 navcat链接数据库 MySQl部分语法 Nodejs简介操作MySL

1 navcat链接数据库1-1 准备工作里面有Apache htdocs MySQL Apache 打开80端口 htdocs 存放请求的资源 MySQL 数据库1-2 MYSQL1-2-1数据库的结构关系库 > 表 > 列(字段)和行(数据) 每一个表都有一个id的字段，该字段是该表的主键，并且一般来说会不为空并自动自增。1-2-2数据类型* int 整型（整数数字）* float 浮点型（小数）* v

2020-12-01 19:39:12 265

原创 03-搜索框添加移除内容

html和js部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="index.css

2020-11-19 16:14:02 222 1

原创 02-面向对象购物车效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table { width: 600px;

2020-11-19 08:49:14 96

原创 01-面向过程购物车效果小案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>Document</title> <style> table { width: 600px; margin:

2020-11-19 08:46:09 138

原创 17-js中可能用到的正则表达式

1-正则表达式简介1-1 什么是正则表达式正则表达式：用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。1-2 正则表达式的作用给定的字符串是否符合正则表达式的过滤逻辑(匹配)可以通过正则表达式，从字符串中获

2020-11-14 17:36:41 201

原创 01-js部分兼容方法

1-获取非行内样式 //获取非行内样式（兼容问题） //读必须通过官方的方法 //getComputedStyle(元素,false)["attr"]; console.log(getComputedStyle(oBox,false)["color"]);2-获取滚动条移动的垂直距离window.onscroll = function(){ //兼容问题获取滚动条移动的垂直距离 var _top = document.body.scrollTop || document.documen

2020-11-10 21:18:29 141

原创 16-js事件的部分内容

1 事件–事件对象1 事件: 对某个元素的某种操作2 事件对象：当某个事件触发时产生的对象，就是事件对象。3 event使用前提，必须有事件不同的事件产生的事件对象不同。4 事件对象的兼容： var e = evt || event;5 事件对象拥有该事件相关的属性和方法6 事件处理函数,事件触发了,函数的代码就会执行,执行的时候,函数调用的时候通过arguments.length 可以得出：事件处理函数中实际上都是有一个参数的这个参数和事件有关系是一个对象

2020-11-10 21:04:17 716

原创 15-DOM（Document Object Model）文档对象模型

1 DOM的概念文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”，双方为了在JavaScript与JScript一决生死，于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物，既有VBScript、Acti

2020-11-09 20:02:59 270 1

原创 14-Web API/BOM(浏览器对象模型)

1 Web APIAPI的概念API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。任何开发语言都有自己的APIAPI的特征输入和输出(I/O)API的使用方法(console.log())Web API的概念浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)此处的Web API特指浏览器提供的AP

2020-11-09 19:04:00 234

原创 13-Math对象/Date对象/小案例

Math对象* abs() 返回绝对值* ceil() 向上取整* floor() 向下取整:类似于parseInt()* round() 四舍五入* max() 返回最大值或最小值* min()* random() 返回0-1之间的伪随机数（不可能等于1，有可能等于0）1 随机产生一个16进制颜色的函数//随机产生一个十六进制的颜色值 // console.log(parseInt(Math.random()*5)); function getColor() {

2020-11-06 14:55:43 151

原创 100JS - js小方法整合

1 测试方法alert(exp) 输出到警告框console.log(exp) 输出到控制台document.write(exp) 输出到页面2 数值的操作方法parseInt(Number) 取整，没有副作用parseFloat(Number) 强制转换为数字，没有副作用Number.toFixed(保留的位数) 保留几位小数;注意：这个返回结果不再是Number类型而是字符串了。3 向弹框输入内容的方法var score = Number(prompt("请输入您的成绩")

2020-11-03 21:07:40 1128

原创 12-String对象的全局方法

String对象的全局方法/** *字符串的常用属性: *.length--------->字符串的长度 *.charAt(索引),返回值是指定索引位置的字符串超出索引结果是空字符串 *.fromCharCode(数字值,可以是多个参数),返回的是ASCII码对应的值 *.concat(字符串1,字符串2.........)返回的是拼接之后的新的字符串 *.indexOf(要找的字符串,从某个位置开始的索引);返回的是这个字符串的索引值没找到则返回-1 *.lastI

2020-11-03 20:44:57 213

原创 11-js数组方法整理

数组* push(exp) 向后插* pop() 删除最后一个* unshift(exp) 向前插* shift() 删除第一个* splice(index,howmany,repalcement) 添加/删除/替换* splice(要插入位置的下标,0,要插入的元素) 往数组中某一个位置塞一个元素进去 * splice(要删除元素的下标,1) 从数组中删除掉某一个元素 * concat(array) 数组拼接* join() 将数组转换为字符串，参数作为分隔符。* r

2020-11-03 20:36:19 105

原创 10-编程思想/创建对象的三种方式/工厂模式创建对象

1 编程思想/** *编程思想:把一些生活中做事的经验融入到程序中 *面向过程:凡事都亲力亲为每件事的具体过程都要知道注重的是过程 *面向对象:根据需求找对象所有的事情都用对象来做注重的是结果 * * *面向对象特性:封装继承多态(抽象性) *js不是面向对象的语言,但是可以模拟面向对象的思想 *js是一门基于对象的语言： *万物皆对象-------->狗人 * * *什么是对象? *看得见摸得到具体特指的某个东西 *

2020-11-03 20:24:43 129

原创 09-数组和函数案例/输入年月日，判断第几天/翻转数组/斐波那契数列/两个数之间的素数/数组去重/冒泡排序/定义一个含有30个元素的数组，按顺序分别赋予从2开始的偶数,然后按顺序每五个

小案例 //案例1:求数组中所有元素之和: var arr1 = [10,20,30,40,50,60,70,80,90,100]; var sum = 0; for (var i = 0; i < arr1.length; i++) { // console.log(arr1[i]); sum += arr1[i]; } console.log(sum); //案例2：求数组中所有元素的平均值 var arr2 = [1,2,3,4,5]; var

2020-10-31 16:11:02 205

原创 08js-数组

数组基本概念//数组:一组有序的数据 //数组的作用:可以一次性存储多个数据 //数组的定义: /** *1、通过构造函数的方式创建数组 *语法: * var 数组名 = new Array(); * var array = new Array();//定义了一个数组 * 数组的名字如果直接输出那么就可以把数组中的数据显示出来如果没有数据就看不到数据 * var 数组名 = new Array(长度); * 如果数组中没有数据但是有长度-------

2020-10-31 15:43:01 74

原创 07js-函数相关概念/作用域/预解析/欲解析分段问题

函数/** *函数：把一坨重复的代码进行封装在需要的时候拿出来 *函数作用:代码的重用 * *函数的参数: *1、形参:函数定义的时候函数名字后面的小括号里面的变量 *2、实参:函数调用的时候函数名字后面的小括号里的变量或者值 * *返回值: *函数中有return 函数有返回值 *函数中没有return 函数没有返回值 *没明确返回值:函数中没有return或者return后面没有任何内容如果一个函数没有明确的返回值接收这个函数结果是undefin

2020-10-31 15:27:52 120

原创 06js-函数 break/contiue关键字

1 break关键字// break 关键字：如果在循环中使用// 遇到break，立即跳出循环 // for (var i = 0; i < 10; i++) { // while(true){ // console.log("哈哈哈"); // break; // } // } // console.log("哈哈我出来了");//找到100到200之间第一个可以被7整除的数字for (var i = 100; i <= 200; i++

2020-10-31 15:06:50 91

原创 05js-循环语句/for(乘法口诀表)/while/do while

1 for循环/** *for循环： * *语法: *for(表达式1;表达式2;表达式3){ * 循环体; *} * * *执行过程： **先执行一次表达式1 然后判断表达式2 如果不成立则直接跳出循环 *如果表达式2成立执行循环体的代码结束后跳到表达式3执行然后跳到表达式2 判断表达式2是否成立不成立跳出循环 *如果表达式2成立则执行循环体然后跳到表达式3 再跳表达式2 判断是否成立一直如此 *

2020-10-31 14:57:54 182

原创 04JS - if语句/三元表达式和switch语句

1 if语句 if语句:主要是判断语法： if(表达式){ 代码块 } 执行过程: 先判断表达式的结果是true还是false 如果是true则执行代码块如果是false大括号中的代码是不执行的例子：问小张帅不帅则输出真的帅 var str = "帅"; if (str == "帅") { console.log("真的好帅"); }2if-else语句if-else语句两个分支只能执行一个分支

2020-10-28 00:09:25 197

原创 03 - JS数据类型转换/判断相等

数据类型转换其他类型转成数字类型:三种方式 1、parseInt();//转整数 console.log(parseInt("10"));//10 console.log(parseInt("10sfsdff"));//10 console.log(parseInt("g10"));//NaN console.log(parseInt("1afas0"));//1 console.log(parseInt("10.98"));//10 console.log(par

2020-10-27 23:43:30 170

原创 02JS - 标识符/变量or常量/数据类型/操作符号

1 标识符变量，对象的属性以及函数的名字。由字母、数字、下划线、$符号组成，不能以数字开头不能是关键字和保留字，例如：for、while。区分大小写变量名必须有意义遵守驼峰命名法。首字母小写，后面单词的首字母需要大写2 变量or常量变量(存储数据的容器/或者操作数据)变量声明(有var 有变量名字没有值)变量初始化(有var 有变量名字有值)1 操作的数据都是在内存中操作2 js中存储数据使用变量的方式(名字,值----->数据)3 js中声明变量用var------

2020-10-26 21:16:16 218

原创 01JS - JS的简单介绍

1 JavaScript是什么JavaScript 编程语言流程控制Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。Java和JavaScript的关系就像张雨和张雨生

2020-10-26 20:11:02 263