小杨日记 - 及时当勉励，岁月不待人。

【置顶】逸一时，误一世

【null】https://api.oioweb.cn/api/common/yiyan

【null】https://api.qjqq.cn/api/Yi

【null】https://api.oioweb.cn/api/SoulWords

【孔子】已所不欲,勿施于人

【null】https://api.oioweb.cn/api/SoulWords

及时当勉励，岁月不待人。

随便逛逛

发表于2024-08-28Vue+Ts自定义封装日期组件

至于为啥不用组件库的日期组件而费劲的自己去封装一个勒？说多了都是泪，由于公司 UI 和常用的组件库的样式和一些操作交互有些差别，试了一通发现都不能实现业务需求，干脆手撸一个吧！先来看看实现效果吧话不多说直接上代码！ <template> <div class="date-picker relative" ref="date_picker"> <div class="input-date w-36 h-8 rounded overflow-hidden relative" :style="{ backgroundColor: '#2B2D3A' }" > <input type="text" class="border-none outline-none w-full h-full px-3" ...

发表于2024-08-28关于微信前端支付在微信环境如何支付

关于微信前端支付在微信环境如何支付我们都知道在微信环境中是无法直接使用 H5 支付的，需要调取微信浏览器一些相关 API 去唤醒支付,相关链接如下： https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6 注意：WeixinJSBridge 内置对象在其他浏览器中无效。 function onBridgeReady() { WeixinJSBridge.invoke( "getBrandWCPayRequest", { appId: "wx2421b1c4370ec43b", //公众号ID，由商户传入 timeStamp: "1395712654", //时间戳，自1970年以来的秒数 nonceStr: "e61463f8efa94090b1f366cccfbbb444", //随机串 package: "prepay_i ...

发表于2024-08-28Vue的依赖收集

让数据变得可观测我们都知道 Vue2 中是通过Object.defineProperty来实现的数据劫持，也就是让数据变得可观测例如： let car = {};let val = 3000;Object.defineProperty(car, "price", { enumerable: true, configurable: true, get() { console.log("price属性被读取了"); return val; }, set(newVal) { console.log("price属性被修改了"); val = newVal; },}); 依赖收集让 object 数据变的可观测。变的可观测以后，我们就能知道数据什么时候发生了变化，那么当数据发生变化时，我们去通知视图更新就好了。那么问题又来了，视图那么大，我们到底该通知谁去变化？总不能一个数据变化了，把整个视图全部更新一遍吧，这样显然 ...

发表于2024-08-28vue/cli创建项目＜template＞报错

启动项目就报这种错误一、首先在 vuter 插件中扩展设置中吧 template 勾选去掉(默认是勾选的)如下（示例）然后重启 vscode 如果还是不行的话下一步 "vueCompilerOptions": { "experimentalDisableTemplateSupport": true } 然后重启 vscode 就好了

发表于2024-08-28如何使用electron将web打包成exe桌面程序

如何使用 electron 将 web 打包成 exe 桌面程序首先安装依赖使用 npm或者 yarn安装 npm i electron@28.1.0 -D npm i electron-packager@17.1.2 -D 例如 index.html文件如下 <!DOCTYPE html><html> <head> <title>Hello World!</title> </head> <body> <h1>Hello Worl00d!</h1> We are usin000g io.js . </body></html> 在主文件夹创建一个 index.js文件 const { app } = require("electron");var BrowserWindow = require("electron").BrowserWindow; // 创建原生浏览器窗 ...

发表于2024-08-28React Native 的使用步骤-第一章（超详细）

React Native 作为一款可以开发可以媲美原生应用的框架，对于我们前端来说还是比较友好的附上官网地址：React Native 环境搭建这里我们就已Windows为例必须安装的依赖有：Node、JDK 和 Android Studio。 Node的安装这里就不做过多介绍，推荐大家使用nvm来进行安装node可以非常方便的切换node版本，附上链接 nvm下载地址) 下载完后我们使用nvm安装node18以上的版本接下来先下载一个rn的基础模板 npx react-native init MyTestApp JDk下载链接 JDK17(必须使用17哦) 低于 0.73 版本的 React Native 需要 JDK 11 版本，而低于 0.67 的需要 JDK 8 版本。然后javac -version查看是否安装成功，成功打印版本即成功集成 Android 开发环境首先下载 Android Studio 直链下载默认勾选的都先不用动，一路下一步直到看到欢迎界面，点击 Setting 找到Android Adk 选择 Android 10 然后点击 sho ...

Jenkins如何自动化部署前端项目(安装Jenkins)

Jenkins如何自动化部署前端项目(安装Jenkins)

置顶|发表于2023-08-01|📝前端🎨学习笔记

Jenkins 如何自动化部署前端项目1、安装 JDK 11 这里我们通过 yum 系统 Centos 8.4.64 首先，确保你的系统已经更新到最新的软件包列表。可以运行以下命令来更新软件包列表： sudo yum update 安装 JDK 11sudo yum install java-11-openjdk-devel 安装过程中，系统会提示你确认是否继续安装。输入Y并按下 Enter 键，然后等待安装完成。安装完成后，可以使用以下命令来验证 JDK 11 的安装：验证 Java 是否安装成功java -version 输出应该显示类似以下内容： openjdk version "11.x.x" 2021-XX-XXOpenJDK Runtime Environment (build 11.x.x+XX-XXXX)OpenJDK 64-Bit Server VM (build 11.x.x+XX-XXXX, mixed mode, sharing) 卸载 Jdk# 查看CentOS自带JDK是否已安装:yum list installed | ...

Jenkins如何自动化部署前端项目(2)

Jenkins如何自动化部署前端项目(2)

发表于2023-08-01|🎨学习笔记💻运维

Jenkins 如何自动化部署前端项目前置步骤我们都操作完了，这篇开始介绍 jenkins 的使用。话不多说，看操作(没安装的请看我主页有详细的安装教程) 1、登录进入 jenkins 后会让你选择安装插件，选择第一个默认的就行。 2、配置 JDK 和 Git 都需要执行路径，所以需要先把执行路径找到，先进入服务器的终端界面执行 JDK 的路径 echo $JAVA_HOME 如果是空记得先去设置 java 的环境变量 which java 查看 java 的安装路径 Git 的路径 which git 3、先配置 JDK 和 Git。点击：Manage Jenkins>>Global Tool Configuration 选择 JDK，别名随便填，JAVA_HOME 填写查询到 jdk 的路径选择 Git，Name 随便填 e 填写 2.2 查询到 git 的路径，配置完成后点击应用，在点击保存。安装插件安装插件，点击 Manage Jenkins>>Manage Plugins，点击可选插件安装 Gitee 插件，找到可选插 ...

数据库加载中