caoliangya520-CSDN博客

原创 JavaScript的深拷贝与浅拷贝

javascript中一般有按值传递和按引用传递两种复制方式:按值传递的是基本数据类型（Number,String,Boolean,Null,Undefined,Symbol），一般存放于内存中的栈区，存取速度快，存放量小；按引用传递的是引用类型（Object,Array,Function），一般存放与内存中的堆区，存取速度慢，存放量大，其引用指针存于栈区，并指向引用本身。深拷贝和浅拷贝是相对于引用类型而言的：浅拷贝：指两个js 对象指向同一个内存地址，其中一个改变会影响另一个；深拷贝：

2021-04-06 15:07:20 106

原创防抖和节流

防抖将多次执行变为只执行一次；节流将多次执行变为每隔一段时间执行。节流：滚动上拉加载，滚动下拉刷新 oversize，mousemove ,mousehover 还有拖拽事件等等防抖：用户需要不断的输入值，比如填写input表单验证或者在搜索框要输入一些内容。用户不断地进行tab切换页面操作时...

2021-04-01 16:50:13 96

原创全网reduce实例最全！

reduce() 方法接收一个函数作为累加器,reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（上一次回调的返回值），当前元素值，当前索引，原数组语法：arr.reduce(callback,[initialValue])callback:函数中包含四个参数previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue））currentValue （数组中当前被处理的元素）index （

2021-02-25 15:06:36 229

原创 vue模板语法

2. 模板语法主要包含以下知识点：插值文本原始的 html特性动态参数js 表达式1. 文本这个最简单，就是数据是什么，模板中就渲染什么。<body> <div id="app">  {{ message }} </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist

2021-01-29 11:46:51 50

原创 vue基础

1.vue基础1.vue的基础介绍vue是一个渐进式的框架什么是渐进式？如果只是想使用vue最基础的声明式渲染，那么vue是完全可以当做一个模版引擎来使用。如果想使用组件化开发，那么可以使用vue里面的组件系统。如果想要开发单页应用，那么可以使用vue里面的客服端理由。如果你的组件越来越多，组件之间需要传递数据，那么可以使用vue的状态管理工具vuex。框架与库的区别？库：例如jQuery、lodash、layui、eayui，库的特点在于，给我们提供很方法，我们直接来使用这些

2021-01-29 11:46:24 40

原创 js 排序

