技巧reduce js
Maven常见问题与原理技巧
背景 目前项目中主流的都是使用maven等构建工具，当然在使用过程中也会遇到各种各样的疑惑或问题，比如： maven生命周期到底有啥用 jar包下载不了怎么办 不知道配置怎么配，下载jar包的顺序是什么 jar包冲突又是怎么解决 问的人多了，也就形成了大家的共性问题，这里基于这些问题，本文着重梳理下 ......
Next.js 开发指南 初始篇 | Next.js CLI
Next.js 开发指南 初始篇 | Next.js CLI 基础篇、实战篇、源码篇、面试篇四大篇章带你系统掌握 Next.js！ 前言 欢迎学习 Next.js！在学习具体的知识点之前，我们先来创建一个 Next.js 项目。创建了可运行的项目，才能在学习的时候边调试边理解，从而达到事半功倍的效果 ......
Next.js 开发指南 路由篇 | App Router
Next.js 开发指南 路由篇 | App Router 前言 路由（routers）是应用的重要组成部分。所谓路由，有多种定义，对于应用层的单页应用程序而言，路由是一个决定 URL 如何呈现的库，在服务层实现 API 时，路由是解析请求并将请求定向到处理程序的组件。简单的来说，在 Next.js ......
去年最火的 JS 开源项目「GitHub 热点速览」
去年最火的 JS 开源项目「GitHub 热点速览」 近日，「Best of JS」发布了过去一年在 GitHub 上 Star 数增速最快的 JavaScript 开源项目（2023 JavaScript Rising Stars），前 10 的开源项目 Star 增长竟然都是令人惊叹的 1.5w ......
GitHub常用搜索技巧
普通关键词搜索 搜索关键词为javascript的所有项目，可以搜索到数量为 2 百万的项目，数量庞大，不利于筛选。 高级搜索（添加限定词） 搜索写法 含义 in:name XXX 按照项目（仓库）名称搜索 in:description XXX 按照项目（仓库）描述搜索 in:readme XXX ......
JS常用工具：Webpack 和 JShaman分别有什么用？
Webpack和JShaman是两个不同的工具，它们的特点和用途也不同。 Webpack是一个前端资源模块打包工具，主要用于将各种静态资源（如JavaScript、CSS、图片等）视为模块，并将其打包成浏览器可以识别的代码。Webpack的特点包括： 1. 模块化：Webpack将各种资源视为模块， ......
这一次，弄明白JS中的文件相关（一）：概念篇
概念是学习的基础。在学习JS中的文件操作之前，先把文件相关的各种概念搞清楚，很有好处。 1. 二进制： 计算机硬件仅能处理和存储二进制数据，所以不管是你正在写的代码，还是你硬盘里的小姐姐，都是以二进制的形式存储于电脑的内存和硬盘里的。 2. 编码规则： 二进制计算机看得懂，我们看不懂怎么办啊？我们能 ......
js string转html节点
1、 var str = "<h1>这是一个标题</h1>"; var parser = new DOMParser(); var doc = parser.parseFromString(str, "text/html"); var html = doc.body.firstChild; 2、 c ......
一行代码解决Three.js中只能在一侧看到物体的问题
项目场景： 因为该项目比较复杂庞大，在此就简单介绍一下： 通过Three.js创建若干个物体进行了组装，从而形成了一个类似眼球模拟模型的项目，用户可以通过拖动鼠标来达到控制视角（摄像机）的目的，以此来观察整个眼球状态。 Image1 Three.js眼球模型 注：下面所说的正视为从红线正轴往瞳孔（黑 ......
UCB Data100：数据科学的原理和技巧：第十一章到第十五章
十一、恒定模型、损失和转换 原文：Constant Model, Loss, and Transformations 译者：飞龙 协议：CC BY-NC-SA 4.0 学习成果 推导出在 MSE 和 MAE 成本函数下恒定模型的最佳模型参数。 评估 MSE 和 MAE 风险之间的差异。 理解变量线性 ......
UCB Data100：数据科学的原理和技巧：第十六章到第二十章
十六、交叉验证和正则化 Cross Validation and Regularization 译者：飞龙 协议：CC BY-NC-SA 4.0 学习成果 认识到需要验证和测试集来预览模型在未知数据上的表现 应用交叉验证来选择模型超参数 了解 L1 和 L2 正则化的概念基础 在特征工程讲座结束时（ ......
UCB Data100：数据科学的原理和技巧：第一章到第五章
一、引言 原文：Introduction 译者：飞龙 协议：CC BY-NC-SA 4.0 学习成果 了解 Data 100 的总体目标 了解数据科学生命周期的阶段 数据科学是一个跨学科领域，具有各种应用，并且在解决具有挑战性的社会问题方面具有巨大潜力。通过建立数据科学技能，您可以赋予自己参与和引领 ......
UCB Data100：数据科学的原理和技巧：第六章到第十章
六、正则表达式 原文：Regular Expressions 译者：飞龙 协议：CC BY-NC-SA 4.0 学习成果 了解 Python 字符串操作，pandas Series方法 解析和创建正则表达式，使用参考表 使用词汇（闭包、元字符、组等）描述正则表达式元字符 这些内容在第 6 和第 7 ......
构造题技巧
人太蠢了，只能学点技巧了。 参考：https://www.luogu.com.cn/blog/yeah-potato/gou-zao-ti-fang-fa-zong-hui CF417E Square Table 要构造矩形，先考虑构造一行，然后推广到矩形。 CF1450C2 Errich-Tac- ......
js中的对象，如果赋值给多个变量，那么会有性能问题吗
js中的对象，如果赋值给多个变量，那么会有性能问题吗？ 在JavaScript中，将一个对象赋值给多个变量时，并不会直接导致性能问题。当一个对象被赋值给多个变量时，实际上这些变量都会引用同一个对象，即它们指向内存中的同一块地址。这种行为称为“对象引用”。 例如： const obj = { a: 1 ......
JS的常用验证正则
密码正则 密码必须为8到16位且必须包含数字和字母以及特殊字符 const pattern2 =/^(?!([A-Z]*|[a-z]*|[0-9]*|[!-/:-@\[-`{-~]*|[A-Za-z]*|[A-Z0-9]*|[A-Z!-/:-@\[-`{-~]*|[a-z0-9]*|[a-z!-/: ......
js使用XLSX前端导出excel
实现效果： 页面： 导出的excel： xlsx.core.min.js文件下载地址 xlsx 代码如下： <!DOCTYPE html> <html> <head> <title>HTML Template</title> <style> table { border-collapse: coll ......
js压缩命令
JS（JavaScript）的压缩可以使用不同的工具来完成。下面列举了两种常见的JS压缩命令及其对应的示例代码： UglifyJS2：这是一个流行的JS压缩工具，可通过Node.js运行。安装UglifyJS2后，可以在命令行中输入以下命令进行压缩： uglifyjs input.js -o out ......
基于fabric.js的图片编辑器, 画布背景实现原理
图片上传 使用了element-plus提供的图片上传el-upload组件 <el-upload :show-file-list="false" :auto-upload="false" :on-change="(e) => uploadImage(e, 'background')" > <but ......
一文带你了解Java8 Stream流处理中的收集器技巧
Java 8 引入的 Stream 极大地简化了集合数据的处理，提供了一种现代、函数式的方式来处理数据，本文将深入探讨 Java 8 Stream 中的收集器，希望对大家有所帮助 − 目录 什么是收集器（Collectors） 常见的收集器用法 通过 toList 将元素收集到集合中 通过 coun ......
微信小程序或js中获取url参数
微信小程序扫普通链接获取url参数ps: 这里的方法跟 打开页面路径中的参数不一样哈.欢迎各位大神前来指点 文章目录微信小程序扫普通链接获取`url`参数方法一：方法二：方法三：使用微信小程序获取`页面路径`参数js中获取url参数方法一：可获取多个参数 /*** params1： url* par ......
js图片懒加载，在不做分页的情况下的解决方案
Intersection Observer API 1.注意点 一般都是后端返回数据， 用 this.$nextTick(() => { this.handleScroll(); }); 确保dom加载完成触发我们定制的handleScroll handleScroll() { const cont ......
Gorm实战，轻松掌握数据库增删改查技巧！
Gorm实战，轻松掌握数据库增删改查技巧！ CRUD通常指数据库的增删改查操作，本文详细介绍了如何使用GORM实现创建、查询、更新和删除操作。 目录Gorm实战，轻松掌握数据库增删改查技巧！一、Create（创建）1.1 创建记录1.2 用指定的字段创建记录1.3 批量插入1.4 创建钩子1.5 根 ......
[Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".
这个警告是因为你提供了一个模板选项（template option），但在当前的Vue构建版本中不支持运行时编译。解决该问题的方法是将你的打包工具配置别名（alias）将 "vue" 指向 "vue/dist/vue.esm-bundler.js"。 具体来说，如果你使用的是Webpack或者vit ......
JS基础（一）引入方式，基本语法，数据类型，类型转换，原始类型和引用类型的区别
JS和python很像滴，好学，快快过一遍 一、JS引入方式 <script> // js 的代码 alert("hello alvin!") </script> 二、JS基本语法 打印console.log作为日志打印，在浏览器里f12检查，console可以看见。 区分大小写哦。 JS中可以用换 ......
node.js 安装与环境变量配置
一、安装node.js 官网：下载地址 历史版本：历史版本下载地址 下载完毕后，可以安装node，一路默认选项即可。这里我的安装路径是：D:\environment\nodejs。 建议不要安装在系统盘（如C：），建议安装的路径不要有中文。 二、设置nodejs prefix（全局）和cache（缓 ......
vue使用flexible.js 最大宽度只有540
分辨率大于540px的时候，flexible限制为540，一般的手机显示没有问题，但对于大于540的竖屏屏幕，可能右边就会留白。我想让横屏的时候限制在540，竖屏的时候根据页面实际宽度自适应，解决方法如下： 1、安装 npm install lib-flexible --save 2、为了避免每次安 ......
【js手写】手写目录
实现防抖（debounce）和节流（throttle）函数 https://www.cnblogs.com/lishuxuan/p/17339575.html 实现call函数,apply函数,bind函数 https://www.cnblogs.com/lishuxuan/p/17339575.h ......