前端 碎片javascript化学
javascript import maps 特性现已被全部主流浏览器支持
值得庆祝 Import maps 特性现在可以在全部三个主要浏览器内使用 现在主流现代web 应用 引入和利用javascript 是通过 Es module 模块实现。 在开发javascript上，比起无模块化功能的旧版浏览器，现代浏览器支持模块化且提供了许多好用的功能 引入 es module ......
前端如何上传文件给服务器
上传文件到服务器常用的方法有两种 第一种：将文件转换成base64编码后使用POST上传给服务器 实现方法 URL.createObjectURL(BlobFile) //或者由canvas生成 canvas.toDataURL('image/jpeg',0.8) 优点： 可以将二进制文件转换为文本 ......
前端学习笔记--bootstrap
1.bootstrap3依赖jQuery？ 是的 官网https://www.bootcss.com/ 4版本以上不依赖。 2.如何导入？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</tit ......
前端简单小秒杀
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
jenkins流水线发布前端代码
pipeline { agent{ label 'hw' } environment { VERSION = sh(script: "echo `date '+%Y%m%d%H%M%S'`", returnStdout: true).trim() } stages { stage('克隆代码'){ ......
前端使用CryptoJS加密解密
1、安装crypto-js； npm install crypto-js --save-dev yarn add crypto-js --dev 2、新建unit.js写成公共方法 ； const CryptoJS = require('crypto-js'); //16位十六进制数作为密钥（秘钥为 ......
前端vue使用jsencrypt进行RAS加密/解密
前端 安装： npm install jencrypt --sava 在utils下创建jsencrypt.js文件，内容如下： import JSEncrypt from "jsencrypt/bin/jsencrypt.min"; /** RSA秘钥对生成网站 http://web.chacuo ......
前端事件循环和nextTick原理
一、事件循环机制 概念原理这东西还是需要理解的，这样才能融通知识点。下面是浏览器进程和线程组成 上图中与前端关系比较大的是渲染线程，它主要负责将HTML、CSS、JS资源解析渲染还负责事件循环、异步请求等多个方面。 1、GUI渲染线程：负责页面的绘制和渲染，HTML、CSS资源解析、渲染树的生成、页 ......
JavaScript 正则表达式
基本使用 //定义正则表达式 const reg = /^\d{4}-\d{1,2}-\d{1,2}$/; const str = "2020-11-11"; //验证字符串是否符合规则 reg.test(str); 元字符 ^ 表示开始部分等于xxx $ 表示结束部分等于xxx []表示字符串中存 ......
前端开发规范
什么是规范 规范就是一个大家都认同,都接受的一种模式.为什么要有这个规范呢,一是让自己的代码的可读性更高,别人一看就懂,二是也方便自己去回顾自己的代码. 提高开发的效率,使自己写出的代码不至于成为屎山. 规范的分类 HTML编码规范 变量名命名规范 文件夹命名规范 组件命名规范 编码格式规范 规范的 ......
请求后端时后端获取不到前端的传参（已解决）
问题描述; 前端使用post请求后端接口，请求时把数据一起传过去的，但是后端获取不到，检查过请求， axios请求后端拿不到数据的解决方案 请求没有问题，数据都在，但是后端还是取不到， 后来借鉴这篇博客解决了，原因在于这样的请求触发了axois中的一段特殊代码而导致不能把数据传输过去 https:/ ......
前端不跳转替换URL参数
var HtmlPrefix = ""; function ReplaceURLParam(){ var urtTarget = "PageRowID=" + id+ "&page=BasicInfo"; var encryData = window.btoa(window.encodeURICom ......
01-2 动力学基础(化学反应速率：质量作用定律、分子碰撞理论、基元反应、总包反应的化学反应速率)
化学反应速率 定义 通常用单位时间、单位空间内消耗的燃料量或者氧量来表示。单位时间内由于化学反应而使反应物（燃料产物）浓度改变的速率。对于单相反应来说，对应的是容积反应，单位是$mol/(s·m^3)$或者$kg/(s·m^3)$；对于多相反应，进行的是面积反应，单位是$mol/(s·m^2)$或者 ......
01-1 动力学基础（化学热力学与动力学、浓度物理量、焓、热量）
研究化学反应的两种手段 复习相关物理量：质量浓度、物质的量浓度、质量分数、摩尔分数和物质的量浓度关系式 简单反应、复杂反应、总包反应、单相与多相反应 生成焓、反应焓、燃烧焓、反应焓的计算实例 发热量、高位发热量、低位发热量 发热量：亦称“热值”，指的是单位量的燃料在等压或等容燃烧时所释放的热量，工程 ......
vue前端使用nexus配置npm私有仓库
当我们运行前端项目的时候，常常在解决依赖的时候会加上一个参数npm install --registry=https://registry.npm.taobao.org将源指定为淘宝的源，以期让速度加快起来，事实上这种的确能够让速度变快，但是长久来看，如果想真正的快速敏捷开发部署，搭建企业内部的私服 ......
web前端pdf.js预览pdf实例创建报错：Array. prototype` contains unexpected enumerable properties
使用pdf.min.js是预览pdf文件，但是在实例化时异常报错，下面是实例化的代码 var loadingTask = window.pdfjsLib.getDocument(url); console.log(loadingTask); this.pageNum = 1; this.pageRe ......
JavaScript 实现伽马算法
伽马函数是数学中的一个非常重要的函数，它在统计学、物理学等领域有广泛的应用，其中最重要的应用就在概率统计和计算机科学中。 接下来，我们来介绍如何使用JavaScript实现伽马算法。 递归实现 function gamma(x) { if (x 1) { return 1; } else { ret ......
前端入门知识
1 关于 tpl 格式文件 以前的前端页面都是.html格式的，现在出现了.tpl文件，是template的缩写，发现他就是前端页面，写的也是html。 应该是前端模板Smarty的一个格式。可以在Dreamviewer中打开，进行可视化编辑。应该也可以使用PS打开。 ......
前端进化笔记-JavaScript（一）
###简介： 实现：三部分 ecmascript语言核心 DOM文档对象模型 BOM浏览器对象模型 DOM：用于html的应用程序接口（API），把整个页面映射成一个多层节点结构。 例如： <html> <head> <title>sample page</title> </head> <body> ......
JavaScript 基础问答
JavaScript数据类型有哪几种？ 一共有五种：number、string、object、boolean、undefined.其中最后一个是定义变量后没有赋值 介绍隐式类型转换 字符串+数字=字符串；字符串-数字=数字；+数字字符串=数字 null 经过数字转换之后会变为 0 undefined ......
优化数字前端工作流的小脚本
使用python编写了两个优化工作流的小脚本。在前端设计工作时，我的工作流是：初步规划端口（markdown）-> 初步rtl代码设计（verilog）-> 完整rtl代码设计（verilog）-> 输出最终端口（markdown） 所以这里涉及两个可以自动化的步骤，一个是把我用markdown下画 ......
超级好用的Javascript技巧
1、动态加载JS文件 在一些特殊的场景下，特别是一些库和框架的开发中，我们有时会去动态的加载JS文件并执行，下面是利用Promise进行了简单的封装。 function loadJS(files, done) { // 获取head标签 const head = document.getElemen ......
【前端可视化】ECharts中国地图+散点图demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
JavaScript学习
1、什么是JavaScript 是一门流行的脚本语言 一个合格的后端人员，必须精通JavaScript 2、快速入门 2.1、引入 内部标签 <script> //... </script> 外部引入 abc.js //... test.html <script src="abc.js"></scr ......
Javascript数据类型
值类型和引用类型 原始类型(alias: 值类型，基础类型) primitive: string number boolean null undefined symbol 引用类型: Object 其他内置Object派送类型 Array Function Map Set WeakMap WeakS ......
JavaScript 使用 splice 方法删除数组元素可能导致的问题
JavaScript 使用 splice 方法删除数组元素可能导致的问题 splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。此方法会改变原数组。 JavaScript 遍历数组并通过 splice 方法删除该数组符合某些条件的元素将会导致哪些问 ......
Vue3 +element-plus+ wangEditor 富文本编辑器+前端七牛云上传
我用的vue3，element-plus ，没用ts 搭建wangEditor 参考 地址 https://www.cnblogs.com/xbxxf/p/16791084.html 本来就是抄大佬的，就不复制粘贴了 主要是整理关于七牛云部分的代码，秉着复制就能用的原则，我把自己封装好的组件复制过来 ......
Vue 项目安全扫描漏洞，JS 库版本太低，要求升级 YUI（vue2 升级javascript库）【检测到目标站点存在javascript框架库漏洞漏洞风险：中】
原帖：https://blog.csdn.net/u012961419/article/details/130016341 背景公司信安部门对项目进行安全扫描，查出一些漏洞，其中有一项要求升级 javascript 框架库（如图）： 吓得我以为让我把 Vue2 升级成 Vue3。 经过一番询问后才知 ......