skies_7-CSDN博客

原创 Vue中事件循环与Vue.nextTick()

1 事件循环Vue 在修改数据后，视图不会立刻更新，而是等同一事件循环中的所有数据变化完成之后，再统一进行视图更新。1.1 Vue 异步执行 DOM 更新的机制：（1）所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。（2）主线程之外，还存在一个"任务队列"（task queue）。只要有了异步任务，就在"任务队列"之中放置一个事件。“任务队列"是一个先进先出的数据结构，排在前面的事件，优先被主线程读取。（3）一旦"执行栈"中的所有同步任务执行完毕，系

2022-03-27 14:45:31 378

原创 vue 如何实现按需加载？

1 按需加载的好处在页面加载时，可以减少js文件的加载量，实现更快的响应速度。应用场景：比如应用的首页里面有个按钮，点击后可以打开某个地图。打开地图的话就要利用百度地图的js，于是我们不得不在首页中把百度地图的js一起打包进去首页，一个百度地图的js文件是非常大的，于是就造成了我们首页打包的js非常大，用户打开首页的时间就比较长了。2 异步加载的实现index.html文件：<!DOCTYPE html><html lang="en"> <head>

2022-03-25 21:44:43 2541

原创 jQuary中noConflict() 方法

1、noConflict() 方法noConflict() 方法让渡变量 $ 的 jQuery 控制权。该方法释放 jQuery 对 $ 变量的控制。该方法也可用于为 jQuery 变量规定新的自定义名称，避免与其他库的$冲突。代码示例：// 以jq代替jQuaryvar jq=$.noConflict();jq("div p").hide();...

2022-03-25 20:14:22 652

原创 jQuary中delegate()函数的作用

1 delegate()函数的作用delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理方法；示例：<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $("div").delega

2022-03-25 19:57:06 367

原创 $(document).ready()方法与window.onload()方法的区别

1 $(document).ready()方法在Dom加载完后执行；2 window.onload()方法网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行；

2022-03-25 19:32:51 131

原创 jQuery中this与$(this)的区别

