置顶逸一时,误一世
【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
及时当勉励,岁月不待人。
随便逛逛
Vue+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" ...
关于微信前端支付在微信环境如何支付
关于微信前端支付在微信环境如何支付我们都知道在微信环境中是无法直接使用 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 ...
Vue的依赖收集
让数据变得可观测我们都知道 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 数据变的可观测。变的可观测以后,我们就能知道数据什么时候发生了变化,那么当数据发生变化时,我们去通知视图更新就好了。那么问题又来了,视图那么大,我们到底该通知谁去变化?总不能一个数据变化了,把整个视图全部更新一遍吧,这样显然 ...
vue/cli创建项目<template>报错
启动项目就报这种错误 一、首先在 vuter 插件中 扩展设置中吧 template 勾选去掉(默认是勾选的)如下(示例) 然后重启 vscode 如果还是不行的话 下一步 "vueCompilerOptions": { "experimentalDisableTemplateSupport": true } 然后重启 vscode 就好了
如何使用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; // 创建原生浏览器窗 ...
React 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 ...
如何让部署Qexo后台
CSS实现圆环进度条
如何优雅的更改node_modules的源码
JS实现烟花特效
js实现将多张图片合成gif
小程序中如何将将图片下方加上文字并保存
React Native 的使用步骤-第三章(自定义Tab)
React Native 的使用步骤-第二章(页面导航传参)
React Native 的使用步骤-第一章(超详细)
Tauri开发的程序,使用github action快速跨平台编译并发布流程,包括Windows、mac
全部分类所有标签
留言信箱