JS 高频面试题

JS 的数据类型有哪些,有什么区别

基本数据类型(Undefined、Null、Boolean、Number、String、Symbol)
引用数据类型(对象、数组和函数)
区别:
原始数据类型直接存储在栈(stack)中的简单数据段,占据空间小、大小固定,属于被频繁使用数据,所以放入栈中存储;
引用数据类型在栈中存储了指针,该指针指向堆中该实体的起始地址;
在操作系统中,内存又被分为栈区和堆区,栈区内存由编译器自动分配释放,堆区内存一般由开发着分配释放,若开发者不释放,程序结束时可能由垃圾回收机制回收。

Symbol 是什么数据类型

Symbol 是 ES6 引入的一种新的基本数据类型,表示独一无二的值。因为是原始数据类型,所有不能new Symbol。Symbol 类型的 key 不能通过 Object.keys() 或者 for…in 来枚举,它未被包含在对象自身的属性名集合(property names)之中所以,利用该特性,可以把一些不需要对外操作和访问的属性使用 Symbol 来定义。

encodeURI和encodeURIComponent的区别(了解)

应用场景不同:encodeURI是用来处理整个URI的,它应该接受URI的protocol、host、port等部分,只对path和query进行编码。适合给URL本身(locaion.origin)编码。而encodeURIComponent是用来编码准备用作query部分的字符串的。适合给参数编码。
编码范围不同:encodeURI不会对ASCII字母、数字、~!@#$&()=:/,;?+*'进行编码,而encodeURIComponent会对所有非标准字符进行编码。

JS 判断数据类型的方法

方法一、typeof 其中数组、对象、null都会被判断为object,其他判断都正确。

console.log(typeof 'str');           // string
console.log(typeof []);              // object    
console.log(typeof function(){});    // function
console.log(typeof {});              // object
console.log(typeof undefined);       // undefined
console.log(typeof null); 

方法二、instanceof只能正确判断引用数据类型,而不能判断基本数据类型。

console.log('str' instanceof String);                // false 
 
console.log([] instanceof Array);                    // true
console.log(function(){} instanceof Function);       // true
console.log({} instanceof Object); 

方法三、Object.prototype.toString.call()

var a = Object.prototype.toString;
console.log(a.call(2));

判断数组类型的方法有哪些

方法一、
obj.__proto__ === Array.prototype;
方法二、
Object.prototype.toString.call([]);
方法三、
Array.isArrray(obj);
方法四、
obj instanceof Array

为什么使用instanceof不能正确判断基本数据类型

原理是查找左边的_proto_获取到原型对象,判断原型链中是否有和右侧相等;基本数据类型没有构造函数也没有原型链;

function myInstanceof(left, right) {
  // 获取对象的原型
  let proto = Object.getPrototypeOf(left)
  // 获取构造函数的 prototype 对象
  let prototype = right.prototype; 
 
  // 判断构造函数的 prototype 对象是否在对象的原型链上
  while (true) {
    if (!proto) return false;
    if (proto === prototype) return true;
    // 如果没有找到,就继续从其原型上找,Object.getPrototypeOf方法用来获取指定对象的原型
    proto = Object.getPrototypeOf(proto);
  }
}

const 、let、var的区别

一、作用域:let和const具有块级作用域,var不存在块级作用域
二、变量提升: var存在变量提升,let和const不存在变量提升,即在变量只能在声明之后使用,否在会报错
三、重复声明: var声明变量时,可以重复声明变量,后声明的同名变量会覆盖之前声明的遍历。const和let不允许重复声明变量
四、初始值设置: 在变量声明时,var 和 let 可以不用设置初始值。而const声明变量必须设置初始值。
五、let创建的变量是可以更改指针指向(可以重新赋值),但const声明的变量是不允许改变指针的指向(对象和数组除外)

使用const定义的数据不能修改吗

其实不能改的不是值,而是变量指向的内存地址,对于基本数据类型来说,其值就保存在变量指向的那个内存地址,因此等同于常量。
而对于引用数据类型来说,保存的只是指针,至于指针指向的数据结构是不能保证的,所有引用数据类型是可以修改的;