1 jQuery中this与$(this)的区别this指Dom对象或者JavaScript对象；$this是将this转化为jQuary对象，可以直接调用jQuary方法；代码示例：var node = $('#id');node.click(function(){　　this.css('display','block');　　//报错 this是一个html元素，不是jquery对象，因此this不能调用jquery 的css()

2022-03-25 18:54:51 1060

原创正则表达式

1 普通字符字符描述[ABC]匹配ABC中的一个字符[^ABC]匹配不是ABC中的一个字符[A-Z]匹配A-Z中的一个字符[\s]\s 是匹配所有空白符，包括换行，一个字符[\S]\S 是匹配所有非空白符，不包括换行，一个字符[\w]匹配字母、数字、下划线。等价于 [A-Za-z0-9_]，一个字符[\d]匹配数字，一个字符2 非打印字符字符描述\f换页符\n换行符\r回车符\t制表

2022-03-24 21:37:51 130

原创 Promise的理解

1 Promise的概述Promise是异步编程的一种解决方案，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise的特点：（1）对象的状态不受外界影响。 Promise 对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。（2）一旦状态改变，就

2022-03-19 17:08:18 64

原创 Reflect的理解

1、Reflect的概述Reflect能将Object 对象的一些明显属于语言内部的方法（比如 Object.defineProperty ），放到Reflect对象上。Reflect方法与Proxry的方法对应，只要是 Proxy 对象的方法，就能在 Reflect 对象上找到对应的方法。所以Proxy 对象可以方便地调用对应的 Reflect 方法，完成默认行为，作为修改行为的基础。也就是说，不管 Proxy 怎么修改默认行为，总可以在 Reflect 上获取默认行为。代码示例1：var lo

2022-03-19 12:14:03 1828

原创 Proxy的理解

1 Proxy的概述Proxy可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理，用在这里表示由它来“代理”某些操作，可以译为“代理器”。// 创建一个代理var proxy = new Proxy(target, handler);其中，new Proxy() 表示生成一个 Proxy 实例， target 参数表示所要拦截的目标对象， handler 参数也是一个对象，用来定制

2022-03-19 00:23:32 1743

原创模板字符串的运用

1 模板字符串模板字符串需要用斜的单引号（`）。let a = "hhh"let b = "zzz"console.log(`i${a + b}i`); // ihhhzzzi

2022-03-18 18:58:39 133

原创 let与const的作用域

1、let与constlet与const都是块级作用域，不存在变量提升，且不可重复声名。const声明一个只读的常量，一旦声明，常量的值就不能改变。

2022-03-18 18:02:56 687

原创 Ajax的理解

1 Ajax简介传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。AJAX 是异步 JavaScript 和 XML，用于与服务器交换数据，它在不重载全部页面的情况下，实现了对部分网页的更新。

2022-03-18 13:20:28 112

原创 Webpack介绍

1 webpack是什么？本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。便于项目进行模块化开发。当 webpack 处理应用程序时，以一个文件作为入口，根据入口文件的依赖，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块（包括各种非js类型的资源文件），然后将所有这些模块打包成一个或多个 bundle。2 webpack中导入导出模块ES6标准：以export指令导出接口，以impo

2022-03-18 00:29:05 75

原创 Nodejs与NPM

1、NodejsNodejs是基于chrome V8引擎开发的C++程序，它是JavaScript的运行环境，具有事件驱动、非阻塞I/O的特点。Nodejs创立之初是用于写后端程序，但后来在前端大放异彩。例如React、Vue等前端框架都是依托Nodejs而具有强大功能。如何在nodejs中运行js代码：第一种：在cmd中输入node，回车，即进入nodejs的运行环境。第二种：先在js文件中写好代码，运行js文件。2 NPMnpm 是 Node Package Manager 的缩写

2022-03-17 18:57:35 3946

原创 JavaScript中的对象池

1 概述对象池维护一个装载着空闲对象的池子，将用过的对象保存起来，等下一次需要这种对象的时候，再拿出来重复使用，从而在一定程度上减少频繁创建对象所造成的开销。用于充当保存对象的“容器”的对象，被称为“对象池”（Object Pool，或简称Pool）。2 对象池的运用场景并非所有对象都适合拿来池化――因为维护对象池也要造成一定开销。对生成时开销不大的对象进行池化，反而可能会出现“维护对象池的开销”大于“生成新对象的开销”，从而使性能降低的情况。但是对于生成时开销可观的对象，池化技术就是提高性能的有效策

2022-03-14 23:09:04 1551

原创 JavaScript中的ECMAScript、BOM、DOM

1 JavaScipt的组成JavaScript由ECMAScript（核心）、BOM（浏览器对象模型）、DOM（文档对象模型）三部分组成。2 ECMAScriptECMAScript是ECMA-262定义的一门语言，web浏览器是ECMAScript实现可能存在的一种宿主环境，主要定义了如下：语法类型语句关键字保留字操作符全局对象3 BOMBOM用于支持访问和操作浏览器的窗口，主要包括：1 弹出新浏览器窗口2 移动、缩放和关闭浏览器窗口3 navigator对象，提供浏

2022-03-14 18:29:02 1392

转载为什么JavaScript是单线程

JavaScript是单线程的原因javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的：与浏览器交互。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？另外个原因大概是不想让浏览器变得太复杂，因为多线程需要共享资源、且有可能修改彼此的运行结果，对

2022-03-06 23:05:05 514

原创 HTML中重排与重绘

1 重排重排就是浏览器在第一次渲染完页面布局以后，后续引起页面各节点位置重新计算或者重新布局的行为。因为元素的位置或者尺寸发生了变化，浏览器会重新计算渲染树，导致渲染树的一部分或者全部发生变化，需要重新绘制页面上影响的元素。能触发重排的行为有：改变页面尺寸，涉及元素尺寸或位置的操作等。2 重绘重绘就是布局计算完毕后，页面会重新绘制，这时浏览器会遍历渲染树，绘制每个节点，当元素外观变化但没有改变布局的时候，重新把元素绘制的过程。重绘不一定触发重排，但重排一定会触发重绘。能触发重绘的行为有：

2022-03-06 20:14:41 650

原创闭包的理解

1 闭包的概念有权访问另一个函数作用域中的变量的函数；一般情况就是在一个函数中包含另一个函数。从官方定义我们知道闭包是一个函数，只不过这个函数可以访问到另一个函数的作用域。2 闭包的原理闭包的实现原理，其实是利用了作用域链的特性，我们都知道作用域链就是在当前执行环境下访问某个变量时，如果不存在就一直向外层寻找，最终寻找到最外层也就是全局作用域，这样就形成了一个链条。例如：function person(){ var age = 18; function cat(){

2022-03-06 00:29:37 518

原创深拷贝和浅拷贝的区别

深拷贝与浅拷贝的区别1 基本数据类型与引用数据类型1.1 基本数据类型存储在栈（stack）中的简单数据段，按值访问的，数据大小确定，内存空间大小可以分配，它们是直接按值存放的。基本数据类型分为Boolean、Null、Undefined、String、Number、Symbol。1.2 引用数据类型存储在堆（heap）中的对象，也就是说，存储在变量处的值是一个指针（point），指向存储对象的内存地址。引用数据类型也是对象数据类型，分为Object、Array、Function、Date、M

2022-03-05 17:44:25 136

转载 cookie, session, token, localStorage, sessionStorage的区别

1、 cookieHTTP协议是无状态的协议。一旦数据交换完毕，客户端与服务器端的连接就会关闭，再次交换数据需要建立新的连接。为解决该问题，引入cookie。第一次向服务端发送http请求时，服务端接收后就会创建session，并响应到客户端，响应头中包含Set-Cookie头部，sessionId等，Cookie被客户端存储在本地。当客户端再次访问该服务端时，就会把该cookie一起添加到http请求中，发送到服务器，服务端就能分解 cookie 解析出 sessionId 来在 session

2022-03-05 11:59:22 280

转载 HTTP中的Query与Body

HTTP中的Query与BodyQuery代表请求的参数，URL以?key=value的形式呈现，例如：'user?id=1'Body代表请求体中的数据。Get请求只能传Query参数，POST可以传Query和Body（常用）两种形式的参数。Query的值只能是一个字符串，不能传递对象类型的参数，如果参数中涉及到了传递对象，就要选择Body传参，一般json等都是Body传参。原文链接：https://blog.csdn.net/qq_44491553/article/details/114

2022-03-04 16:59:05 3076

NI数据采集卡使用入门.docx

1. 信号类型根据信号的参考情况，一个电压源可以分为两类：接地信号、浮地信号。接地信号:接地信号是信号的一端直接接地的电压信号。它的参考点是系统地（例如大地或建筑物的地）。最常见的接地信号源是通过墙上的电源插座接入建筑物地的设备，例如信号发生器和电源供电设备等。浮地信号:一个不与任何地（如大地或建筑物的地）连接的电压信号称为浮地信号。一些常见的浮地信号有电池、热电偶、变压器和隔离放大器。

2020-07-23

基于DAQmx的模拟电压生成与采集系统设计.pdf

在 Labview 中，快速 Express VI 和底层 DAQmx VI 都可以实现数据采集。快速 VI 简单、方便、易用，在实现功能相对单一的数据采集任务时经常选用；然而，底层 VI 却可以灵活地实现功能比较复杂的数据采集任务。另外，底层 VI 的执行效率高于快速 VI 。因此，在实际应用中，选择使用底层 VI 。基于这一思想，本设计选用底层 VI ，借助于 NI USB6009 数据采集卡以及数据采集卡配置软件 MAX （ Measurement&Automation Explorer ），在 Labview中生成并采集电压模拟信号。