对象某一项进行排序let economyFiscalExpends=[{name:'zs',age:10},{name:'ls',age:20},{name:'wmz',age:30},]economyFiscalExpends.sort(function (a, b) { if (a.age > b.age) { return 1; } if (a.age < b.age) {

2021-01-11 11:03:08 47

原创 js中for of 和for in区别？

先说结论： 1. 推荐在循环对象属性的时候，使用for...in,在遍历数组的时候的时候使用for...of。 2. for...in循环出的是key，for...of循环出的是value 3. 注意，for...of是ES6新引入的特性。修复了ES5引入的for...in的不足 4. for...of不能循环普通的对象，需要通过和Object.keys()搭配使用假设我们要遍历一个数组的valuelet aArray = ['a',123,{a:'1',b:'2'}]使用for...i

2021-01-05 14:55:44 75

原创 eachart在vue项目中如何清除？

近期公司的一个项目中有很多eachart图，我是用es6封装的js，然后在组件里调用，但是创建后一直在报错。后来发现是创建了eachart没销毁… <div class="RiskTree" id="RiskTree1" ref="RiskTree1"></div> 创建的代码就不写了..... 下面是销毁的代码： beforeDestroy() { this.$echarts.dispose(this.$refs.RiskTree); this

2020-12-22 16:38:59 320 2

原创 echarts柱状图x轴数据隔一个显示。显示不全

现在是不显示的时候 axisLabel: { show: true, interval:0,//横轴信息全部显示 rotate:0, } 在xAxis里添加axisLabel属性现在就OK了...

2020-11-12 14:18:25 328

原创 Mac安装淘宝镜像

这里写自定义目录标题打开终端输入命令打开终端输入命令sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose输入命令会提示输入秘密 Mac输入密码是看不见的最后出现如图的内容代表安装成功...

2020-11-08 21:36:13 344

原创用js类的写法封装echarts柱状图

公司的项目要用到echarts柱状图，便于以后的复用，所以封装了一个类。要用的时候new就行了/* * @Author: your name * @Date: 2020-10-15 14:18:04 * @LastEditTime: 2020-10-16 11:41:51 * @LastEditors: your name * @Description: In User Settings Edit * @FilePath: \web\web\src\assets\js\Risk-tree.js

2020-10-16 14:34:45 704

原创前端小白来说说Ajax

Ajax 概述它是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验。Ajax 的应用场景页面上拉加载更多数据列表数据无刷新分页表单项离开焦点数据验证搜索框提示文字下拉列表Ajax 运行原理及实现Ajax 运行原理Ajax 相当于浏览器发送请求与接收响应的代理人，以实现在不影响用户浏览页面的情况下，局部更新页面数据，从而提高用户体验。Ajax 的实现步骤创建 Ajax 对象 var xhr = new XMLHttpRequest();告诉

2020-08-31 16:21:58 103

原创前端小白来说说深入响应式原理

深入响应式原理发布订阅模式介绍vue 响应式原理的实现异步更新队列发布订阅模式介绍什么是设计模式和发布订阅模式？所谓设计模式，就是代表软件开发中的一些最佳实践，通常被有经验的面向对象的软件开发人员所采用。设计模式有很多，设计模式的概念是有 GoF（四人帮）所提出 23 种设计模式。接下来，我们来看一个生活中的例子：小明最近看上了一套房，但是去买的时候，售楼部的小姐姐告诉他已经卖完，下次还会开盘。接下来我们来看下面的方案：小明为了买这个房，每天给售楼部小姐姐打电话，问有没有开盘。

2020-08-28 15:29:34 111

原创前端小白来说说vue 组件基础

vue 组件基础组件概念组件的命名注册组件1. 组件的概念web 中的组件就是页面中的各个组成部分，就好比电脑中的每一个元件，是独立的，可以快速进行替换的。一个页面，正是由各种各样的组件组成的，例如：导航、列表、弹窗、按钮、下拉列表等。组件化的特性高内聚性，组件功能必须是完整的，如我要实现下拉菜单功能，那在下拉菜单这个组件中，就把下拉菜单所需要的所有功能全部实现。低耦合度，通俗点说，代码独立不会和项目中的其他代码发生冲突。在实际工程中，我们经常会涉及到团队协作，传统按照业务线去编写代码

2020-08-28 15:24:42 135

原创前端小白来说说vue 脚手架

vue 脚手架什么是脚手架？所谓脚手架，就是可以帮助我们快速的搭建一个项目。项目里面的目录等全部都是按照一定规则创建好了的，开发者只需要专注于业务逻辑。现在，前端的三大框架（angular、react、vue）都提供了对应的脚手架工具。angular：angular-clireact：create-react-appvue：vue-cli使用脚手架来搭建项目首先，第一步，我们需要全局安装 vue-cli 脚手架工具。命令如下：npm install @vue/cli -g注：如果

2020-07-20 14:58:51 272

原创了解Vue-router的使用

Vue-router 介绍（基本的使用）脚手架里面如何使用hash 模式和 history 模式router-link 配置嵌套路由命名路由和命名视图重定向和别名编程式导航动态路由导航守卫Vue-router 介绍（基本的使用）vue-router 是 vue 技术栈（全家桶）里面的一员，它是官方给我们所提供的前端路由器。在最早期的时候，是没有前端路由这么一个说法，以前只有后端路由。以前上网的时候，只要 url 一变化，就会向服务器发送请求。但是现在，流行单页应用应用，其中最流.

2020-07-20 14:57:48 94

原创前端小白来说说vue的基础介绍

1.vue的基础介绍vue是一个渐进式的框架什么是渐进式？如果只是想使用vue最基础的声明式渲染，那么vue是完全可以当做一个模版引擎来使用。如果想使用组件化开发，那么可以使用vue里面的组件系统。如果想要开发单页应用，那么可以使用vue里面的客服端理由。如果你的组件越来越多，组件之间需要传递数据，那么可以使用vue的状态管理工具vuex。框架与库的区别？库：例如jQuery、lodash、layui、eayui，库的特点在于，给我们提供很方法，我们直接来使用这些方法来写代码即可

2020-07-13 15:41:36 126

原创浏览器的微任务MicroTask和宏任务MacroTask

简介同步任务（MainTask）：同步任务是指JavaScript按照正常顺序执行的代码，比如：函数调用，数值运算等等，只要是执行后立即能够得到结果的就是同步任务。宏任务（MacroTask）：setTimeout、setInterval、I/O、UI渲染微任务（MicroTask）：Promise、Object.obsever、MutationObsever 用户交互事件（UserInteraction Event）：点击事件onclick、键盘事件onkeywodn、鼠标事件onmou

2020-07-12 11:19:51 1137 1

原创三次握手和四次挥手简单理解

三次握手（three-way handshaking）1.背景：TCP位于传输层，作用是提供可靠的字节流服务，为了准确无误地将数据送达目的地，TCP协议采纳三次握手策略。2.原理：1）发送端首先发送一个带有SYN（synchronize）标志地数据包给接收方。2）接收方接收后，回传一个带有SYN/ACK标志的数据包传递确认信息，表示我收到了。3）最后，发送方再回传一个带有ACK标志的数据包，代表我知道了，表示’握手‘结束。通俗的说法1）Client：嘿，李四，是我，听到了吗？2）Server

2020-07-04 13:46:46 149 1

原创 js DOM应用---购物车

<!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, th

2020-07-04 13:37:56 184

原创 js DOM应用------拖拽

废话不多说，直接上代码。<!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> .box

2020-07-04 13:36:55 58

原创前端小白来说说JS 中的闭包是什么？

大名鼎鼎的闭包！这一题终于来了，面试必问。请用自己的话简述1.什么是「闭包」。2.「闭包」的作用是什么。首先来简述什么是闭包?假设上面三行代码在一个立即执行函数中（为简明起见，我就不写立即执行函数了，影响读者理解）。评论里没看完就说我写得有问题的，请看清楚哦：上面三行代码在一个立即执行函数中。三行代码中，有一个局部变量 local，有一个函数 foo，foo 里面可以访问到 local 变量。好了这就是一个闭包：「函数」和「函数内部能访问到的变量」（也叫环境）的总和，就是一个闭包。就

2020-07-04 13:34:00 97

原创前端小白来说说引用数据类型

第五章引用数据类型本章指引在 JavaScript 中，除了六种基本数据类型之外，就只有一种引用数据类型 —— 对象。我们在本章将学习自己自定义对象，并且使用它们。除了使用自己自定义对象以外，JavaScript 语言中已经自带了很多对象，我们将其称之为“内置对象”，我们将在本章学习内置对象中的数组，Set 和 Map。而在本章不管是数组、Set、Map，还是对象，它们都表现出了一个共同的特征，可以按某种特定的结构存放大量的数据。这些数据存放在一起作为一个整体我们可以称它们是一个集合；而集合中数据

2020-06-15 21:48:20 540 2

weixin_45494667的博客