待你花开-CSDN博客

原创 echarts柱状图颜色问题

在柱状图修改颜色不起作用,在series的itemStyle属性下的color修改颜色new echarts 改为 new this.$echarts即可new echartsnew this.$echarts series: [ { type: 'bar', max: 50,//柱状图最大值 interval

2021-11-29 14:49:15 2928 1

1. vuex是什么?Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。小范围的数据共享:用父向子,子向父,兄弟间传值即可。如果需要频繁大范围的数据共享就用vuex1.1使用vuex统一管理状态的好处能够在vuex中集中管理共享的数据，易于开发和后期维护能够高效地实现组件之间的数据共享，提高开发效率存储在vuex中的数据都是响应式的，能够实时保持数据与页面的同步1.2 什么样的数据适合存储到vuex中一般情况下，只有组件之间共享的数据，才有必要存储到

2021-04-14 15:12:04 3851

原创 js严格模式

1.1什么是严格模式JavaScript除了提供正常模式外，还提供了严格模式( strict mode )。ES5的严格模式是采用具有限制性JavaScript变体的一种方式，即在严格的条件下运行JS代码。严格模式在IE10以上版本的浏览器中才会被支持，旧版本浏览器中会被忽略。严格模式对正常的JavaScript语义做了一些更改:消除了Javascript语法的一些不合理、不严谨之处，减少了一些怪异行为。消除代码运行的一些不安全之处，保证代码运行的安全。提高编译器效率，增加运行速度。4.禁用

2021-02-26 09:57:03 296 3

原创 js作用域深谈

1.作用域作用域概念:通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。1.1 JavaScript作用域:就是代码名字（变量）在某个范围内起作用和效果目的是为了提高程序的可靠性更重要的是减少命名冲突1.2 js的作用域(es6）之前:全局作用域局部作用域1.3 全局作用域:整个script标签或者是一个单独的js文件var num = 10;var num =

2021-02-21 21:49:24 157

原创 vue 内置指令

v-textv-text指令的作用是:设置标签的内容(textContent)默认写法会替换全部内容,使用差值表达式{{}}可以替换指定内容v-htmlv-html指令的作用是:设置元素的innerHTML内容中有html结构会被解析为标签v-text指令无论内容是什么,只会解析为文本v-onv-on指令的作用是:为元素绑定事件事件名不需要写on指令可以简写为@绑定的方法定义在methods属性中事件绑定的方法写成函数调用的形式，可以传入自定义参数定义方法时需要定义形

2020-09-12 10:15:19 430

原创面向对象相关知识点

在了解面向对象编程之前首先要先了解编程中两大思想：●面向过程●面向对象一、编程中两大思想（一）、面向过程编程POP(Process-oriented programming)面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。举个栗子:将大象装进冰箱,面向过程做法：①.打开冰箱门②.大象装进去③.关上冰箱门面向过程，就是按照我们分析好了的步骤，按照步骤解决问题。●优点: 性能比面向对象高,适合跟硬..

2020-08-16 18:09:28 196

原创前端性能优化

前端性能优化（一）前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ?　　1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。　　2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。　　总之，恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用。　　前端优化的途

2020-08-16 17:45:32 435

原创 .js排序算法

冒泡排序通过相邻元素的比较和交换，使得每一趟循环都能找到未有序数组的最大值或最小值。最好：O(n)，只需要冒泡一次数组就有序了。最坏：O(n²)平均：O(n²)单向冒泡function bubbleSort(nums) { for(let i=0, len=nums.length; i<len-1; i++) { // 如果一轮比较中没有需要交换的数据，则说明数组已经有序。主要是对[5,1,2,3,4]之类的数组进行优化 let mark = ...

2020-08-16 17:42:28 283

原创原型、原型链分析

构造函数原型prototype构造函数通过原型分配的函数是所有对象所共享的。JavaScript规定,每-个构造函数都有一个prototype属性,指向另-一个对象。注意这个prototype就是一个对象,这个对象的所有属性和方法,都会被构造函数所拥有。我们可以把那些不变的方法,直接定义在prototype对象上,这样所有对象的实例就可以共享这些方法。1.原型是什么?-一个对象,我们也称为prototype为原型对象。2.原型的作用是什么? .共享方法。对象原型_proto_对象都会有一

2020-08-16 17:12:28 111

原创 js与jquery的区别

我们来简单看一下jquery与js的概念。js是一种脚本语言，常用于网页客户端编程，使网页在客户端浏览器中，实现更多地动态功能，表现出更加丰富的视觉效果。jquery是一个快速、简洁的JavaScript框架，极大的简化了javascript编程。一、本质上的区别js是脚本语言有自己的变量和方法多用于表单验证和与用户的交互性以及动态效果功能强大但是有时候使用起来很麻烦所以就出了 jquery框架它是对js常用的方法进行封装处理形成自己的一套结构使用的时候需要加载jquery库使.

2020-07-27 15:31:27 860

原创 bom相关操作知识点

1. 什么是bomBOM ( Browser Object Model )即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象:是window。BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM缺乏标准, JavaScript语法的标准化组织是ECMA , DOM的标准化组织是W3C , BOM最初是Netscape浏览器标准的一部分。BOM浏览器对象模型把「浏览器」当做一个「对象」来看待 BOM 的顶级对象是window BOM学习的.

2020-07-21 20:29:54 316

原创原生js购物车制作

下面视频是成品效果图：购物车效果图首先创建对象用数组包裹起来多条对象，对象里面有商品图片，商品名称，商品价格，还有一个num，这个是到后面结算页面交互数据要用到，利用num传参；var clothes = [{ img: "img/tu2.png", name: "YSL : ", price: 20, num: 0 }, { img: "img/tu8.png", name: "Amani : ", price: 19, num: 0

2020-07-20 21:12:59 255

原创字符串相关使用操作方法

字符串型可以是引号中的任意文本,其语法为双引号“”和单引号‘’var strMsg = "我爱北京天安门~"; // 使用双引号表示字符串var strMsg2 = '我爱吃猪蹄~'; // 使用单引号表示字符串//常见错误var strMsg3 =我爱大肘子;//报错，没使用引号，会被认为是js代码，但j s没有这些语法因为HTML标签里面的属性使用的是双引号，JS这里我们更推荐使用单引号。...

2020-07-13 18:30:13 214

原创 js事件流 dom事件知识点总结

1.注册事件1.1 注册事件概述给元素添加事件,称为注册事件或者绑定事件。注册事件有两种方式:传统方式和方法监听注册方式传统注册方式利用 on开头的事件onclick <button onclick= "alert("hi~")" > </button> btn.onclick = function(){} 特点: 注册事件的唯一性同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数方法监听注册方式w3c标准推荐方式

2020-07-13 18:28:18 419

原创 js对象操作使用方法

1.对象1.1对象是什么？现实生活中:万物皆对象,对象是一个具体的事物 ,看得见摸得看的实物。例如，一本书一辆汽车、一个人可以是“对象”, -一个数据库、-张网页、一个与远程服务器的连接也可以是“对象”。在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。对象是由属性和方法组成的。●属性:事物的特征,在对象中用属性来表示(常用名词)●方法:事物的行为,在对象中用方法来表示(常用动词)1.2为什么需要对象...

2020-07-13 18:27:53 2051

原创 js数组相关操作操作方法

数组数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是种将一组数据存储在单个变量名下的优雅方式。//普通变量一次只能存储一一个值varnum = 10;//数组一次可以存储多个值var arr = [1,2,3,4,51;JS中创建数组有两种方式:1.利用new创建数组var数组名= new Array() ;var arr = new Array() ;//创建一个新的空数组//注意A要大写2.利用数组字面量创建数组..

2020-07-12 11:43:23 238

原创 js流程语句总汇

流程语句在一个程序执行的过程中,名条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。简单理解:流程控制就是来控制我们的代码按照什么结构顺序来执行流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序。1.分支语句由上到下执行代码的过程中,根据不同的条件,执行不同的路径代码(执行代码多选- -的过程 ) , 从而得到不同的结果 1.if 的语法结构如果if ...

2020-07-09 20:48:23 189 1

原创 js数据类型+运算符

1.js的基本数据类型1.undefined类型只有一个值，为undefined。使用var声明变量但未对其加以初始化，变量的值就为undefined。例如：var test；//test==undefined;2.Null类型值唯一为null。定义变量准备用于保存未知对象。空对象指针，所以 typeof 结果为 object ，转为数值时为 0 alert(null == undefined); //true alert(null === undefined); //f..

2020-07-09 17:13:27 462 1

原创原生js三级联动详细讲解和代码分析

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>四级联动菜单</title> </head> <body> <h2>四级联动</h2>  <select id="chos...

2020-07-08 20:48:54 1076

原创 js特点，应用场景，组成以及使用方法

一. js是什么Js是一种脚本语言，主要用于web，他用于增强HTML页面通常可以嵌入HTML和代码中。脚本语言是一种解释性语，不需要编译，可以直接用，由解释器来负责解释。解释器在读取代码时，逐行地执行脚本代码。脚本语言一般都是以文本形式存在,类似于一种命令编译语言；编译语言是程序在执行之前需要一个专门的编译过程，运行时不需要重新编译，直接使用编译的结果就行了，脱离其语言环境独立执行。程序执行效率高，使用方便。但程序一旦需要修改，必须先修改源代码，再重新编译生成新的目标文件才能执行。因需依赖..

2020-07-08 16:05:02 1774 1

weixin_47791640的博客