前端 碎片javascript化学
前端导出Excel【支持样式配置，多sheet，多级表头】
在我们的管理系统项目中，将表格数据导出为Excel文件是很常见的需求，一线业务人员经常会利用生成的excel文件做汇总和报告。根据功能的实现方式可以分为前端导出和后端导出，作为前端开发人员，后端导出对我们来说比较简单，本文主要讨论前端导出。 在正常的项目中，后端导出的情况会更多一下，因为前端导出受限 ......
推荐给前端开发的 5 款 Chrome 扩展
工欲善其事，必先利其器。Chrome 可能是前端开发中使用最多的浏览器。在日常开发中，下列几款 Chrome 扩展也许能让你的开发工作事半功倍 ? ......
前端体验优化（3）——后端
前端很多时候是不会接触到后端的工作，不过我们公司由于历史原因，维护了大量的 Node.js 服务。 所以也积累了一些后端优化的经验，主要分两块 Node.js 和数据库。 一、Node.js Node.js 的监控没有从 0 开始，业务逻辑的日志直接记录在阿里云中，性能监控部署的是阿里云提供的系统。 ......
JavaScript调研
一、JS初识 1、JavaScript一种直译式脚本语言； 2、组成部分； （1）ECMAScript语法和基本对象 （2）文档对象模型（DOM）处理网页内容的方法和接口 （3）浏览器对象模型（BOM）与浏览器进行交互的方法和接口 3、JS特点 （1）解释性脚本语言 （2）用来向HTML页面添加交互 ......
[前端][Vue] 利用webstorage API存储数据
关于webstorage API 官方文档 https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API 省流说明 1️⃣两种 -- localStorage & sessionStorage 2️⃣存多久 -- local一直存到 ......
前端docx-templates生成word文档
说明 docx-templates项目地址:https://github.com/guigrpa/docx-templates 原文:https://juejin.cn/post/7170695319004315679?searchId=202312171247306E0B93A485DAE6B4E ......
助教工作11月总结（前端开发技术）
一、助教工作的具体职责和任务 作为前端课程的助教，主要职责是协助老师完成一些课外的教学任务，具体包括但不限于以下内容： 解答学生提出的问题：通过QQ群、邮件等方式与学生进行沟通，帮助他们解决在学习过程中遇到的问题和困惑。提供适当的指导和建议，引导学生找到解决问题的方法和思路。 推荐优秀资源：推荐一些 ......
JavaScript 引擎 V8 年度回顾：新编译器、修改基础架构、改进 GC……
V8 官方博客回顾了 2023 年的重要变化：通过创新的性能优化，V8 不断突破 Web 领域的可能性界限。比如引入新的中间层编译器，对顶层编译器基础架构、运行时和垃圾回收进行多项改进，从而全面提升速度。 除了性能改进之外，V8 团队还为 JavaScript 和 WebAssembly 添加了许多 ......
JavaScript: WebGL3D
fragment.bns 文件用NotePad 打开 WebGL 3D 用tomcat 浏览 #version 300 es precision mediump float; uniform float uR; in vec3 vPosition;//接收从顶点着色器过来的顶点位置 in vec4 ......
Science-化学英语基础：元素周期表与基本化合物命名
https://zhuanlan.zhihu.com/p/478675889?utm_id=0#:~:text=物质的分类 - Classification of Matter 注意： 本文涉及的内容在高等院校化学专业有专门的 《化学专业英语》课程，因此本文主要面向从高中毕业或更早就要前往英语国家学 ......
前端JavaScript中，对obj对象进行劫持的方式主要有以下几种：
前端JavaScript中，对obj对象进行劫持的方式主要有以下几种： 原型劫持：通过改变对象的原型（prototype）来实现劫持。当一个对象被创建时，它的原型会被存储起来，以便在需要时进行查找。通过将一个对象的原型改为另一个对象或null，可以控制该对象的属性和方法。 属性访问劫持：通过在属性访 ......
前端CryptoJS和后端Java中AES对称加密注意事项
1.前后端秘钥,算法,偏移量,模式,填充等要一致(废话但是重要,要注意检查) 2.算法 AES有AES-128 AES-192 AES-256,后面的数字即秘钥长度,据说后两个在Java中使用需获取无政策限制权限文件,所以一般用128位的,换算到字符串就是16字节,即16个英文字母或数字或符号. 3 ......
JavaScript
您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。HTML 输出流中使用 document.write，相当于添加在原有html代码中添加一串html代码。而如果在文档加载后使用（如使用函数），会覆盖整个文档。 Javascript 脚本代码 ......
100%硬核解决前端复杂动画的秘密武器！
哈喽！大家好！我是程序视点的小二哥。 前端开发中，总会遇到这样一个困境：动画还原。对于前端开发工程师，有的是这样做的。 照着设计动画模仿，猜测动画时长，手创建贝塞尔曲线…… 调整细节耗时耗力，效果还差强人意... 好不容易实现了，还原度却达不到要求 在被UI设计折磨一顿后，小二哥找到了解决这个困境的 ......
vue 前端自动打开文件地址进行下载
最近在做异步导出的功能，导出的过程中前端另外启动一个查询导出进度的线程接口。如果导出完成后，把生成的文件上传到服务器，返回给前端一个文件的下载地址；前端自动打开这个地址进行跳转下载。 有两种方式 1.直接使用js自带的方式打开链接 这种方式有一个问题，会被浏览器自动拦截弹出的窗口：”已阻止弹出窗口“ ......
JavaScript 浏览本地文件夹
1. JavaScript 浏览本地文件夹 button.onclick = async function () {// 给按钮绑定事件 try { const handler = await showDirectoryPicker( // { // mode: 'readwrite', //指定读 ......
docker-项目部署-前端
3.2.部署前端 hmall-portal和hmall-admin是前端代码，需要基于nginx部署。在课前资料中已经给大家提供了nginx的部署目录： 其中： html是静态资源目录，我们需要把hmall-portal以及hmall-admin都复制进去 nginx.conf是nginx的配置文件 ......
javascript怎么实现文件上传和下载功能
在现代 Web 开发中，文件上传和下载是经常遇到的需求。JavaScript 作为前端开发的语言之一，提供了许多强大的工具库和 API 来管理文件上传和下载的过程。 本文将探讨如何使用 JavaScript 实现文件上传和下载的功能，首先介绍基于 HTML5 的 File API，然后使用 jQue ......
前端界面
规划页面结构：根据需求设计网站或应用程序的整体结构，确定页面之间的关联。 界面设计：使用设计工具（如Sketch、Photoshop等），设计页面的布局、颜色、字体等。 切图和素材准备：根据设计图将界面元素切割成图片，并准备好所需的图标、图片等素材。 编写HTML结构：使用HTML标记语言创建页面的 ......
Javascript---时间加秒数得到新的时间
<script> // 当前时间：curTime var curTime = new Date("2023-12-10 17:32:46"); // 当前时间加上XXX秒后的新时间：addSeconds var addSeconds = new Date(curTime.setSeconds(cur ......
个人总结的前端命名规范
一个好的命名规范， 应该是简单的，方便记忆的；如非必要，不要新增新的命名规则；相似的类型，命名规则应该是一样，比如文件夹和文件名；差异很大的类型则需要有所区分，比如变量和常量的命名，因为常量是不能被修改的，内部变量和外部变量亦如此，人们可以借此很明显的区分是否可以函数区块外面使用；（通常来说 ， 常 ......
【前端面试必读】在js中为什么0.1+0.2不等于0.3
原因在于在JS中采用的IEEE 754的双精度标准，计算机内部存储数据的编码的时候，0.1在计算机内部根本就不是精确的0.1，而是一个有舍入误差的0.1。当代码被编译或解释后，0.1已经被四舍五入成一个与之很接近的计算机内部数字，以至于计算还没开始，一个很小的舍入错误就已经产生了。这也就是 0.1 ......
前端:数组中的map 和reduce方法
// 数组中的map 和reduce方法 // map() :接收一个函数,将原数组中的所有元素用这个函数处理后放入新数组中返回 let arr = [1, 2, 3]; // 写法1 箭头函数 arr = arr.map((item) => { return item * 2 }); consol ......
电子公文系统前端设计
电子公文系统前端设计的学习总结 1.需求分析与理解： 在设计电子公文系统前端时，首先需要深入理解用户和系统的需求。这可能包括与客户、最终用户以及其他利益相关者的密切合作。通过详细的需求分析，可以确保前端设计满足实际需求，并提供用户友好的界面。 2.技术选型与学习： 在前端设计阶段，选择适当的技术栈非 ......
JavaScript Library – Lit
前言 我写过一篇关于 Lit 的文章，Material Design, Angular Material, MDC, MWC, Lit 的关系。 如今 material-web MWC 已经发布 1.0 了，估计 Angular 也会在不远的将来从 material-components-web M ......
前端所有元素标签在ts中的类型汇总
interface Type { "a": HTMLAnchorElement; "abbr": HTMLElement; "address": HTMLElement; "applet": HTMLAppletElement; "area": HTMLAreaElement; "article": ......
ThingsBoard 前端项目轮播图部件开发
前言 ThingsBoard 是目前 Github 上最流行的开源物联网平台（14.6k Star），可以实现物联网项目的快速开发、管理和扩展, 是中小微企业物联网平台的不二之选。 本文介绍如何在 ThingsBoard 前端项目中开发轮播图部件。 产品需求 最近接到产品经理一个需求，在 TB 仪表 ......