细节 模式js
js的this指向
在JavaScript中,this 是一个特殊的变量,它引用了调用对象。它的指向在不同的上下文中有不同的变化。以下是一些常见的 this 指向的情况: 1.全局上下文:在全局作用域中,this 指向全局对象。在浏览器中,这通常是 window 对象。 console.log(this); // wi ......
JS 日期与毫秒之间互相转换
时间戳(Unix/Linux timestamp)转换工具—在线转换毫秒时间戳工具 (toolscat.com) Date()函数:该方法返回日期的毫秒表示(毫秒数精确到毫秒) 1. 毫秒转日期: // 2023-3-25 格式 new Date(1679673600000).toLocaleDat ......
Java 工厂方法设计模式
需求: Pizza 有以下几个方法 prepare() 准备食材 bake() 烘焙 cut() 切割 box() 装盒 现在有2种披萨且和2地区有关,成都地区第一种是CDApplePizza,第二种是CDCheesePizza。北京地区的BJApplePizza和BJApplePizza。 Piz ......
api下的 user.js 主要是从前端页面获取的接口
import request from '@/utils/request' // 登录接口 export function login(data) { return request({ url: '/vue-element-admin/user/login', method: 'post', dat ......
store下的 moudles 下的 permssion.js文件 主要是对路由规则的生成进行解释
import { asyncRoutes, constantRoutes } from '@/router' /** * Use meta.role to determine if the current user has permission * @param roles * @param rou ......
router下的 index.js 对路由进行分析
// 引入vue import Vue from 'vue' // 引入vue-router import Router from 'vue-router' // 路由就是一个插件 需要use Vue.use(Router) // 引入layout组件 很重要 // 一级路由出口 匹配layout组 ......
permission.js 主要是对权限管理进行分析
// 引入路由 import router from './router' // 引入仓库 import store from './store' // 引入ElementUI中的提示组件 message import { Message } from 'element-ui' // 引入nprog ......
vue-element-admin-master 代码解释 带注释——main.js
// 引入vue import Vue from 'vue' // 映入js-cookie // 是用来操作cookie 后端返回的token就存储在cookie中 import Cookies from 'js-cookie' // 引入重置样式 import 'normalize.css/nor ......
Java 简单工厂模式
需求: Pizza 有以下几个方法 prepare() 准备食材 bake() 烘焙 cut() 切割 box() 装盒 现在有两种披萨,第一种是ApplePizza,第二种是CheesePizza。 PizzaStore有点单系统Order(pizzaType) 根据pizza type去制作对应 ......
JS获取302重定向后的地址
使用fetch API来发送一个HTTP请求,然后获取response.url属性 fetch('原始URL') .then(function(response) { if (response.ok) { var redirectedURL = response.url; console.log(r ......
JS获取URL字符串中的参数
// 获取完整的URL字符串 var url = window.location.href; // 获取URL字符串中的参数部分 var params = url.split('?')[1]; // 将参数部分按照&符号分割成数组 var paramsArray = params.split('&' ......
js一道try...catch的面试题
说到try...catch都觉得非常熟悉了,不就是用来捕捉代码块中的错误嘛,平时也用得比较多的。然而因为了解不够多,我的面试却栽在了一个简单的知识点上:try...catch只能捕捉到同步执行代码块中的错误。 题目是:以下代码有错吗?如果有错,应该如何改正? try { setTimeout(() ......
js字符串,取得文件扩展名
解决方法 1: 正则表达式 function getFileExtension1(filename) { return (/[.]/.exec(filename)) ? /[^.]+$/.exec(filename)[0] : undefined; } 解决方法 2: String的split方法 ......
Java实现单例模式
饿汉式 静态常量饿汉式的优点是:在类装载的时候就完成实例化,没有达到Lazy Loading的效果,并且避免了线程同步问题。 它的缺点是:如果从始至终从未使用过这个实例,则会造成内存的浪费。 public class adaDemo3 { public static void main(String ......
wiki.js知识库搭建记录
1. 部署环境 系统版本: OpenEuler22.03-LTS2 wiki.js版本:docker版 安装docker yum -y install docker 安装docker-compose curl -L https://github.com/docker/compose/releases ......
前端md5 js加密
cdn地址 <script src="https://cdn.bootcss.com/blueimp-md5/2.12.0/js/md5.min.js"></script> 使用 var hash = md5('value') // "2063c1608d6e0baf80249c42e2be5804 ......
flutter常用的设计模式
单例模式(Singleton Pattern): 确保一个类只有一个实例,并提供一个全局访问点。 工厂模式(Factory Pattern): 定义一个创建对象的接口,但将具体的实例化过程交给子类来完成。 抽象工厂模式(Abstract Factory Pattern): 提供一个创建一系列相关或相 ......
两全其美:Sidecarless 与 Sidecar 模式融合的服务网格新形态
本文基于 2023 云栖大会上关于阿里云服务网格 ASM 产品技术最新进展分享的实录,来自阿里云云原生产品线服务网格团队的史泽寰、尹航同学将用 4 个部分,为读者介绍 ASM 如何落地这种 Sidecarless 和 Sidecar 模式融合的服务网格新形态,以及服务网格的 Serverless 化... ......
Node.js+Express+Koa2开发接口学习笔记(三)
数据库操作(创建和增删查) 使用Navicat快速创建myblog数据库 创建表 使用navicat快速建表 使用sql语句进行简单的查询 -- show tables; -- 显示该数据库中的所有表 INSERT INTO users(username,`password`,realname) V ......
创建一个双模式跨运行时的 JavaScript 包
本文将指导你发布双模式、跨运行时的 JavaScript 包。了解如何创建与 ESM 和 CommonJS 以及 Node.js、Deno 和浏览器等不同运行时兼容的库。 随着 JavaScript 开发的不断发展,人们越来越需要能在多种环境中运行的强大依赖包。在本文中,我们将探讨如何发布跨运行时、 ......
Python+Selenium4自动化之JS属性
应用场景 在自动化中, 能对JS代码进行增、删、改的话,可以帮助我们解决很多问题, 如:修改<a>标签的target属性,让它不打开新的窗口(_blank),从而不用频繁使用switch_to进行窗口之间的切换。 如:日期的输入框被锁定无法直接输入,需要点开日历控件后,从日历控件上点击日期,这时就可 ......
JAVA设计模式(三)-原型
JAVA设计模式(三)-原型 本篇文章主要讲下java 创建型设计模式中的原型模式. 何谓原型模式: 简单来说就是 将一个对象作为原型,通过对其进行复制而克隆出多个和原型类似的新实例。 使用原型模式,就可以简化实例化的过程, 不必依赖于构造函数或者new关键字. 由于java 提供了clone方法, ......
JAVA 设计模式(一) - 单例模式
JAVA 设计模式(一) - 单例模式 本篇文章主要讲下android 创建型设计模式中的单例模式. 单例模式保证一个类只有一个实例,并提供一个访问该实例的全局节点. 它的实现有多种实现方式: 1: 饿汉式 饿汉式:类加载时就创建实例 . 不支持延迟加载实例 public class Singlet ......
JAVA设计模式(二)-简单工厂
JAVA设计模式(二)-简单工厂 本篇文章主要讲下java 创建型设计模式中的简单工厂模式. 简单工厂模式又叫 静态工厂方法模式(Static FactoryMethod Pattern),是通过专门定义一个类来负责创建其他类的实例,被创建的实例通常都具有共同的父类。 1:定义接口 public i ......
Unity单例模式
单例模式通常用于生成单一管理者,例如假设游戏只能有一个玩家,那么就可以将玩家的控制器作为一个单例存在使用。或者场景控制,也可以作为一个单例来使用。 //BaseManager.cs using System.Collections; using System.Collections.Generic; ......
Ubuntu系统进入单用户模式
启动Ubuntu系统时在显示Ubuntu机界面时按住shift,随后会进入,选择Ubuntu高级选项 进入内核选择,选择最新版本且后面带有recovery mode的一行,直接按e进入编辑模式 进入这个界面后控制光标找到上面红框中的ro,把ro改成rw,然后按CTR+X启动 在出现的7个选项中选择r ......
js 把对象存入数组中
js 把对象存入数组中 var params = []; var info= { "张三" : "21", "李四" : "32", "王五" : "14", "小红" : "31", "小兰" : "24", "王明" : "22", }; for ( var key in info) { var ......
调停者(中介)模式
#include <iostream> #include <string> using namespace std; class Colleague; class Mediator { public: //对象在自身改变的情况下,通知Mediator进行变更 //让我们Mediator这个总线,负责 ......
JS逆向快速定位关键点之通用hook脚本
大部分网站都会对关键参数进行加密,JS 逆向时,我们首要任务是定位参数具体的加密逻辑。 常见方式包含:关键字搜索、堆栈调试、XHR 及事件监听、AST 内存漫游、JS Hook 注入等 本篇文章以 JS Hook 注入 为切入点,在做JS逆向往往需要定位到一些关键参数位置去分析,比如Cookie、S ......
VUE3 + Three.js 坑
VUE3 + Three.js 坑 1. 问题描述 将scene、camera、renderer、controls等变量用reactive变成响应式时,页面渲染会报错: three.module.js?5a89:24471 Uncaught TypeError: 'get' on proxy: pr ......