时间简史

layout: posttitle: modern 入门tags: moderncategories: modern 官网建议全局安装 pnpm add -g @modern-js/create pnpm add @rspac...

layout: posttitle: docusaurus 入门tags: docusaurus documentcategories: docusaurus document 官网Rract 相关UI框架 Material-U...

layout: posttitle: docusaurus 入门tags: docusaurus documentcategories: docusaurus document 官网创建项目npx create-docusauru...

layout: posttitle: Rspack Rsbuild 入门tags: Rspack Rsbuildcategories: Rspack Rsbuild 环境准备####Node.js对于 Node.js，请安装 No...

在 Spring Boot 中实现离线英文数字和字母转语音（无需网络），可以使用本地 TTS 库（如 FreeTTS 或 eSpeak）。以下是基于 FreeTTS 的完整实现步骤：方法一：使用 FreeTTS（纯 Java 实现）1...

layout: posttitle: docker安装 tags: docker categories: docker windows linux 安装jenkins网上解释：jenkins是一个开源软件...

layout: posttitle: docker安装 tags: docker categories: docker windows linux docker安装开启hyper-vpushd "%~dp...

layout: posttitle: python虚拟环境配置tags: python envcategories: python#### 目录python -m pip --version查看安装pip的版本1.运行以下命令来创建...

layout: posttitle: vue element Calendar日历 tags: elementUi Calendar日历categories: elementUi Calendar 需求场景，日历控件显示 每一天的...

layout: posttitle: nvm丝滑切换nodejstags: nvm nodejscategories: nvm####  nvm安装的前提 现代化web开发避免不了各种版本的nodejs混用，因为开源项目的依赖版本...

layout: posttitle: 布局的常用方法tags: css 布局categories: css** 网格布局-grid 的常用方法 *** 一. CSS 网格布局模块（CSS Grid Layout Module）提...

layout: posttitle: sync修饰符的作用tags: vue 双向绑定categories: vue一. .sync语法糖visible.sync和v-if、v-showvisible.sync：双向绑定值。初始情况...

layout: posttitle: sync修饰符的作用tags: vue VueDraggablePluscategories: vue 功能强大的 Sortablejs 一直是前端领域比较知名的拖拽工具库，其实官方的 Vue...

layout: posttitle: 最近项目出现多版本node和npm兼容的常见问题tags: node npm webpack vitecategories:node npm版本查询node -v //查询node的位置wher...

layout: posttitle: scss使用的常用方法tags: css scsscategories: scss** scss的技巧 *** 一. for的使用 @for在制作网格系统的时候，大家应该对 .col1~.col...

layout: posttitle: 微信小程序自定义tabbartags: 小程序 原生微信开发categories: 微信小程序开发** 微信小程序自定义tabbar* 微信官方对于底部的导航称之为tabbar，当然它也可以设置上面去

layout: posttitle: 桌面软件开发 electrontags: 桌面软件开发 electroncategories: 桌面软件开发 electron方式1：进入Git命令行窗口，然后输入如下命令。$ npx creat...

layout: posttitle: 微信小程序自定义导航栏tags: 小程序 原生微信开发categories: 微信小程序开发** 微信小程序自定义tabbar* 开启sass支持 project.config.json“us...

layout: posttitle: Vitetags: Vite package categories:Vite1.创建一个 Vite 新项目就比较简单```npm install vite使用 NPM: $ npm init v...

** 通用脚手架 ** 本脚手架主要方便个人开发，常用的项目脚手架个模板自己封装便于使用，在企业中节约重复造轮子的时间，包含VUE脚手架常用的插件功能，其实就是提升复用率，目前完成了VUE3的PC端模版 npm i manix-s...

免费激活Idea之热部署插件JRebel，解决连接失败报错JRebel是一个实用的插件，它可以让你在不重启服务器的情况下，修改Java程序并即时生效。相信大家都有这样的经历：每次修改代码后都需要重新编译、打包、部署，然后重启服务器，这...

题目1:数组查找指定和的下标 ``` 输入：nums = [2,7,11,15], target = 9 输出：[0,1] 解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1] 。*** 尝试双层...

