前端 终端 实战vue
HBuilder+vue开发微信小程序webview与H5通信
需求：在h5页面点击提交按钮后，小程序需要返回上一页 前提：webview打开的url需要用小程序账号登录微信公众平台设置业务域名H5： 1.运行命令安装一下这个包 npm i wexin-js-sdk 2.引入到需要使用的页面 3.postMessage通信 小程序： 2023年8月30日2023 ......
前端：轮播图
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
vue粒子特效插件的使用——vue-particles
1、 安装vue-particles插件 npm install vue-particles --save 2、在main.js引入插件 import Vue from 'vue' import VueParticles from 'vue-particles' Vue.use(VueParticl ......
【校招VIP】前端算法考点之快慢指针题型
考点介绍： 链表是校招面试里手撕代码出现频度比较高的题型，三线和中小厂会考察简单的链表反转，大厂会进一步考察复杂度和双指针问题，比如中间元素、是否存在环等。 一、考点题目 1.一个长度为n的单向链表，用O(1) 空间复杂度来实现倒转输出，使用最低时间复杂度 解答：单向链表，直接设结点 Node he ......
Vue3中watch的用法
在Vue3中，watch 选项的用法与之前版本的Vue略有不同。Vue3中使用了Composition API，在组合式API中，watch 选项被替换成了一个新的函数 watchEffect 和一个新的函数 watch。下面是关于 watchEffect 和 watch 的用法说明： watch ......
vue菜单组件中图标跟随菜单高亮变化颜色
#### 问题 在vue左侧菜单中，使用设计师的svg图标有时候不能跟随菜单高亮而改变颜色 未高亮时显示灰色 ![image](https://img2023.cnblogs.com/blog/2248381/202308/2248381-20230830100424270-1668796287.p ......
前端的一个小小的：倒计时
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
vue3中使用arcgis
## 安装 **@arcgis/core方式** 通过[@arcgis/core](https://developers.arcgis.com/javascript/latest/typescript-setup/)加载地图资源，默认是半本地化的，因为 assests 资源是通过 https://j ......
vue2.0截图 html2canvas or dom-to-image 并解决openlayers截图空白问题
1.版本 "dom-to-image": "^2.6.0", // or "html2canvas": "^1.4.1", 2.引入 import domtoimage from 'dom-to-image'; // or import html2canvas from 'html2canvas'; ......
aspx.cs后台如何把datatable显示在前端页面
aspx.cs后台如何把DataTable数据显示在前端页面 1.首先我们在前端的aspx文件中，写一个带有 asp:Repeater控件的table 注意：一定要给asp:Repeater控件写一个ID，我们是通过这个id赋值的。 2.这个方法无论数据是DataTable格式的，还是List格式的 ......
GitHub Actions CI/CD 工作流实战
## 1. 什么是 GitHub Actions 与 workflow ？ GitHub Actions 是 GitHub 提供的一种持续集成（CI）和持续部署（CD）的工具，用于自动化软件开发过程中的各种任务和工作流。GitHub Action Workflow 是一组定义在存储库中的自动化任务， ......
java与es8实战之五：SpringBoot应用中操作es8(带安全检查：https、账号密码、API Key)
### 欢迎访问我的GitHub > 这里分类和汇总了欣宸的全部原创(含配套源码)：[https://github.com/zq2599/blog_demos](https://github.com/zq2599/blog_demos) ### 本篇概览 - 本篇是《java与es8实战》系列的第五 ......
js前端excel导出带图片(亲测可用)
1，js-table2excel npm包有问题，导出后一片空白 2，改写一下js-table2excel /* eslint-disable */ let idTmr; const getExplorer = () => { let explorer = window.navigator.user ......
iview Cascader loadData Vue
<template> <div> <Card dis-hover> <div class="page-body"> <Form ref="queryForm" :label-width="90" label-position="left" inline> <Row :gutter="16"> <Co ......
k8s-nginx实战部署1
[TOC] ## yaml 资源清单 deploy.yaml ```yaml apiVersion: v1 kind: ConfigMap metadata: name: api-proxy-config-offline-map data: api_proxy.conf: | server { li ......
一打开终端就默认进入conda的base环境，取消方法
conda版本：4.10.3 安装conda之后，在使用VSCode的时候，每次在里面使用powershell终端都是默认进入base环境，稍不注意就会用错python解释器，所以考虑取消这一设置。经过查看官方文档和自己尝试，有两种方法。 法一：在终端修改配置conda官方文档中有conda con ......
c++并发编程实战-第1章 c++并发世界-读书笔记
前言 c++11开始支持多线程，使得编写c++多线程程序无需依赖特定的平台，使开发者能够编写可移植的、行为确定的多线程程序代码。 什么是并发 所谓并发，是两个或多个同时独立进行的活动。而计算机中的并发，是指同一个系统中，多个独立活动同时进行。 对于单核处理器，在同一时刻，只能处理一个任务，操作系统将 ......
一台云服务器一个域名下，如何运行多个JAVA后端项目和多个VUE前端项目
拿若依前后端分离版项目举例： 修改前端代码 ruoyi-ui/vue.config.js // 二级目录名称ruoyi-ui publicPath: '/ruoyi-ui/', ruoyi-ui/src/router/index.js export default new Router({ mode ......
辰信景云终端安全管理系统 login SQL注入漏洞
## 漏洞描述 辰信领创 辰信景云终端安全管理系统 login存在 SQL注入漏洞，攻击者通过漏洞可以获取数据库敏感信息 ## 漏洞复现 fofa语法：`"辰信景云终端安全管理系统" && icon_hash="-429260979"` 登录页面如下：  检查某个值是否为 ref。 unref() 如果参数是 ref，则返回内部值，否则返回参数本身。这是 val = isRef(val) ? val.value : val 计算的一个语法糖 toRef() 可以将值、refs 或 getters 规范化为 refs (3.3+) ......
Vue 时间插件 moment 使用
下载安装 npm install moment -s 全局方法 main.js 里面注册生成 import * as moment from 'moment' Vue.prototype.$moment = moment 全局过滤器 全局过滤器实现日期格式化 // 用法：1.{{ item.time ......
vue——前后端实现SM4加解密
参考： 1.VUE + Springboot + SM4前端加密 后端解密 https://www.cnblogs.com/caoxwen/p/16179683.html 前端 1.引入gm-crypt npm install gm-crypt 2.封装js sm4Util.js const SM4 ......
数据可视化【原创】vue+arcgis+threejs 实现海量建筑物房屋渲染，性能优化
本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 先报备一下版本号 "vue": "^2.6.11" "@arcgis/core": "^4.21.2" "three": "^0.149.0" 语法：vue，ES6 其实现在主流很多海量建筑渲染的方案是加载3DTiles ......
Vue3 watchEffect()
watchEffect()函数的作用是接收函数作为参数，并立即执行该函数，当该函数依赖的数据发生变化时，重新运行该函数。 <template> <span> <p>{{num}}</p> <button @click="btnFn">+1</button> </span> </template> < ......
vue2父子组件传值
在Vue中，父子组件之间有多种方式可以进行数据的传递。以下是两种常见的父子组件传值方式的详细代码和讲解： 1. 使用props进行属性传递： - 父组件通过在子组件标签上绑定属性，将数据传递给子组件。 - 子组件通过在props对象中定义属性来接收父组件传递的属性，并在组件内部使用。 父组件： `` ......
Vue3 readonly()
readonly()函数的作用是接收一个对象，其可以是普通对象，也可以是响应式对象，然后返回接收对象的只读代理对象。 通俗地讲，即如果想要一个对象是只读的，就使用readonly()函数。 <template> <span> <p>{{obj}}</p> <p>{{newobj}}</p> </sp ......
vue sort 排序
Vue.js提供了多种实现排序的方式。下面列举了几种常见的排序方法及示例代码。 1、使用JavaScript原生的Array.prototype.sort()方法进行排序。这种方法适用于简单的数组排序需求。 // 在Vue组件中的方法中使用sort方法进行排序 data() { return { m ......
vue横向滚动,并且实现点击左右按钮来进行滚动
直接上代码,可以点击左和右两个汉字进行横向滚动 <template> <div class="Home"> <div style="display: flex;height: 100%;align-items: center;"> <div @click="scrollLeft('scrollCon ......