自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 问答 (5)
  • 收藏
  • 关注

原创 数组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 181

原创 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 189

原创 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 1119

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

<script> // 只把a中b的值,替换成f中d的值,c值不变 var a = [ {b:1,c:5}, {b:2,c:6}, {b:3,c:7}, {b:4,c:8}, ] var f =[ {b:12}, {b:13}, {b:14}, {b:15}, ] a.forEach((item, index) => { item.b = f[i

2021-08-25 16:45:01 9362

原创 git基础操作

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

2021-08-24 16:48:36 143

原创 vue笔记

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

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

原创 VScode插件

A-11-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 834

原创 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 1205

原创 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 108

原创 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 413 2

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

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

2020-12-01 20:32:29 181

原创 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 254

原创 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 209 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 88

原创 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 132

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

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

2020-11-14 17:36:41 194

原创 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 128

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

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

2020-11-10 21:04:17 708

原创 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 258 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 226

原创 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 139

原创 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 1119

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

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

2020-11-03 20:44:57 202

原创 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 93

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

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

2020-11-03 20:24:43 121

原创 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 190

原创 08js-数组

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

2020-10-31 15:43:01 64

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

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

2020-10-31 15:27:52 111

原创 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 82

原创 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 168

原创 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 183

原创 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 160

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

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

2020-10-26 21:16:16 207

原创 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 249

原创 CSS基础十六(移动端布局)

移动端准备工作meta标签 <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">+ 视口 viewport - 布局视口:css所作用的区域,默认是980px; - 可视视口:所看到的区域 - 完美视口/理想视口:将布局视口的宽和可视视口的宽设置为一样 width=device-width+ 参数 - width = device-width:

2020-10-26 19:32:47 101

原创 CSS基础十五(响应式布局和媒体查询)

响应式布局概念:根据不同的分辨率,显示不同的样式主要修改的样式元素的隐藏与显示宽度浮动排列文本对齐方式字体大小优点:适配性好缺点:增大工作量出现大量的隐藏元素,导致代码量冗余一般用在小网站媒体查询 @media 设备类型 and (媒体特性){}设备类型all 所有的设备screen 显示器/笔记本/移动端设备print 打印机媒体特性min-width(比最小值大)/max-width(比最大值小)媒体特性的值后面不要加分号多个媒体

2020-10-19 23:16:49 84

原创 CSS基础十四(CSS3属性/怪异盒子模型/flex布局)

怪异盒模型标准盒模型:box-sizing:content-box盒子宽度 = 内容区的width+padding的左右+border的左右+margin的左右怪异盒模型:box-sizing:border-box ie8以下不支持盒子宽度 = 内容区的width + margin的左右弹性盒布局(flex)父元素形成弹性盒 display:flex;主轴对齐方式 justify-contentflex-start 默认值 主轴起点flex-end 主轴终点ce

2020-10-19 23:14:28 183

原创 CSS基础十三(C3新增和h5新增)

css3新增的选择器属性选择器 权重和class选择器一样 为10 方括号前面可以加标签名,限制元素[属性名]{} 属性名可以是自定义属性[属性名=“属性值”] 属性名和属性值匹配[属性名^=“值”] 属性值以某个值开头[属性名$=“值”] 属性值以某个值结尾[属性名*=“值”] 属性名中包含某个值伪类选择器 权重值和class选择器一样 为10 0010结构性的伪类child系列父元素 子元素:first-child{} 父元素中的第一个孩子必须和该子元素匹配父元素 子

2020-10-19 23:10:49 161

原创 CSS基础十二(动画和3D变形)

动画 ie9及以下不支持定义动画 @keyframes 动画名{ 关键帧 划分时间 from{} 0% to{} 100% } 5s @keyframes 动画名{ 0%{} 0 20%{} 1s 40%{} 2s 60%{} 3s 80%{} 100%{} } 兼容写法 @-moz-keyframes longer{} @-webkit-keyframes longer{}使用动画ani

2020-10-19 23:07:56 104

原创 CSS基础十一(渐变和2d变型)

浏览器内核(浏览器的解析代码机制)ie浏览器 Trident内核 -ms-火狐浏览器 Gecko内核 -moz-欧鹏浏览器 Blank内核 -o-谷歌浏览器 Webkit内核 -webkit-过渡的兼容写法 /* 标准写法 */ transition: all 1s; /* 火狐*/ -moz-transition: all 1s; -webkit-transition: all 1s;渐变 ie9及以下不支持线性渐变:background-image/bac

2020-10-19 23:05:43 112

空空如也

sessionStorage在vue中的用法

2024-09-09

Ant Design of Vue 的表格使用,根据当前代码,实现以下功能

2024-08-15

js函数,数组语法写一个检测函数

2024-08-14

vue2中,Ant Design Pro s-table中,使用服务端排序怎么做

2024-08-09

vue,js正则表达

2024-08-06

vue2中使用计算属性

2024-07-23

vue中计算属性对数据格式的修改

2024-07-23

ant design vue 中的 table中,数据有children但是 树形数据不显示

2024-07-03

ant design vue中,表格数据更新,页面不刷新,改变数据后,数据更新了,但是视图没有更新

2024-06-21

Ant Design of Vue a-table

2024-05-28

如何使用canvas在图片上进行如下的标注,以下代码不起作用,如何修改

2024-05-11

如何在vue2中,通过后台发送的坐标数据,实现在图片上标注的功能,如图所示

2024-05-11

vue进度条切换,带有背景边框

2024-03-28

git 提交遇见问题,这个问题如何解决

2024-03-18

js递归算法222222

2024-03-01

Ant Design of Vue多个表格

2024-02-28

树状图的数据类型的模糊搜索js

2024-02-20

js算法11111111111111111

2024-01-24

vue中如何禁用这种警告

2024-01-18

vue需求:模糊查询,并且高亮,希望搜索一句话中任意的词,都可以搜索到,

2023-05-30

vue逻辑处理,数据处理

2023-04-04

vue中如何把base64转换成url

2023-03-29

js如何让这么长的数,不转换成科学计数,变成原始长度

2023-03-29

vue根据数组b的值,提取出数组a中的对象

2023-03-16

vue中数据格式修改

2023-03-16

把上面的数据格式改成下面这种格式的,给二级的每个对象里面加三个属性

2023-03-15

vue数据格式修改,111111

2023-03-15

vue中,如何实现这个搜索出来的的内容加上高亮

2023-03-10

如何在组件中改掉公共样式的这个属性

2023-01-18

js数组数据转换格式

2022-12-07

js如何保留第一项和最后一项,清空中间的数据

2022-12-06

vue3为什么请求在这边获取不到数据呢(关键词-select)

2022-12-01

JS如何把上面这种数据类型转换成下面这种的

2022-11-28

vue组件中,刷新浏览器后,表单数据就丢失了

2022-11-24

关于#javascript#的问题:

2022-11-22

如何在vue中播放监控视频,rtsp格式的

2021-11-08

vue -内容跟着标题如何切换

2021-10-26

怎么可以根据后台返回的数据,把每一月对应的数据放在原数组中

2021-09-03

vue大数据可视化项目优化

2021-08-27

js如何改变数组对象中某一个属性

2021-08-25

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除