07 2023 档案
摘要：Vue3中采用EventBus方式进行组件间通信与Vue2有一定区别 1.创建EventBus 在Vue2中，我们可以在main.js中创建一个全局的EventBus，代码如下： // EventBus.js import Vue from 'vue' const EventBus = new Vu
阅读全文
摘要：FormData 您可以使用以下代码循环该对象并将其添加到formData对象中： const formData = new FormData(); const object = { "Policy": "eyJleHBpcmF0aW9uIjoiMjAyMy0wNy0yMFQwNjozMzoxMS4
阅读全文
摘要：JavaScript实现web端鼠标横向滑动&触控板滑动效果 支持鼠标拖动滑动&触控板滑动效果 web端实现滑动，就是对鼠标按下、鼠标松开、鼠标移动事件进行监听 效果图 代码 结构代码 <template> <div class="swiper"> <div class="container" re
阅读全文
摘要：async/await 的优势在于处理 then 链 单一的 Promise 链并不能发现 async/await 的优势，但是，如果需要处理由多个 Promise 组成的 then 链的时候，优势就能体现出来了（很有意思，Promise 通过 then 链来解决多层回调的问题，现在又用 async
阅读全文
摘要：SPA单页面的理解，它的优缺点分别是什么？ 是什么 SPA（ single page application ）仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。 一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转 而页面的变化是利用路由机制实现
阅读全文
摘要：Pinia官方文档 选项式api /* * @Author: Jackie * @Date: 2023-06-25 09:58:10 * @LastEditTime: 2023-07-24 17:32:25 * @LastEditors: Jackie * @Description: pinia *
阅读全文
摘要：样式调整 // formatter: '{a}: {b}<br />{c}: {d}: {e}' formatter: function (params) { // <i style="display:inline-block;border-radius:50%;width:4px;height:4
阅读全文
摘要：vue3中通过props传值给子组件并将props赋值给reactive用于页面回显，但是导致页面输入框无法修改回显的数据 在Vue3中，可以使用toRefs函数将传递来的对象转换成响应式对象的属性集合，而不是整个对象本身。如果需要将传递来的对象转换成普通对象，可以使用ES6对象的解构语法，将对象的
阅读全文
摘要：方式一 package.json 添加配置项 { { ... }, "proxy":"目标域名地址:端口号" } 重启react项目，此时，就可以进行代理转发。 在package.json中添加proxy后，当访问一个react项目不存在的路由地址时，会自动的转发到proxy对应的目标域名地址上。（
阅读全文
摘要：{ "hasRights": true, "amt": "0" } 可以使用Vue的计算属性来实现这个需求。首先，在data中定义hasRights和amt两个属性，然后定义一个计算属性result，根据hasRights和amt的值来计算出对应的结果。 示例代码如下： <template> <di
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} .wrap{ position: relative; width
阅读全文
摘要：v-viewer 安装依赖 npm install v-viewer --save main.js全局引入 import Vue from 'vue'; import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.css' Vue.use(V
阅读全文
摘要：请求的到数据结构 但是，前端需要的是name，value类型的对象格式 arrObj.map((item,index)=>{ return {name:item.x,value:item.y} })
阅读全文
摘要：有的时候给小程序页面设置背景颜色，但是有时候页面没有那么多数据量，没有撑满一屏，需要设置页面的高度为一屏高度 data: { height: 0, } /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { let that = this; wx.get
阅读全文
摘要：微信小程序路由跳转有个隐藏的坑，就是 wx.navigateTo打开新页面，最多只能打开10个，超过10个之后就没反应，控制台也不会报错。 方案一：简单粗暴…navigateTo不行，用redirectTo 小程序路由跳转的方式有五种，分别是wx.navigateTo（打开新页面，新页面入栈）、wx
阅读全文
摘要：上图表，展示的字体颜色是不同的，而且和名称之间是有间距 使用rich实现 const options = { textStyle: { rich: { orgname: { fontSize: 12, width: 100, }, count: { fontSize: 12 verticalAlig
阅读全文
摘要：Secure Shell （ SSH ）是一种加密网络协议，用于客户端和服务器之间的安全连接，并支持各种身份验证机制。基于密码的身份验证和基于公钥的身份验证是目前两种最流行的身份验证机制。 在本教程中，我们将向您展示如何设置基于 SSH 密钥的身份验证以及如何在不输入密码的情况下连接到 Linux
阅读全文
摘要：目的： 图片预加载能够使得用户在浏览后续页面的时候，不会出现图片加载一半导致浏览不流畅的情况。 方案一 项目打开的时候要对图片进行预加载，在App.vue里面的beforeCreate添加预加载程序 App.vue beforeCreate(){ let count = 0; let imgs =
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #box { position: relative; w
阅读全文
摘要：一、准备工作 1、点击下载PLSQL，本次安装的PLSQL版本为12.0.7，建议安装64位。 2、下载PLSQL时，版本旁边会有个“Language pack”的链接，点击后左侧选择“Chinese”即可下载汉化包。 3、注册码 PLSQL Developer 12.0.7 注册码 product
阅读全文
摘要：滚动到一定距离返回到顶部，使用 scrollIntoView 方法 Element.scrollIntoView方法滚动当前元素，进入浏览器的可见区域 该方法可以接受一个布尔值作为参数。如果为true，表示元素的顶部与当前区域的可见部分的顶部对齐（前提是当前区域可滚动）；如果为false，表示元素的
阅读全文
摘要：使用 <ShareDialog v-model="isShow" @onChangeDialog="onChangeDialog" /> import ShareDialog from './ShareDialog.vue'; const isShow = ref(false); const onS
阅读全文
摘要：一：marquee标签 实现循环滚动 滚动速度: scrollamount 这个 marquee 标签，并没有被W3C标准录入，也就是在未来的某个时候，它可能会被弃用，请慎用 在W3C标准中,规定功能性分离。分成为结构、样式、行为三个部分，这三个部分分别包括了，结构（xHTML、XML），样工（CS
阅读全文
摘要：我们使用wampserver集成服务器 （mamp） 使用wamp安装包 点击next进入下一步 注意，要选中第一个选项，之后继续next 选择安装路径 必须使用纯英文路径 选择第二个选项 创建桌面图标 下一步就是核实安装配置 点击install按钮即可安装Wamp的使用 启动wamp软件（小图标变
阅读全文
摘要：这里注意如果自己的页面有滚动条，一定阻止滚动事件的默认行为，否则缩放图片的时候，页面会跟着滚动@mousewheel.prevent 阻止默认行为 示例代码 <template> <div span="8" class="left" @mousewheel.prevent="rollImg"> <i
阅读全文
摘要：vue3项目，在使用refs获取节点，开发环境正常，生产环境报错 console.log(getCurrentInstance()) internalInstance.ctx, internalInstance.proxy 开发环境正常-生产环境报错 internalInstance.ctx 生产环
阅读全文
