hook js
JS中出现undefined与null几种常见情况
JS中出现undefined与null几种常见情况 原文链接：https://blog.csdn.net/CherryLee_1210/article/details/78419747 在我们执行JS的一些代码的时候，有的时候就会有一些结果出现null和undefined。我就为大家总结了一些常见的 ......
npm WARN deprecated core-js@2.6.12: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues
npm WARN deprecated core-js@2.6.12: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the ......
JS实现日期加上N天后得到新的日期
直接上代码： //日期加上天数得到新的日期 //dateTemp 需要参加计算的日期，days要添加的天数，返回新的日期，日期格式：YYYY-MM-DD function getNewDay(dateTemp, days) { var dateTemp = dateTemp.split("-"); ......
JS中判断数组是否为空
方式一：通过data == false 来判断数组为空 若返回结果为data，则为空；若返回结果为false，则不为空。 data = []; if(data == false){ //data为空数组时，要执行的代码 } 方式二：使用length以数组的长度来判断数组是否为空 let arr = ......
js输入输出及字面量
js输出语法 下面是script的代码 这是语法一的输出样式 这是语法二的输出样式，会在页面上方弹出警示框 这是语法三的输出样式 这是js的输入输出顺序 下面是字面量的定义 ......
js树形控件—zTree使用
https://blog.csdn.net/qq_35934094/article/details/80852989 https://www.cnblogs.com/leechenxiang/p/5952959.html https://www.jianshu.com/p/99d24aab74a5 ......
js取枚举值
public enum VideoType { 安装视频=0,使用视频=1,维护视频=2 } foreach (var item in Enum.GetValues(typeof(TypeTool.VideoType))) item 为安装视频 (int)item 为0 ......
webpack.config.js和vue.config.js的区别
webpack.config.js是webpack的配置文件，所有使用webpack作为打包工具的项目都可以使用，vue的项目可以使用，react的项目也可以使用。 vue.config.js是vue项目的配置文件，专用于vue项目。通过vue.config.js中常用功能的配置，简化了配置工作，当 ......
js浏览器获取请求当前url参数
<script> function c(obj) { console.log(obj); } /** * [通过参数名获取url中的参数值] * 示例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明 * @para ......
Vue和JS前端网页下载保存图片到本地电脑中
//保存图片 clickSaveImage(url) { let image = new Image(); // 解决跨域 canvas污染问题 image.setAttribute('crossOrigin', 'anonymous') image.src = url + '?time=' + n ......
常用js类库
UI类库 bootstrap https://v5.bootcss.com/ layui 是一套开源的 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 HTML/CSS/JavaScript 开发模式，极易上手，拿来即用。 https://layuion.com/ jqueryUI 包 ......
无效或损坏的PDF文件。 更少信息关闭 PDF.js v1.1.159 (build: 82536f8) 信息：Invalid PDF structure
当我们需要预览一个pdf我们首选开源项目来做 https://github.com/mozilla/pdf.js 就是下载到本地然后看到文档把这个项目的文件复制到我们项目 然后启动项目 <a href="http://localhost:8088/web/viewer.html?file=http: ......
爱快流控分流，端口分流的设置，编写node.js程序用于批量导入配置
客户要求将20个公网IP分配给60个设备使用，每个设备最多使用3个公网IP地址 下面是生成的程序代码 const configTemplate = (id, interface, src_addr) => { return `id=${id} enabled=yes comment= type=0 ......
JS 修改集合中某一个字段的名称
假设你有一个包含以下数据的集合： 1 const books = [ 2 { title: 'The Alchemist', author: 'Paulo Coelho', year: 1988, genre: 'Fiction', pages: 163 }, 3 { title: 'To Kill ......
JS 提取集合中的部分字段到新的集合
假设你有一个包含以下数据的集合： 1 const books = [ 2 { title: 'The Alchemist', author: 'Paulo Coelho', year: 1988, genre: 'Fiction', pages: 163 }, 3 { title: 'To Kill ......
SQL.js -- 操作sqlite数据库
js -- 操作sqlite数据库 最近看到一个使用js来操作sqlite数据库的，测试了一下，具体使用的是 js操作类： https://github.com/kripken/sql.js/（sqlite js 驱动） 异步请求：http://npm.taobao.org/package/axio ......
Three.js 进阶之旅：全景漫游-初阶移动相机版
3D 全景技术可以实现日常生活中的很多功能需求，比如地图的街景全景模式、数字展厅、在线看房、社交媒体的全景图预览、短视频直播平台的全景直播等。Three.js 实现全景功能也是十分方便的，本文将介绍如何一步步优雅实现在多个3D全景中穿梭漫游，达到如在真实世界中前进后退的视觉效果。全景漫游系列文章将分... ......
前端js笔记
#js的书写位置 #写在标签的事件属性中,比如 onclick 鼠标的单机事件 <a href = "" style = "css" 代码 onclick = "js的代码"></a> #<script> //单行注释 /*多行注释*/ </script> 一般会讲script标签 写在 页面bod ......
c#后台执行js弹窗art.dialog，成功后跳转页面
string msbox = "<script>dialog({title: '修改成功',content:'修改成功', width: '180px',height: '100px',okValue: '确定',ok: function () {"; msbox += " document.loc ......
前端用crypto-js来进行加密，php使用openssl_encrypt来进行解密
项目有个需求，需要对前端提交的密码进行加密传输，防止请求被拦截导致密码的泄露。 1、考虑到性能问题，不好太过的占用浏览器资源，我就直接采用了对称加密的方式（aes）来进行处理； 2、首先来看看前端加密的情况，我采用的是crypto-js来进行加密的，附上链接https://cdnjs.cloudfl ......
SHA-256 简介及 C# 和 js 实现【加密知多少系列】
〇、简介 SHA-256 是 SHA-2 下细分出的一种算法。截止目前（2023-03）未出现“碰撞”案例，被视为是绝对安全的加密算法之一。 SHA-2（安全散列算法 2：Secure Hash Algorithm 2）是一种密码散列函数算法标准，由美国国家安全局 2001 年发布，属于 SHA 算 ......
js 划词查询
1 <html> 2 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>划词搜索</title> 6 <style> 7 .ttb-box { 8 display: no ......
CSS in JS (JSS)
JSS 是什么 简单来说，一句话概括CSS in JS (JSS)，就是"行内样式"（inline style）和"行内脚本"（inline script）。 因为，自从React出现以后，基于组件化的要求，强制把HTML、CSS、JavaScript捆绑在一起，在同一个文件里面，封装了结构、样式、 ......
在js、vue中使用方法调用a标签
<el-button type="primary" style="width:130px" @click="shout"> <a :href="跳转页面地址" style="color:#fff" id="test">超链接</a> </el-button> methods: { shout() { ......
JS取出两个数组中的不同或相同元素（简易方法）
一、使用 concat 和 filter 取出不同的元素（取出两个数组的不同元素==>既在arr1又在arr2） var arr1 = [0,1,2,3,4,5]; var arr2 = [0,4,6,1,3,9]; function getArrDifference(arr1, arr2) { r ......
Unknown custom element: <el-tabs> - did you register the component correctly? For recursive components, make sure to vue.runtime.esm.js?c320:619provide the "name" option.
mad 从官网上扒下来的 一模一样就是一直报错 然后一直百度 百度上的答案五花八门 没一个有用的 草！！！！！ 这个原因就是你没有在项目中引入element-ui 所以你用它的组件会报错 第一步 npm i element-ui -S 第二步 在main.js里面加入 import ElementU ......
Linux 下安装 node.js
这里介绍两种安装方式：编译安装和使用编译后的安装包安装。 https://nodejs.org/dist 安装目录：/usr/local 一、使用编译安装包安装 1、进入安装目录： cd /usr/local 2、下载安装包： wget https://nodejs.org/download/rel ......
React Hook 中 useState 异步回调获取不到最新值及解决方案
预先了解 setState 的两种传参方式 1、直接传入新值 setState(options); 列如： const [state, setState] = useState(0); setState(state + 1); 2、传入回调函数 setState(callBack); 例如： con ......
直播平台搭建，JS实现页面下拉加载数据操作
直播平台搭建，JS实现页面下拉加载数据操作 前端页面代码如下，我用的PHP，HTML页面应该就行，主要是在id="ph"的div内加载数据： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o ......
JS之BOM、DOM
https://www.cnblogs.com/12345huangchun/p/10171146.html 一、BOM对象 1，window对象 所有浏览器都支持window对象，从概念上讲：一个HTML文档对应一个window对象，从功能上讲：控制浏览器窗口的，从使用上讲：window对象不需要 ......