细节 模式js
js压缩命令
JS（JavaScript）的压缩可以使用不同的工具来完成。下面列举了两种常见的JS压缩命令及其对应的示例代码： UglifyJS2：这是一个流行的JS压缩工具，可通过Node.js运行。安装UglifyJS2后，可以在命令行中输入以下命令进行压缩： uglifyjs input.js -o out ......
解释器模式(interpretor)
1 #include <iostream> 2 #include <string> 3 #include <vector> 4 #include <stdio.h> 5 using namespace std; 6 7 //抽象的表达式对象以及Context对象 8 //用于保存计算的中间结果以及当 ......
基于fabric.js的图片编辑器, 画布背景实现原理
图片上传 使用了element-plus提供的图片上传el-upload组件 <el-upload :show-file-list="false" :auto-upload="false" :on-change="(e) => uploadImage(e, 'background')" > <but ......
设计模式之迭代器模式
1. 定义 在不暴露集合底层表现形式（列表、栈和树等）的情况下遍历集合中所有的元素 2. 口语化表述 假设某学校通知全校师生做核酸检测，要求应检尽检（即，每个人都要做） 现在，做核酸监测的工作人员已经到达现场，要求全校师生有序来检测 医护人员当然不知道全校师生怎么排序的，只关注每个人依次做检测并且要 ......
微信小程序或js中获取url参数
微信小程序扫普通链接获取url参数ps: 这里的方法跟 打开页面路径中的参数不一样哈.欢迎各位大神前来指点 文章目录微信小程序扫普通链接获取`url`参数方法一：方法二：方法三：使用微信小程序获取`页面路径`参数js中获取url参数方法一：可获取多个参数 /*** params1： url* par ......
js图片懒加载，在不做分页的情况下的解决方案
Intersection Observer API 1.注意点 一般都是后端返回数据， 用 this.$nextTick(() => { this.handleScroll(); }); 确保dom加载完成触发我们定制的handleScroll handleScroll() { const cont ......
[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、为了避免每次安 ......
Spring学习记录之GoF之代理模式
Spring学习记录之GoF之代理模式 前言 这篇文章是我第二次学习b站老杜的spring相关课程所进行的学习记录，算是对课程内容及笔记的二次整理，以自己的理解方式进行二次记录，其中理解可能存在错误，欢迎且接受各位大佬们的批评指正； 关于本笔记，只是我对于相关知识遗忘时快速查阅了解使用，至于课程中实 ......
【js手写】手写目录
实现防抖（debounce）和节流（throttle）函数 https://www.cnblogs.com/lishuxuan/p/17339575.html 实现call函数,apply函数,bind函数 https://www.cnblogs.com/lishuxuan/p/17339575.h ......
dremio+nessie+dbt+ cube.js 实现简单数据服务
以前我简单写过关于dremio与cube.js 集成的，随着dremio 官方自己维护了一个dbt 的adapter 以及nessie 方便的类似git 的多版本元数据服务的提供，将这几个集成在一起是一个很不错的选择，尤其是希望实现自己的headless bi 服务，同时利用dbt 强大的数据建模能 ......
少见但非常好用的js写法技巧。
1. 使用 flatMap 数组方法 flatMap() 本质上是 map()和 flat() 的组合，区别在于 flatMap 只能扁平1级，flat 可以指定需要扁平的级数，flatmap 比分别调用这两个方法稍微高效一些。 const arr = [1, 2, [4, 5], 6, 7, [8 ......
未经授权访问 .js
流程顺序：后台管理登陆地址 → 后台主页地址 → fuzz测试出用户管理列表接口 → 直接调接口。。全程黑盒。 那么接下来我逆着来推理下逻辑： 首先是拿到某后台管理登录的网址 接着查看html源码，发现首页地址，http://xxx/index 直接访问，访问302，然后大哥来了个骚操作！在url后 ......
Python实现软件设计模式8：桥接模式 Bridge Pattern
动机 将抽象部分与实现部分分离，使他们都可以独立地变化。用抽象关联取代传统的多层继承。将类之间的静态继承关系转换为动态的对象组合关系。 上图展示的软件系统中存在两个独立地变化维度，分别是抽象类（Abstraction）和实现类(Implementor)，它俩都是接口、都分别可以独立地扩展出多个子类。 ......
Python实现软件设计模式7：适配器模式 Adapter Pattern
动机 有两个不存在直接继承或关联关系的类A、B， A希望能利用到B类中某个已存在的、功能完善的方法，而不再去具体实现A的接口源码；适配器模式使接口不兼容的那些类可以一起工作。 主要角色 目标类 Target 抽象接口类 适配者 Adaptee 适配器 Adapter 具体实现接口 客户端 Clien ......
js 垃圾回收机制
一 、概述 垃圾回收机制是为了防止内存的泄漏（已经不需要的某一块内存还一直存在着），垃圾回收机制就是不停歇的寻找这些不再使用的变量，并且释放掉他所指向的内存。 2、变量的生命周期 变量被声明、赋值（修改）、读取、不需要时释放，是变量的生命周期。js中的变量分为局部变量和全局变量。局部变量在他当前的函 ......
IntelliJ IDEA Debug模式下结束后继续执行代码问题
1. 默认的配置 默认的Debug模式下点击Stop后会继续执行代码。 2. 设置不继续执行后续代码 Preferences -> Build,Execution,Deployment -> Debugger 找到Java那一栏下边可以看到 Kill the debug process immedi ......
js foreach
Array.prototype.myForEach = function (cb) { for (var i = 0; i < this.length; i++) { cb(this[i], i, this); } }; ......
ImageClipboard js粘贴剪切板图片，已测试，可用，可获得base64
ImageClipboard js粘贴剪切板图片，已测试，可用，可获得base64 具体用到自己项目的时候，拿源码改成自己的库，从写一遍 index.html <!DOCTYPE html> <html> <head> <!-- https://github.com/jorgenbs/ImageCl ......
js-基础实战
jquery中: $().val() //代表取值 $().val("") //代表清空 $().val("abcdefg") //代表赋值 $.trim()是jQuery库中的一个函数，用于删除字符串的首尾空格。 define 定义模块 (定义aes 未依赖任何 函数) 相当与返回i define ......
sparkLocal模式
Local模式的运行原理? Local模式就是以一个独立进程配合其内部线程来提供完成Spark运行时环境. Local 模式可以通过spark-shell/pyspark/spark-submit等来开启 bin/pyspark是什么程序? 是一个交互式的解释器执行环境,环境启动后就得到了一个Loc ......
推荐一个页面引导库 driver.js
页面引导功能是 web 开发中常见的一个功能。通过页面引导功能，你可以让用户第一时间熟悉你的页面功能。今天给大家推荐一个页面引导库 driver.js。 简介 driver.js 是一款用原生 js 实现的页面引导库，上手非常简单，体积在 gzip 压缩下仅仅 5kb。 我们来看下如何使用 driv ......
31-Scala-模式匹配
1. 模式匹配 Scala 中的模式匹配类似于 Java 中的 switch 语法，但是更加强大。 模式匹配包含一系列以 case 关键字打头的可选分支（alternative）。每一个可选分支都包括一个模式（pattern）以及一个或多个表达式，如果模式匹配了，这些表达式就会被求值。箭头符 => ......
js中反斜杠替换问题
在windows机器上，vscode复制完相对路径，路径为反斜杠 想在控制台用js将反斜杠替换为正斜杠，结果失败 js的字符串是不能直接写单个反斜杠的 let str = 'src\aaa\bbb\ccc' 实际上会变成 'srcaaa\bbbccc' 只有\b被保留，应该是当成正则原字符了，待验证 ......
Vue-Router: 如何使用history模式来实现无刷新路由？
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......