前端 碎片javascript化学

``` var primes = [2]; // 2是质数，先将其加入质数数组中 for (var i = 3; i <= 1000; i++) { var isPrime = true; // 假设i是质数 for (var j = 0; j < primes.length && primes[j ......

What is this? In JavaScript, the this keyword refers to an object. Which object depends on how this is being invoked (used or called). The this keywor ......

好家伙,天天拖,终于写完了 代码已开源(Gitee) PH-planewar: 个人开发的全栈小游戏 前端:vue2 + element-ui 后端: Springboot + mybatis-plus 数据库: mysql 目前实现功能: 1.注册登陆 2.游戏数据保存 3.游戏运行 (gitee ......

# Web 前端常用正则校验规则 作为 Web 前端开发，常用的正则校验规则有很多。下面是一些常见的示例： 1. 校验手机号码 手机号码的正则表达式可以根据不同国家和地区的手机号码格式进行调整。以下是中国大陆的手机号码正则表达式： ```javascript const regex = /^1[34 ......

# JavaScript的this丢了怎么办？ ## bind方法 先来看一个常见的问题，以下示例中： `this.firstName` 没有输出我们期望的 “John”，而显示了 `undefined`！ ``` let user={ firstName:"John", sayHi(){ cons ......

# 不能不知道的15 个JavaScript数组实用技巧 # 从数组中删除重复项 这是一个非常流行的关于 Javascript 数组的面试问题，如何从 Javascript 数组中提取唯一值。以下提供两种针对此问题的 快速简便的解决方案。 方案一👉：Array.from(new Set(arr)) ......

1. 概念上 JS 中 == 是相同的意思， 代码严格相同 （1）操作数1 == 操作数2：也就是进行双等号比较时，先检查两个操作数的数据类型，如果相同，就进行 的比较，如果不同，则进行一次类型转换，转为相同类型后再进行比较 比较过程： a）如果两个值类型相同，再进行三个等号的比较 b）如果两个值类 ......

快速实现树形结构图，可拖拽移动，点击展开收缩，无限添加子集; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12650 效果图如下: 实现代码如下: # treeShapeStruct 树形结构图，可拖拽移动，点击展开收缩，无限 ......

快速实现前端检测手机系统是iOS还是android(可实现根据手机系统跳转App下载链接); 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12652 效果图如下: 实现代码如下: # 使用方法 #### HTML代码部分 `` ......

快速实现前端仿京东、天猫带搜索历史搜索栏搜索框searchBar, 使用简单便利， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12529 效果图如下 代码如下： <template> <view class="content"> <vi ......

快速实现下拉框 筛选框 仿美团下拉筛选框， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12421 效果图如下： # 下拉框使用方法 #### HTML代码部分 ```html <template> <view class="conten ......

快速实现前端仿企查查、天眼查关联投资结构 股权结构 树形结构 控股结构， 下载请访问uni-app插件市场：https://ext.dcloud.net.cn/plugin?id=12073 效果图如下： **html部分** <template> <view class="content"> <C ......

快速实现 前端仿京东、天猫底部购物工具栏toolsBar、购物车栏、底部悬浮栏， 详情请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12554 效果图如下： 代码如下： # 底部工具栏toolsBar、购物车栏、底部悬浮栏 #### HTM ......

快速实现前端自定义弹框、自定义弹框内容alertView popup组件， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12491 效果图如下： 代码如下： # 自定义弹框使用方法 #### HTML代码部分 ```html <templ ......

快速实现前端中国热力地图 广东省热力地图 广东省地图， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12407 # china 广东省热力地图使用方法 # map数据获取链接： http://datav.aliyun.com/portal ......

快速实现 仿今日头条、网易新闻 tabs组件，根据文字多少自适应tab项宽度， 详情请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12560 代码如下: # cc-tabs 说明 tabs组件，根据文字多少自适应tab项宽度，支持自定义标题 ......

快速实现 简单好用列表分页组件, 分页器组件，用于展示页码、请求数据等 ，包含翻页。 详情请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12576 效果图如下: 代码实现如下: # 简单好用列表分页组件, 分页器组件，用于展示页码、请求数据 ......

快速实现树形结构图组件 tree组件，可拖拽移动，点击展开收缩，无限添加子集; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12650 效果图如下: 实现代码如下: # treeShapeStruct 树形结构图，可拖拽移动， ......

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、小票打印 目前市面上的小票打印机大多采用的打印指令集为ESC/POS指令，它可以使用ASCII码、十进制、十六进制来控制打印，我们可以使用它来控制字体大小、打印排版、字体加粗、下划线、走纸、切纸、控制钱箱等，下面以初始化打印机为例： ......

## 前言 vue2 截止 2023 年 12 月 31 日不再维护更新，将全面拥抱 vue3 了。 ## vue2 vue2 是一个实现 UI 层的渐进式 js 框架。vue2 本质是一个类，可以配置 options API 实例化为一个 vm 对象，通过模板编译处理成虚拟 DOM，对比更新后生成 ......

前端vue中实现文件下载的几种方法 原文链接：https://blog.csdn.net/weixin_46074961/article/details/105677732 第一种 前端创建超链接，通过a标签向后端发送get请求，需要给a标签添加一个download属性 这种写法是创造了一个a标签， ......

``` import { export_json_to_excel } from '@/utils/excel'; // 导出函数，可以根据实际项目结构进行引入 import XLSX from 'xlsx'; // xlsx 库 exportExcel() { const tableData = ......

### JS中最棒的数据结构：数组 ​ **数组是计算机科学中最常用的数据结构**。我们知道， 可以在数组的任意位置上删除或添加元素。然而，有时候我们还需要一种在添加或删除元素时有更多控制的数据结构。有两种数据结构类似于数组，但在添加和删除元素时更为可控。它们就是 **栈和队列**。 ​ 要开始学习 ......

视频直播源码，JavaScript 下载文件、图片 一、下载文件 let downLoadFile = (obj, name, suffix) => { const url = window.URL.createObjectURL(new Blob([obj])); const link = doc ......

# JavaScript 格式化金额 ## 一、使用 `toLocaleString()` 要格式化金额，可以使用 JavaScript 的 `toLocaleString()` 方法。该方法可以将数字转换为本地化的字符串表示形式，并可以指定货币符号、小数点和千位分隔符等格式。 代码如下： 1. 美 ......

先通过 npm 下载 Excel npm install xlsx -S 在需要数据的页面进行引入 import * as XLSX from "xlsx"; 以下这俩个方法直接复制粘贴，不需要改动. //导出excel相关函数 sheet2blob(sheet, sheetName) { //将文 ......

laytpl 是 Layui 的一款轻量 JavaScript 模板引擎，在字符解析上有着比较出色的表现。 laytpl是一款颠覆性的JavaScript模板引擎 文档说明 一、模版语法 输出一个普通字段，不转义html： {{ d.field }} 输出一个普通字段，并转义html： {{= d. ......

HTML 这个整理的也挺好的 https://www.cnblogs.com/suoning/p/5614372.html 1、HTML（结构）、CSS（样式）、JS（行为） 2、网页基本结构 <html> <head> <!-- 头部内容 --> </head> <body> <!-- 主体内容 ......

浏览器 1、浏览器： 用来检索、展示以及传递Web信息资源的应用程序 2、各种浏览器极其内核： Trident（应用于Internet Explorer）； Gecko（应用于Mozilla Firefox）； Presto（Opera 采用的是 Presto内核）； WebKit （应用于Appl ......

自己手写一个Filter来处理前台发送的请求： 对前台打来的请求进行设置，servletRequest.setCharacterEncoding("utf-8"); 然后放行，继续执行即可。 package com.gyh.web.filter; import javax.servlet.*; im ......