箭头函数和普通函数的区别

1、普通函数可以使用函数声明和函数表达式定义,箭头 箭头函数语法更简洁
2、箭头函数没有自己的this,它只会在自己作用域的上一层继承this(你不能在箭头函数中使用new关键字来创建一个新的对象实例,因为箭头函数没有自己的this值)
3、箭头函数继承来的this指向永远不会改变,call()、apply()、bind()等方法不能改变箭头函数中this的指向
4、箭头函数没有自己的arguments(普通函数中,arguments 是一个类数组对象,它包含了传递给函数的参数)监听函数中可以只能通过参数名称来访问
5、箭头函数不能作为构造函数使用,因为没有this

JS 模板字面量 是什么

JS 模板字面量是 ES6 引入的一种新的字符串表示方式,它使用反引号(`)包裹字符序列,允许在字符串中插入变量、表达式和原始字符串,并且支持多行文本的处理

如何实现图片懒加载

图片懒加载就是延迟加载非视口的图片,从而提高页面加载速度,提升用户体验。
window.innerHeight 获取视口的高度,图片顶部到窗口的距离可以使用getBoundingClientRect().top 然后监听页面的scroll方法,获取到img标签,如果图片到顶部的距离小于窗口的高度就应该显示图片。

<body>
        <img data-src="/gift.png">
      <script>
        const images = document.querySelectorAll('img');
        window.addEventListener('scroll',()=>{
            images.forEach((item)=>{
                const imageTop = item.getBoundingClientRect().top; // 获取图片到顶部的距离
                if(imageTop < window.innerHeight) {
                const imgSrc =  item.getAttribute('data-src');
                item.setAttribute('src',imgSrc);
                }
            })
        })
      </script>
    </body>

使用这个方法的问题在于只要滚动就会频繁触发,并且已经展示图片的时候还是会执行;
我们可以使用浏览器提高的构造函数IntersectionObserver来优化

 <body>
        <img data-src="/gift.png">
      <script>
        const images = document.querySelectorAll('img'); 
        // 观察的元素每次进入和离开都会触发
        const callBack = entries => {
          entries.forEach(entry => {
            // 有交叉
            if(entry.isIntersecting) {
               const iamge = entry.target;
               const imgSrc =  image.getAttribute('data-src');
               image.setAttribute('src',imgSrc);
               observer.unobserve();// 赋值后取消观察
            }
          })
        }
        const observer = new IntersectionObserver(callBack); 
        // 浏览器提供的构造函数,交叉观察,部分浏览器版本不兼容
        images.forEach((item)=>{
            observer.observe(item);
        })
      </script>
    </body>

说下JS 的事件循环机制

js是单线程的,只有一个调用栈,并且陷入后出;在执行调用栈的时候会先执行同步任务,发现异步任务加入异步任务队列,队列分为宏任务和微任务,队列按照先入先出的规则。
常见的宏任务:script 标签、setTimeout、事件的回调函数
常见的微任务:Promise.then()catch() finally() Object.observer()process.nextTick
执行顺序:
先执行同步任务,清空调用栈,执行微任务队列的任务,微任务队列执行完后才执行宏任务。每次宏任务结束后事件循环会先执行微任务,直到微任务队列里的任务被清空才会执行下一轮宏任务,这样就可以避免因为宏任务的繁重导致任务的阻塞。

JS 中创建对象的方式

1、new Object 实例,为它逐个添加属性和方法,缺点是不便于代码的阅读和管理

let cat = new Object();
cat.name = 'tuotuo';
cat.age= 2;
cat.seepk = function () {
 console.log('我要吃猫条');
}

2、字面量的方式

let obj = {
    key1: 'value1',
    key2: 'value2'
};

3、工厂模式,创建对象模版,缺点是创造的新对象和工厂函数之间缺乏关联

function createCat (name,age) {
 const obj = new Object();
 cat.name = name;
 cat.age= age;
 cat.seepk = function () {
   console.log('我要吃猫条');
 }
 return obj;
}
let cat1 = createCat('xiaoyiyi',0.5);

4、构造函数模式,解决了工厂模式的问题,obj instanceof MyObject 是true

function MyObject(key1, key2) {
    this.key1 = key1;
    this.key2 = key2;
}
let obj = new MyObject('value1', 'value2');

5、Object.create()使用Object.create()方法来创建一个新对象,该方法使用现有的对象来提供新创建的对象的__proto__

let proto = {
    text:'测试1',
    foo: function() { console.log('foo'); }
};
let obj = Object.create(proto);
obj.text = '覆盖文案';
console.log(protp.text) // '覆盖文案'

6、 class 的方式,融合了构造函数和工厂模式

class Cat {
  constructor (name,age) {
    this.name = name;
    this.age =  age;
  }
};
let cat1 = new Cat('tuotuo',2)

说下防抖和节流的区别,并手写

触发频率不同:防抖是将多次执行变为最后一次执行,节流是在一段时间内只执行第一次,时间到了才会执行下一次;
作用不同:防抖用于在一定时间间隔内只触发一次事件,节流用于限制事件在一定时间内的触发次数。
适用场景不同:防抖适用于在用户频繁触发事件时,只执行最后一次事件,如输入框实时搜索;节流适用于在一定时间内只触发一次事件,如滚动加载。
防抖函数实现:

const btn = document.getElementById('btn');
function handleClick () {
  // 因为回调的关系,在防抖函数中调用该this为window
  console.log('点击了按钮')
};  

function  debounce (fn,delay) {
   // 利用闭包将变量放返回函数外层,因为作用域链所有下面返回的函数都能访问到这个变量
   let timer ;
   // 使用高阶函数解决未点击就会被触发的问题
   return function() {
   console.log(this);// 在回调之前该this为btn元素,保存下this执行
   const context = this;
   const args = arguments;// 拿到传递过来的所有参数
    clearTimeout(timer);
    timer = setTimeout(function() {
      fn.apply(context, args);
    },delay);
   }
}
btn.addEventListener('click',throttle(handleClick,1000));

节流函数的实现

const btn = document.getElementById('btn');
function handleClick () {
  // 因为回调的关系,在防抖函数中调用该this为window
  console.log('点击了按钮')
};  

function throttle (fn,delay) {
   // 利用闭包将变量放返回函数外层,因为作用域链所有下面返回的函数都能访问到这个变量
   let timer ;
   // 使用高阶函数解决未点击就会被触发的问题
   return function() {
   console.log(this);// 在回调之前该this为btn元素,保存下this执行
   const context = this;
   const args = arguments;// 拿到传递过来的所有参数
   if(timer) return; // 如果定时器不为空说明在时间间隔内不执行任务
    timer = setTimeout(function() {
      fn.apply(context, args);
      timer = null; // 每次执行完了就清空定时器
    },delay);
   }
}
btn.addEventListener('click',throttle(handleClick,1000));

Ajax 有了解吗?

AJAX不是指一种新的编程语言,而是有机地利用了一系列相关的技术,核心是使用 XMLHttpRequest 进行异步数据查询、检索,通过这个对象 可在不重载页面的情况与 Web 服务器交换数据,再使用 DOM(Document Object Model)进行动态显示及交互。

XML被设计用来传输和存储数据,早期的时候使用的是XML,现在使用JSON 格式;

优点:
1.无刷新更新数据
Ajax最大的优点就是能在不刷新整个页面的情况下维持与服务器通信
2.基于规范被广泛支持
不需要下载浏览器插件或者小程序,但需要客户允许JavaScript在浏览器上执行。
缺点:
1.Ajax干掉了Back与History功能,即对浏览器机制的破坏
在动态更新页面的情况下,用户无法回到前一页的页面状态,因为浏览器仅能记忆历史纪录中的静态页面
2.只能同源请求
AJAX只能向同源的地址发送请求,如果跨源(非同源地址)发送请求,会受同源策略的影响,无法得到响应结果(同源是指两个页面拥有相同的协议、域名和端口,如果有一个不相同,就是不同源)
3.网页内容动态获取,对SEO不友好

http请求和响应报文,都包含四个部分:行 头 空行 体

ajax浏览器走缓存未发送请求?
可以在请求的url上拼一个时间戳,这样每次url是不一样的,都会发起请求

ajax 用户重复点击重复发请求如何优化?
可以添加一个loading标识。如果上一个请求未完成,则abort取消上一个请求,创建的新的xhr对象并发送请求。

说说你对跨域的理解

跨域是指浏览器允许向服务器发送跨域请求,从而克服Ajax只能同源使用的限制。
同源策略是浏览器的安全策略,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。
解决方案:
一、JSONP(JSON with Padding):核心就是利用<script> 标签的src属性允许加载不同源资源,默认情况下script标签的type为text/javascript 请求来的资源会被执行。通常我们会在客户端提前定义一个回调函数,接收服务端传给我们的JSON 格式的数据,然后通过指定srcipt标签的src属性,带上参数和回调函数,服务端接收到我们传的参数和回调函数,然后将会数据外包到回调函数中,同时使用JSON格式进行传输,会把这个函数用JSON进行包裹,这也就是JSON with Padding的由来。
但是,JSONP 只支持 GET 请求,并且存在安全风险。

 <script>
    var script = document.createElement('script');
    script.type = 'text/javascript';
 
    // 传参一个回调函数名给后端,方便后端返回时执行这个在前端定义的回调函数
    script.src = 'http://www.domain2.com:8080/login?user=admin&callback=handleCallback';
    document.head.appendChild(script);
 
    // 回调执行函数
    function handleCallback(res) {
        alert(JSON.stringify(res));
    }
 </script>

二、CORS(Cross-Origin Resource Sharing):CORS 是一种标准化的跨域解决方案,它通过服务器端设置响应头来实现跨域请求。客户端在请求的时候会在请求头中带上origin,服务端需要设置Access-Control-Allow-Origin 响应头来指定哪些源可以访问该资源。如果没有设置响应头,并且是不同源,响应会被浏览器拦截;CORS 的优点是支持所有类型的请求,并且更加安全。
三、代理服务器:通过设置代理服务器来转发请求,可以避免跨域问题。所有请求都发送到代理服务器,然后由代理服务器向目标服务器发起请求,并将结果返回给客户端。这种方法需要在服务器端配置代理服务器。
四、WebSocket: 是一种全双工通信协议,可以在不同源的网页之间进行通信。通过 WebSocket,客户端和服务器之间可以建立持久连接,并交换数据。这可以避免跨域问题,因为 WebSocket 连接是在客户端和服务器之间直接建立的。

使用WebSocket的方法:
打开连接:通过使用WebSocket API中的new WebSocket()构造函数来创建一个新的WebSocket对象,并传递要连接的URL。然后,可以使用open()方法来打开与远程服务器的连接。
发送消息:使用WebSocket对象的send()方法向服务器发送消息。
接收消息:通过WebSocket对象的onmessage事件来接收服务器发送的消息。
关闭连接:使用WebSocket对象的close()方法来关闭与远程服务器的连接。

常见和推荐的还是第二种、第三种

formData 、Blob、FileReader 是什么(了解)

FormData是JavaScript中用于处理表单数据的接口,提供了一种表示表单数据的键值对的方法,可以用于在客户端和服务器之间发送数据。表单数据以键值对的形式向服务器发送,这个过程是浏览器自动完成的。

Blob(Binary Large Object)表示二进制类型的大对象,是一个可以存储二进制文件的容器。

FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。

说说你对 async await 的理解

async/await解决了Promise的嵌套问题,它能实现的效果都能用then链来实现,它是为优化then链而开发出来的。使异步代码看起来更像同步代码,易于理解和维护。async在函数前面加个async就变成了异步的,函数返回的是一个Promise对象,因此可以使用then方法进行后续处理。await用来等待异步任务的完成,必须和async同时使用;使用aiwat等待可以保证多个异步任务的执行顺序,让代码便于维护。

async function fn(){
 // 捕获错误
    try{
        let a = await Promise.reject('error')
    }catch(error){
        console.log(error)
    }
}

说说对class的理解

class 是面向对象编程中的一个基础构造,用于定义对象的模板,它定义了一组属性(数据成员)和方法(成员函数),这些属性和方法可以被类的实例(对象)所共享。通常类的名称需要大写,通过new 调用创建一个实例,new的时候会调用类的constructor方法,在构造函数中我们可以给类设置一些属性。类有封装继承多态三个特点,封装即类内部定义了方法和属性隐藏内部的实现细节,只暴露必要的接口。继承是只可以通过extend来继承另一个类继承属性和方法,同时在子类的构造函数中直接调用super即可继承父类的属性(先写super再写this,子类需要初始化自己的this);多态性是指在父类和其子类之间或者在不同的对象之间,对同一消息可以有不同的响应。
此外,还可以通过static定义静态方法或属性,属于类本身,而不是类的实例。
Setter方法是用于设置类的实例属性的值的方法。
Getter方法是用于读取类的实例属性的值的方法。

cookie、localStorage、sessionStorage的区别

大小:cookie 4kb,localStorage10mb、sessionStorage5mb
有效期:cookie手动设置、localStorage永久除非手动删除、sessionStorage窗口关闭失效
存储位置:往返浏览器和服务器、浏览器、浏览器
语法:复杂、简单、简单

如何异步加载JS

① async:立即下载脚本,并且当脚本下载完成后立即执行。这意味着如果页面中有多个async脚本,它们可能会交错执行。适合第三方的脚本
② defer:等到整个HTML文档解析完成后才开始下载脚本,它们会按照在HTML文档中出现的顺序执行。
③ 使用 setTimeout 延迟方法: 设置一个定时器来延迟加载js脚本文件
④ 将script内容放底部;

什么是类数组对象?

就是很像数组的对象,但是本身并不是数组,通常会有以下特点:
1、拥有一个length属性:这个属性表示对象中元素的数量。
2、元素可以通过索引访问:例如,使用obj[0]或obj[1]这样的语法来访问。
3、可能没有数组的方法:例如,push, pop, slice等。
举例:
函数arguments参数、DOM 方法的返回结果;
在这里插入图片描述

如何将类数组对象转成数组?

1、Array.from(arrayLike);
2、Array.prototype.slice.call(arrayLike);
3、Array.prototype.splice.call(arrayLike, 0);

数组常用的方法有哪些,哪些是改变原数组的?

以下是会改变原数组的方法:
push(): 会向数组的末尾添加一个或多个元素,并返回新的长度。
unshift(): 会向数组的开头添加一个或多个元素,并返回新的长度。
pop(): 会删除并返回数组的最后一个元素。
shift(): 会删除并返回数组的第一个元素。
splice(): 会添加/删除数组中的元素。
reverse(): 会颠倒数组中元素的顺序,并返回数组。
sort(): 会对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。可以提供自定义排序函数来改变排序行为。
以下是不会改变原数组的方法:
slice(): 会返回一个新的数组对象,包含从开始到结束(不包括结束)选择的数组的一部分浅复制。
concat(): 会合并两个或多个数组,并返回结果。
filter(): 会创建一个新数组,包含通过测试的所有元素。
forEach(): 会对数组的每个元素执行一次提供的函数。
map(): 会创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后的结果。
some()只要有一个是true,便返回true;而every()只要有一个是false,便返回false.

说说对原型链的理解

每个对象都有一个原型对象,包含一些共享的属性和方法,可以理解这个对象的祖宗。
我们可以在控制台中找到_proto_ 属性观察它的原型对象,或者通过Object.getPrototypeOf(obj) 方法获取到对象的原型对象。
我们通常会通过构造函数来创建一个对象,我们创建出来的对象的原型比如p._proto_ 指向的就是构造函数的prototype 原型对象;而原型本身也是一个对象,我们通用也可以通过._proto_ 获取到它的原型对象,一层层往上查找,形成的链路就是作用域链。作用域的终点是Object.prototype.__proto__=== null

function Person(name) {
    this.name = name
}
var p = new Person('hello');

console.log(p.__proto__ === Person.prototype) // true
console.log(p.__proto__ === p.constructor.prototype) // true
p.__proto__  // Person.prototype
Person.prototype.__proto__  // Object.prototype
p.__proto__.__proto__ //Object.prototype
p.__proto__.constructor.prototype.__proto__ // Object.prototype
Person.prototype.constructor.prototype.__proto__ // Object.prototype
p1.__proto__.constructor // Person
Person.prototype.constructor  // Person

当访问一个对象的属性或方法时,如果该对象本身没有这个属性或方法,JavaScript引擎会自动去它的原型对象中查找,如果原型对象中也没有,则会继续向上查找,直到找到或者到达原型链的顶端。

手写promise

概念:
是es6 提出的异步编程的解决方案,支持链式调用,解决了回调地狱问题,从语法上说Promise.是一个构造函数,从功能上来说,Promise.对象用来封装一个异步操作并获取其成功或失败的结果。
实例的属性:
Promise.实例的promiseState属性的有三种状态pending、fulfilled、rejected一旦从进行状态变成为其他状态就永远不能更改状态了;实例promiseResult属性保存的是对象的结果;
Promise构造函数API:
Promise.resolve(返回一个成功或失败的Promise)、Promise.reject(返回一个失败的Promise)、Promise.all (参数是包含多个Promise的数组,返回值是一个新的Promise,只有数组中全部成功才返回成功结果是一个数组,否则返回失败;Promise.all获得的成功结果的数组里面的数据顺序和Promise.all接收到的数组顺序是一致的,这样当遇到发送多个请求并根据请求顺序获取和使用数据的场景,就可以使用Promise.all来解决。 )
Promise.race(参数是包含多个Promise的数组,返回值是最先完成的promise的状态结果)
拓展问题:
一、改变promise的状态和指定回调是哪个先执行,比例resolve先执行还是then先执行?
当promise构造器中的函数是同步的改变状态,则是先改变状态再执行回调;当异步修改状态则是先指定回调;
二、指定的回调函数何时执行(比如传入then的函数)?
在状态改变完成后才会执行
三、then的返回结果是个新的promise,这个promise的结过是有什么决定的?
如果抛出异常,则直接失败;
如果返回的是非promise的任意值,新的promise状态成功;
如果返回的是promise,则根据里面romise执行结果决定

小破站跟着写

说说this的指向

对对象的函数调用:绑定到该对象。
DOM事件函数:一般指向事件绑定的DOM元素
普通函数调用:在严格模式下绑定到 undefined,否则绑定到全局对象。
ES6 中的箭头函数:箭头函数会继承外层函数并调用 this 绑定

闭包了解吗

在介绍闭包之前需要了解一下作用域的概念,我们通常说的作用域有全局作用域和函数作用域,也就是代码片段的执行环境。在全局的定义的变量和函数在全局作用域中,函数内部也有自己的作用域。每新建一层都会包含前面一层的变量对象,如果在自己的作用域中找不到变量就去父级作用域中查找,直到访问到window对象,这一层层的关系就是作用域链。
闭包就是在有权访问另一个函数作用域中变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,创建的函数可以访问到当前函数的局部变量。原理就是作用域链的包含关系。
作用:使我们在函数外部能够访问到函数内部的变量,使已经运行结束的函数上下文中的变量对象继续留在内存中;

js设计模式有了解吗

待补充

函数柯里化

待补充

前端模块化的方案以及区别

待补充

apply、bind、call的区别并手写

待补充

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/309739.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Oracle 19c OCP 1z0 082考场真题解析第27题

考试科目&#xff1a;1Z0-082 考试题量&#xff1a;90 通过分数&#xff1a;60% 考试时间&#xff1a;150min本文为云贝教育郭一军&#xff08;微信&#xff1a;guoyJoe&#xff09;原创&#xff0c;请尊重知识产权&#xff0c;转发请注明出处&#xff0c;不接受任何抄袭、演绎…

前端开发Docker了解

1&#xff0c;docker简介 docker主要解决了最初软件开发环境配置的困难&#xff0c;完善了虚拟机部署的资源占用多&#xff0c;启动慢等缺点&#xff0c;保证了一致的运行环境&#xff0c;可以更轻松的维护和扩展。docker在linux容器的基础上进行了进一步的封装&#xff0c;提…

模板 BIEE(三)如何直接查看表示层列获取的sql语句

举例 想查看如下数据 SELECT 0 s_0, “Financials - AR Overview”.“Facts - AR Turnover”.“Days Sales Outstanding” s_1 FROM “Financials - AR Overview” web查看结果 日志内容如何查看请见《模板 BIEE&#xff08;二&#xff09;》 如下是不勾选高速缓存的结果&am…

研发日记,Matlab/Simulink避坑指南(一)——Data Store Memory模块执行时序Bug

文章目录 背景 问题 排查 解决 总结 背景 在一个嵌入式软件项目中&#xff0c;客户要求高度可控的时序流&#xff0c;我使用一个全局工步&#xff0c;对整个软件进行控制调度。由于子任务比较多&#xff0c;分门别类放在几个嵌套的子系统中&#xff0c;不能使用Goto模块引…

Python 面向对象之单例模式

【一】单例模式概念 单例模式是一种设计模式&#xff0c;其核心思想是确保一个类只有一个实例&#xff0c;并提供一个全局访问点。单例模式通常用于管理共享的资源&#xff0c;例如配置信息、数据库连接、线程池等。关键点在于如何判断这个类是否已经实例化 通过模块导入&…

机器人制作开源方案 | 乒乓球自动拾取机器人

作者&#xff1a;刘众森、王森、王绘东、崔岳震、宋维鑫 单位&#xff1a;山东农业工程学院 指导老师&#xff1a;潘莹月、廖希杰 1. 场景调研 我们小组选择项目的任务方向乒乓球的捡取与存放&#xff0c;针对此问题我们研发了一款乒乓球自动拾取机器人。众所周知&#xff0…

[算法与数据结构][c++]:Static关键字和全局变量

Static关键字和全局变量 1. 生命周期、作用域和初始化时机2. 全局变量3. Static 关键字3.1 面向过程3.1.1 静态全局变量3.1.2 静态局部变量&#xff08;单例中会使用&#xff09;3.1.3 静态函数 3.2 面向对象3.2.1 类内静态成员变量3.2.2 类内静态成员函数 Reference 写在前面&…

查看Linux磁盘空间

(1)、该命令会列出当前系统所有挂载的文件系统以及它们的使用情况&#xff0c;包括总容量、已用空间、可用空间、使用百分比等信息 df -h如果查看某一个文件夹的,可以 df -h folderName (2)、计算指定目录下所有文件和子目录所占用的磁盘空间大小&#xff0c;并以人类可读的格…

自动化创建ETX用户帐号

在芯片设计行业&#xff0c;ETX是常见的远程访问环境。用户在通过ETX访问远程环境前必须首先加入ETX系统&#xff0c;然后通过profile分配相关的环境的访问权限。 通常这些操作在ETX WEB页面手工操作&#xff0c;如果我们期望实现用户帐号注册全自动化&#xff0c;就需要将以上…

Deepin操作系统SSH开启与配置文件修改,结合内网穿透实现公网远程连接

文章目录 前言1. 开启SSH服务2. Deppin安装Cpolar3. 配置ssh公网地址4. 公网远程SSH连接5. 固定连接SSH公网地址6. SSH固定地址连接测试 前言 Deepin操作系统是一个基于Debian的Linux操作系统&#xff0c;专注于使用者对日常办公、学习、生活和娱乐的操作体验的极致&#xff0…

基于Vue组合式API的实用工具集

简介 今天,给大家分享一个很实用的工具库 VueUse,它是基于 Vue Composition Api,也就是组合式API。支持在Vue2和Vue3项目中进行使用,据说是目前世界上Star最高的同类型库之一。 图片 官方地址:https://vueuse.org/ 中文地址:https://www.vueusejs.com/ github:https…

SD-WAN对企业网络升级的价值

在当今数字化飞速发展的时代&#xff0c;企业对网络的依赖越来越深&#xff0c;如何在确保IT正常运行的同时降低成本成为企业CIO和业务经理共同关注的焦点。SD-WAN的出现为企业组网带来了崭新的可能性&#xff0c;成为降低开支、提高效率和改善用户体验的重要工具。 企业在数字…

代码随想录-刷题第五十三天

1143. 最长公共子序列 题目链接&#xff1a;1143. 最长公共子序列 思路&#xff1a;动态规划五步曲&#xff1a; dp[i][j]&#xff1a;长度为[0, i - 1]的字符串text1与长度为[0, j - 1]的字符串text2的最长公共子序列的长度为dp[i][j]。 递推公式&#xff1a; 主要是两种情…

Java学习,一文掌握Java之SpringBoot框架学习文集(6)

&#x1f3c6;作者简介&#xff0c;普修罗双战士&#xff0c;一直追求不断学习和成长&#xff0c;在技术的道路上持续探索和实践。 &#x1f3c6;多年互联网行业从业经验&#xff0c;历任核心研发工程师&#xff0c;项目技术负责人。 &#x1f389;欢迎 &#x1f44d;点赞✍评论…

C语言可变参数输入

本博文源于笔者正在学习的可变参数输入&#xff0c;可变参数是c语言函数中的一部分&#xff0c;下面本文就以一个很小的demo演示可变参数的编写 问题来源 想要用可变参数进行多个整数相加 方法源码 #include<stdio.h> #include<stdlib.h> #include<stdarg.h…

10个提高 Python Web 开发效率的VS Code插件

VS Code具有灵活、便捷和丰富的可用插件库&#xff0c;是Web开发人员中非常受欢迎的代码编辑器。 本文介绍10个VS Code插件&#xff0c;它们可以提高你作为Web开发人员的工作效率。 1. Live Preview Live Preview插件支持在VS Code的小型浏览器中查看网站。因此&#xff0c;无…

【NI-DAQmx入门】LabVIEW中DAQmx同步

1.同步解释 1.1 同步基础概念 触发器&#xff1a;触发器是控制采集的命令。您可以使用触发器来启动、停止或暂停采集。触发信号可以源自软件或硬件源。 时钟&#xff1a;时钟是用于对数据采集计时的周期性数字信号。根据具体情况&#xff0c;您可以使用时钟信号直接控制数据采…

百度面经整理(2024最新)

百度 面经1 shiro的组件分布式一致性算法zookeeper那些能参与投票&#xff0c;leader能投票吗&#xff1f;netty零拷贝实现volatile&#xff0c;如何感知到变量变化的redis高可用http如何跨域&#xff1f;tcp如何长链接。http如何操作浏览器缓存。用过消息队列吗&#xff1f;…

vue前端开发自学demo-input标签数据双向绑定

vue前端开发自学demo-input标签数据双向绑定&#xff01;今天为大家 展示的内容是&#xff0c;前端开发常见的&#xff0c;form表单里面的&#xff0c;一些输入数据的元素&#xff0c;动态绑定数据的案例。比如input,以及checkbox的状态绑定案例。 首先&#xff0c;老规矩&…

Unity WebView 中文输入支持

使用版本&#xff1a;Vuplex 3D WebView for Windows v4.4&#xff1b; 测试环境&#xff1a;unity editor 2020.3.40f1c1、Windows&#xff1b; 1、打开脚本CanvasWebVie!wPrefab 2、找到_initCanvasPrefab方法&#xff0c;约略在459行附近 3、添加一行代码&#xff1a; …