前端 碎片javascript化学
JavaScript操作数组常用的方法（包含es6）
1. forEach() forEach() 方法可以遍历数组中的每个元素，并对其进行操作，例如： const arr = [1, 2, 3]; arr.forEach(num => console.log(num)); // 输出：1 2 3 2. map() map() 方法可以根据数组中的每个 ......
前端开发环境搭建踩坑笔记——npm install node-sass安装失败的解决方案
问题背景 开发新的前端项目时，总少不了搭建开发环境和执行npm install安装依赖包，但npm install的过程总是充满着玄学，很难保证一次性成功，其中尤其以node-sass这个包的安装失败问题最为常见。 像其他npm包安装失败，通常是因为网络问题，可以采用使用更好的网络环境或者切换源的方 ......
JavaScript 面试题
一、event.stopPropagation 和 event.preventDefault 的区别 1、event.stopPropagation（停止传播） 用于阻止捕获和冒泡事件的进一步传播。但是不能阻止同一Dom节点上的其它事件被调用。 2、event.preventDefault（阻止默认 ......
mock框架与测试（用mock工具模拟后端与前端对接调试）
mock简介应用在前后端分离的开发模式中敏捷管理中需要测试左移模拟后端与前端对接调试。实现满足接口逻辑通路，保证基本接口功能。 mock开源框架只需配置request和response就可以满足要求支持http/https/socket 协议支持在request中配置header、cookie、St ......
vue naive ui 前端获取日期数据传递给后端
vue naive ui 前端获取日期数据传递给后端 设置日期选择器 1. 使用表单输入绑定的方法把用户选定的日期传递给data中的值 (检查数据是否更新的方法) 2. 返回给后端的时间格式 后端想要接收的格式为json,其中包括starttime endtime 和macid，并且时间格式为<cl ......
robotframework：运用JavaScript进行定位元素以及页面操作
在ui自动化时，有些特殊情况需要用到js操作，在进行js操作前要先进行js元素定位。一.js元素定位 1.id定位 document.getElementById("id") 2.name定位 document.getElementsByName("name") 3.class定位 document ......
JavaScript原型链污染学习记录
NodeJS原型机制，比较官方的定义：我们创建的每个函数都有一个 prototype（原型）属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。 ......
JavaScript学习汇总
ExtJs学习之Button(08) uniGUI学习之脱离Delphi直接写ExtJS从入门到精通04官方文档查找办法_例如_Ext.Window(48) uniGUI学习之脱离Delphi直接写ExtJS从入门到精通03自定义函数_调用顺序(47) uniGUI学习之脱离Delphi直接写Ext ......
前端实现一次menu侧边栏
前言使用动态数据之后 element menu 组件 高亮显示错误， 默认展开失效 两级侧边栏 封装侧边栏功能简单 数据 菜单栏数据格式 let Array = [{ title: "管理", routeName: "order", icon: "", path: "", expanded: fal ......
前端开发环境搭建--vue
1、安装node.js http://nodejs.cn/download 检查是否安装成功 node -v 使用如下语句解决 npm 速度慢的问题 npm install --registry=https://registry.npm.taobao.org 2、安装vue-cli npm inst ......
下载文件(Excel)功能，后端返回blob字节流，前端怎么处理？
在做大屏数据项目有个报表下载的功能,根据用户选择的时间下载对应时间的报表,后端返回的是文件流,前端需要怎么去处理呢？ 实现的功能效果： 后端返回的数据： 需要我们处理的乱码： 前端代码： 1 exportExcel(){ 2 axios({ 3 methods:"xxxx", 4 url："xxx/ ......
【javascript】typeof 和 instance of的差异
typeof与instanceof 都是判断数据类型的方法，区别如下：1.typeof会返回一个运算数的基本类型，instanceof 返回的是布尔值2.instanceof 可以准确判断引用数据类型，但是不能正确判断原始数据类型3.typeof虽然可以判断原始数据类型（null 除外），但是无法判 ......
PM510V16 3BSE008358R1电磁感应效应、静电效应、热效应、化学效应等，更有可能损坏应用程序或系统
PM510V16 3BSE008358R1电磁感应效应、静电效应、热效应、化学效应等，更有可能损坏应用程序或系统 电测仪器分类：什么是电气测量设备？电气测量中使用的设备 1个电阻或电流、电压、频率、磁通、功率因数等的测量仪器称为“电工测量仪器”。俗称欧姆表、电流表、电压表、频率表、磁通表、功率因数表 ......
前端VUE自动检测版本更新
前言 当用户在当前站点停留时间比较长，中途站点进行升级更新之后，用户如果不刷新页面就任然停留在旧的页面里，如何让用户收到一个提示，引导用户进行更新操作呢？下面给大家介绍如何站点更新如何在生产环境提示用户更新，进行页面刷新操作，核心原理其实很简单。 一、思路1，每隔一小段时间fetch请求一次服务器首 ......
“前端”工匠系列（一）：合格的工匠，究竟该搞什么 | 京东云技术团队
此文为系列文章第一篇，为浅尝辄止的引入，目的是为了让前端从业人员及非从业但是对此领域感兴趣的人对于”前端“是干什么的这个话题有个无门槛的了解。 ......
想了解JavaScript基础？这篇文章足够了！
本人无意看到的一篇文章，觉得写的很全面，简单概括了Javascript的一些知识，现分享如下： 原文地址：http://www.ppmy.cn/news/7295.html 更多详细内容，请微信搜索“前端爱好者“， 戳我 查看 。 一、JavaScript的介绍 JavaScript 是一种运行在 ......
Web前端已死？别带节奏了，说白了就是“卷”
趁着“前端已死”这个话题还有点热度，我想再好好聊聊这个话题。社区里怎么只有前端已死的论调，后端、DB、运维、连原生开发还在好好“划水”。前端却发出了哀嚎：前端已死，找工作好难啊。 前端技术精微渊深，除了基础的 HTML、CSS 和 JavaScript 技术外，还涉及前端框架、UI 库、自动化构建工 ......
前端replace替换字符的用法
替换一个/多个字符 // 替换多个 var content = "null undefined 123" content.replace(/null|undefined/,'111'); console.log(content); // 输出结果为 111 111 123 // 替换一个 var c ......
javascript-1
js注释 多行注释 /* 这里是注释 */ 单行注释 //这里是注释 js中严格区分大小写 js中每一条语句以分号结尾，如果不写分号，浏览器会自动添加。 ......
[Javascript] Proxy - Snippets
Blog: https://dev.to/marclipovsky/discovering-the-power-of-javascript-proxy-after-all-this-time-4627 Lazy loading: const lazyLoadHandler = { get: func ......
你想要的【微前端】都在这里了！
某次遇到一个从0到1的大型项目，该项目涉及两个端，除了鉴权和部分业务逻辑不同外，页面UI和其余逻辑几乎一致，遇到这种项目，该如何架构？既能保证项目顺利开发完成，又能保证后期的迭代、维护、可扩展？ ......
2023前端面试题一
元素类型 空元素 br hr 块级元素 div footer header section p h1 h6 行内元素 img input span 元素类型转换 display:block 独占一行，可以设置宽高 display:inline 不独占一行，不可以设置宽高 display:inline ......
Vue 前端设计模式梳理
一、什么是设计模式？ 设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码，让代码更容易的被他人理解并保证代码的可靠性。 设计模式实际上是“拿来主义”在软件领域的贯彻实践，它是一套现成的工具，拿来即用。下面来看一下设计模式的设计原则。 二、设计几个原则 单一职 ......
Clang前端源码分析
Clang前端源码分析 C语言编译器之二，Clang Clang编译器是由APPLE公司的编译器大牛ChrisLattner主导下编写的，其目标是替换大名鼎鼎的GCC编译器； 2.1、Clang和GCC编译器架构 从源代码到可执行程序一般经过预处理、编译、链接过程，而编译是编译器的工作，编译分为三个 ......
数字前端工作总结
0. 前言 去年9月到现在总共做了两次ic的数字部分的开发，第一个设计是一个rfid的逻辑部分，第二个设计是一个多核处理器，我的工作主要是做架构设计以及主体代码的编写，模块代码一般分配给组里的其他研究生做。在做的过程中对一些问题有了反思，主要从工作流，设计约束和代码质量三个角度来做一下总结，希望反思 ......
2023前端面试题二
图片 png 无损压缩，尺寸体积要比jpg的大，适合做小图标 jpg 采用压缩算法，有一点失真，比png体积要小，适合做中大图片 gif 一般是做动图的 webp 同时支持有损或者无损压缩，相同质量的图片，webp具有更小的体积 css的盒子模型 标准盒子模型 margin/border/paddi ......
简单聊聊，使用Vue.js编写命令行界面,前端开发CLI的利器
Temir 介绍 Temir,一个用Vue组件来编写命令行界面应用的工具.开发者只需要使用Vue就可以编写命令行应用,不需要任何额外的学习成本. <script lang="ts" setup> import { ref } from '@vue/runtime-core' import { TBo ......
简单总结JavaScript中的微任务和宏任务
在 JavaScript 中，任务被分为宏任务和微任务。 宏任务：常见的宏任务有 setTimeout、setInterval、I/O、UI 渲染等等。这些任务都是由浏览器或 Node.js 中的事件循环调度执行的，它们会被放入一个任务队列（task queue）中，等待执行。 微任务：常见的微任务 ......
[Javascript] Avoid mutation, Array.prototype.toReversed() vs reverse()
reverse()mutates the original array, return the reference point to the original array. The toReversed() method of Array instances is the copying count ......