1.前端模块化打包初识commonjs语法形式> user.jsconst login = function(formData){ console.log("logoing") return {}}const registe...

var body = document.body; body.addEventListener("click",async function(){ var stream = await navigator....

** 如何检测对象变化？ **由于 JavaScript特性的限制，Vue.js不能检测到对象属性的添加或删除。因为Vue.js在初始化时将属性转化为 getter/setter，所以属性必须在data对象中定义，才能在...

** 常用的API ***一、下面是 Proxy 支持的拦截操作一览，一共 13 种。get(target, propKey, receiver)：拦截对象属性的读取，比如proxy.foo和proxy['foo']。set(targ...

layout: posttitle: javascript ES5事件委托tags: javascript ES5categories: ES5** javascript ES5事件委托* 何为事件委托，其实就是事件代理，...

其实挺简单 _config.yml 全局配置文件 _posts 放置博客文章的文件夹 img 存放图片的文件夹** _config.yml参考 **defaults: - scope: path: "" ...

HTML、CSS相关HTML5HTML5新特性增强了表单，input新增了一些type：color—-定义调色板tel—–定义包含电话号码的输入域email—定义包含email地址的输入域search–定义搜索域number–定义包含...

起因 其实近两年使用VUE场景多起来了我就想着把手上的项目都使用Vue重构一下，这样一看，我算是一个完美主义者吧，哈哈^__^ 这个项目其实也是之前的老项目基于ryby jekyll Liquid 模板解析的一个静态博客，其实经历...

### github本地关联远程秘钥1、 进入到你当前用户的根目录的.ssh文件夹下。如我的地址是C:\Users\manixchen.ssh2、 查看是否存在秘钥文件。文件名称为：id_rsa和id_rsa.pub3.1 生成秘钥...

### markdown语法 超链接 [链接名称](链接地址)或者<链接地址> 这是一个链接 新浪新闻 https://news.sina.com.cn/ 高级链接 [1]: http://...

为什么我要用这么不知名的语言写这个系统 好奇心驱使，热爱新鲜技术，希望避免重复性劳动 复用率高，每天写写markdown日记便可以同步到github 学的东西都来自开源，总的回馈点什么 ...

一、 ** webpack安装配置 ，纯手动，官网提供了脚本这里不做介绍** npm install nodemon -gnodemon可以替代node 来观察代码更改并自动 启动关闭程序全局安装即可，后续使用命令nodem...

layout: posttitle: pinia多种使用方法tags: piniacategories:pinia1.store import { ref, computed } from 'vue' import { ...

layout: posttitle: css兼容问题tags: css 兼容categories:css 兼容 因为浏览器厂商众多，采用的浏览器内核各不相同，所以对CSS语法支持的程度也各不相同，有的可能是语法不支持，有的可能是语...

** 初始化 **npmnpm init vite@latest​yarnyarn create vite​pnpmpnpm create vite** 初始化项目架构 ***你还可以通过附加的命令行选项直接指定项目名称和你想要使用的...

Props管理Props管理对Vue组件至关重要，因为它可以以不同的方式创建。您还可以验证Prop、创建多个Prop并根据需要修改它们。要在Vue组件中创建新属性，您可以通过几种不同的方式来实现。假设你有你的组件，你需要创建Prop：...

layout: posttitle: ngrok免费实现内网穿透tags: ngrok 内网穿透categories:ngrok 内网穿透1.什么是ngrok？ngrok是一个全球分布的反向代理，无论您在哪里运行，它都能保护、保护和...

layout: posttitle: jquerytags: javascript jquery categories:jquery1.JQuery一个对象可以同时绑定多个事件，这是如何实现的？jQuery链式操作如何实现以及为什么...

layout: posttitle: Promisetags: javascript Promise categories:Ajax Promise 1.Promise 的基本概念 ES6 将其写进了语言标准里统一了用法，是一个构造...

CSS允许文本内容换行显示的方法有：1.使用white-space属性：white-space属性可以控制文本内容的换行显示，它有三个值，分别是normal、nowrap和pre，normal表示换行显示，nowrap表示不换行显示，...

layout: posttitle: 移动端兼容tags: 移动端兼容categories: 移动端兼容 移动端的兼容问题给移动端添加点击事件会有300S的延迟 如果用点击事件，需要引一个fastclick.js文件，解决300s的...

layout: posttitle: ajax tags: javascript ajax categories: javascript ajax 1.什么是ajax：异步javascript和XML。同步是指：发送方发出数据后，等...

* 简单介绍 ***Lodash 能够大幅度提高前端 JavaScript 编程的效率和可读性，使得代码编写更加快捷、简洁、易懂。如果你还没有使用过 Lodash，建议尝试使用它来优化你的项目，提高开发效率。向大家介绍或简单的展示...

在这个容器化包管理时代，前端打包工具等满天飞的时代想必你也会比较感兴趣这个话题(Webpack,Rollup,RequireJS,browserify)很多小伙伴估计都没有听说过这个名词，打包工具其实就是将做好的程序用用户可以看到的方...

话不多说直接上代码,自定义控件管理音乐播放，同样原理可以实现播放器状态，进度条都可以，写代码就是需要思路和反复的锤炼，不妨试试手 由于浏览器策略问题，自动播放现在基本上大部分浏览器不支持，在浏览器底层已经加了防爬虫机制，也是出于资源...

I、软件包安装nodejs》路径：E:\nodejs安装git》路径：E:\git1、查看npm全局相关配置npm config ls修改配置》2、设置npm包安装位置npm config set prefix “E:\AAHuanj...

设计模式的定义：在某情境下，针对某问题的某种解决方案。但是满足此定义的方案并不一定是设计模式，设计模式要求解决方案必须是可复用的。设计模式的作用大体上是：优化结构，消除依赖，将面向过程转为面向对象。按照功能，一般可以将设计模式分为创建...

Java RMI 指的是远程方法调用 (Remote Method Invocation)。RMI能够让在某个 Java 虚拟机上的对象调用另一个 Java 虚拟机中的对象上的方法, 其威力体现在它强大的开发分布式网络应用的能力上，它...

我们知道，web浏览器会将form中的内容打包成HTTP请求体，然后发送到服务端，服务端对请求体解析后可以得到传递的数据。这当中包含两个过程：encode与decode。 HTTP UrlEncode UrlDecode 方案...

概述Spring Security这是一种基于Spring AOP和Servlet过滤器的安全框架。它提供全面的安全性解决方案，同时在Web请求级和方法调用级处理身份确认和授权。在Spring Framework基础上，Spring ...

BeanValidation 可以帮助开发者方便地对数据进行校验，但它只是一个标准，只有一套接口，要想使用它的功能必须选择一种实现，hibernate-validator是个不错的选择<dependency> <...

在java中如何解析json？fastjson？jackson？那未免太无趣了其实我们可以试试ScriptEnginepublic class NashornTest { private static String json =...

在java中进行SQL拼接是一件无比痛苦的工作，这是由于需要通过判断参数动态生成SQL而且拼接时产生满屏幕的加号或者append，使SQL几乎失去了可读性，那么丢失WHERE，AND，逗号等语法错误将随之而来最近研究mybatis时发...

话不多说，直接上源码，用了传说中的伪面向对象写法加了个jsonp用来跨域，当然了，需要服务端支持才有效(function(){ var WT = { ID_SEL:'#', CLA_SEL:'.', ...

在JS中，当内部的方法被其他对象引用，如果内部的方法使用了外部方法的变量，将造成外部方法无法释放，变量将被保持，此时将形成闭包。看一个例子<a href="#" id="closureTest1">闭包测试1</a&...

WSDLdefinitions 为根节点，属性为 name：WS 名称，默认为“实现类 + Service” targetNamespace：WS 目标命名空间，默认为“WS 实现类对应包名倒排后构成的地址”definitions...

#1 语言新特性##1.1 Lambda自动推测形参类型eArrays.asList( "a", "b", "d" ).forEach( e -> System.out.println( e ) );指定形参类型eArrays....

线程拥有通过程序运行的独立的并发路径，并且每个线程都有自己的程序计数器，称为堆栈和本地变量。线程存在于进程中，它们与同一进程内的其他线程共享内存、文件句柄以及进程状态。JDK 5.0 中的并发改进可以分为三组： JVM 级别...

##1.直接插入排序基本思想：在要排序的一组数中，假设前面(n-1) [n>=2] 个数已经是排好顺序的，现在要把第n个数插到前面的有序数中，使得这n个数也是排好顺序的。如此反复循环，直到全部排好顺序。/** * 形象描述:踢馆...

#一、走近JAVA##第一章、走近JAVAjava技术体系###1.1 jdk1.7的主要特性G1收集器JSR-292对非JAVA语言的调用支持ARM指令集?Sparc指令集?新语法：原生二进制(0b开头)，switch支持字符串，”...

#一 创建和销毁对象##1.考虑用静态工厂方法代替构造器静态工厂方法的优势：1.有名称，可以见名知义了解获取对象的特点2.不必每次调用时都创建一个对象3.可以返回原类型的任何子类型对象4.创建参数化类型实例时，可以使代码更简洁(右边无...

##登陆-p指定主机的端口$ ssh -p port user@host默认端口为22$ ssh user@host默认使用本机用户名$ ssh host##过程 远程主机接收到用户的登陆请求，把自己的公钥发给用户 ...

为了减少工作量，开发者往往喜欢将相同的特性放入超类，通过继承实现代码共享例如web项目中常见的BaseDao<T>，并使用泛型对参数与返回值类型进行约束某些情况下，我们可能需要获得真实的类型参数，也就是T的真实类型首先，沿...

#产品 Adobe® Flex™ SDK Adobe® Flex™ Builder™ Adobe® Flex™ Data Services Adobe® Flex™ Charting...

本文的目的是简要说明如何编写一个文件上传组件，使他的功能类似 commons-fileupload, 并在结尾处提供了完整代码的获取方式。#HTTP本文讨论的是基于 HTTP 协议的文件上传，下面先来看看 HTTP 请求的真面目。首先...

Java 中的锁是可重入的，当线程试图获得它自己占有的锁时，请求会成功。这样使用synchronized并不会造成死锁public synchronized void test(){ //do something sync...

####1.生成秘钥库keytool –genkey –keyalg 算法(通常用RSA) –dname "cn=服务器名, ou=组织单位名, o=组织名, ...

#分类IP通过地址开头判断类型，将以 0，10，110 开头的地址分为ABC三类将ip转换成十进制后A类地址第一个字节在 0 - 127 之间，B类地址第一个字节在 128 - 191 之间C类地址第一个字节在 192 - 223 之...

XML 文档可以包含非 ASCII 字符，为了避免错误，需要规定 XML 编码，或者将 XML 文档存为 Unicode，两者需要保持一致。必须包含根元素，该元素是所有其他元素的父元素。所有元素都必须有关闭标签对大小写敏感属性值须加引...

抛开二进制不谈，我们先来看看10进制假设世界上没有负号且数字最大只有3位，我们要把 0～999 分成两部分，一部分表示负数，一部分表示正数，而且不影响他们的运算规律，应当如何去做？首先，最大的负数加上一等于零，那么用999表示最大的负...