前端 终端 实战vue
vue项目用electron打包成exe,并更新exe版本
用electron-build打包 1、下载electron、electron-builder npm install electron electron-builder -D 2、配置package.json文件 "start": "electron .", "app:build": "elect ......
vue3 ts setup 监听 pinia 数据的变化，更新页面数据
简述 由于 pinia 导入到vue中的值没有响应性 import useUserStore from './stores/user'; const userStore = useUserStore(); userStore.isvaild;// 没有响应性 那么我们在vue中动态修改某值的想法则需 ......
MySQL实战实战系列 03 事务隔离：为什么你改了我还看不见？
提到事务，你肯定不陌生，和数据库打交道的时候，我们总是会用到事务。最经典的例子就是转账，你要给朋友小王转 100 块钱，而此时你的银行卡只有 100 块钱。 转账过程具体到程序里会有一系列的操作，比如查询余额、做加减法、更新余额等，这些操作必须保证是一体的，不然等程序查完之后，还没做减法之前，你这 ......
vue+openlayers 绘制点
绘制点使用point在绘制点的位置，使用Circle绘制点的样式 疑问：将style放在Feature上就绘制不出来样式？ <template> <div class="setting"> <div class="title">设置</div> <ul> <li> <p>边框大小：</p> <el- ......
Spring Boot + Vue3前后端分离实战wiki知识库系统<十三>--单点登录开发二
接着https://www.cnblogs.com/webor2006/p/17608839.html继续往下。 登录功能开发： 接下来则来开发用户的登录功能，先准备后端的接口。 后端增加登录接口： 1、UserLoginReq： 先来准备用户登录的请求实体： package com.cexo.wi ......
MySQL实战实战系列 02 日志系统：一条SQL更新语句是如何执行的？
前面我们系统了解了一个查询语句的执行流程，并介绍了执行过程中涉及的处理模块。相信你还记得，一条查询语句的执行过程一般是经过连接器、分析器、优化器、执行器等功能模块，最后到达存储引擎。 那么，一条更新语句的执行流程又是怎样的呢？ 之前你可能经常听 DBA 同事说，MySQL 可以恢复到半个月内任意一秒 ......
【前端性能】高性能滚动 scroll 及页面渲染优化
【前端性能】高性能滚动 scroll 及页面渲染优化 最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none ......
highlight_highlight.js在vue项目中的基本用法
目录简介安装使用在vue项目中的使用附录获取可选的样式文件快速获取可选样式 简介 highlight.js是一个将代码html, 即通过<pre>标签包裹的<code>标签内的代码字符串文本赋予样式的插件; 安装 npm i highlight.js -S 使用 在vue项目中的使用 在main.j ......
uniapp 在app.vue中的异步请求完，页面中的onload或者onshow再请求（promise方法）
第一步： 在main.js里面注册onLaunched，onLaunched，onLaunched，isResolve // 处理onLaunch和onLoad 异步变成同步问题 app.config.globalProperties.$onLaunched = new Promise((resol ......
Vue3.2
1.ref定义基本数据类型 <script setup> import {ref} from 'vue' //需导入依赖 let name = ref('zhangsan') const setName = () => { name.value = 'lisi' } </script> const ......
2-微信小程序和web前端的差异及模板与配置
上文学会了如何安装微信小程序的安装与注册，及微信小程序的使用，其实微信小程序和web前端也有异曲同工之妙 微信小程序和Web前端存在一些显著的区别和差异，这些差异主要体现在功能、性能、用户体验、开发成本和维护成本等方面。 一、相似点 语言基础：微信小程序和Web开发都使用JavaScript语言进行 ......
Trino 权限控制讲解与实战操作（资源分组）
目录一、概述二、系统访问权限控制1）系统访问权限控制介绍2）测试验证三、资源分组四、基于文件的访问控制1）基于文件的访问控制介绍2）测试验证1）部署 Trino（docker-compose.yaml）2）启动服务3）测试验证 一、概述 Trino支持两种主要类型的权限控制：系统权限控制和文件权限控 ......
【小睿的ML之路】Pandas自定义函数（含泰坦尼克号数据分析案例实战）
import pandas as pd titanic_survival = pd.read_csv("titanic_train.csv") # 返回第一百行数据 def hundredth_row(column): hundredth_item = column.loc[99] return h ......
kali linux安装配置与终端访问指导
1、已安装VMware虚拟机 查看此编博客：虚拟机VMware12安装激活（超详细教程）适用于Win7版本 2、下载kali Linux 包 进入：https://www.kali.org/ 点击Download 点击框起来的 点击下载（https://cdimage.kali.org/kali-2 ......
uniapp中使用vue-i18n实现多语言
一 安装vue-i18n npm i vue-i18n@6 二 添加相关语言配置 如 en.json: { "locale.auto": "System", "locale.en": "English", "locale.zh-hans": "简体中文", "locale.zh-hant": "繁体 ......
浅析微前端沙箱
前言 在大型项目中，微前端是一种常见的优化手段，本文就微前端中沙箱的机制及原理，作一下讲解。 首先什么是微前端 Techniques, strategies and recipes for building a modern web app with multiple teams that can ......
Vue mavon-editor 本地加载 – 关闭 CDN
转载自Vue mavon-editor 本地加载 – 关闭 CDN - 前端教程。仅自用。 时间 2022-03-31 21:07:09 前言 在 Vue 里面使用 Markdown 编辑器的选择并不多。mavon-editor 大概是 GitHub 上星星最多的 Vue Markdown 编辑 ......
关于vue2的模块级总结
前阵子在赶一个项目的进度，一直没时间做总结，今日闲来无事，消化一下。 背景 vue2的项目，面向受众为g端 内容 1. 项目原因，单路由下包含详情&列表两页面。根据v-if跳转，笔者这里用的是动态组件的方式 2. 同样由于项目原因，使用的模块级vuex，因而在使用时，也有了许多盲点： （如图：） 使 ......
ES14新特性揭秘，对前端开发有哪些影响？
ECMAScript 2023也就是ES14已经发布3个月了，还有好多小伙伴没有关注到ES14有哪些变化，本文将为大家梳理下ES14最新规范新增功能：对数组的新增功能，对shebang的支持，对弱引用集合的符号键的扩展。这个版本的都是一些细微的改进，我们一起看看有哪些变更 目录 Array.prot ......
vue项目中的Tinymce富文本编辑器如何从word中粘贴图片上传到七牛云
Tinymce富文本编辑器粘贴图片时需要上传到自己的空间中才能被打开。 一、首先需要安装引入七牛云 npm install qiniu-js var qiniu = require('qiniu-js')// orimport * as qiniu from 'qiniu-js' 二、同时引入客户端 ......
Vue学习六：路由进阶
一、路由的封装抽离 目标：将路由模块抽离出来。好处：拆分模块，易于维护。 第一步：在src目录下新建一个router目录，在创建一个index.js文件，将先前main.js中的路由代码转移到index.js文件中。（这里需要使用到vue所以需将vue包导入；需修改组件路径，@符号代表绝对路径src ......
【前端攻略】：玩转图片Base64编码
【前端攻略】：玩转图片Base64编码 引言 图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的 base64 编码可能相对一些人而言比较陌生，本文不是从纯技术的角度去讨论图片的 base64 编码。标题略大，不过只是希望通过一些浅显的论述，让你知道什么是图片的 base64 编码，为什么我们 ......
前端读取目录下所有指定文件
读取modules下文件示例: /** require.context： 1. 指定目录 2. 是否将匹配层级递归至子目录下 3. 匹配的文件 */ const modulesFiles = require.context("./modules", true, /\.js$/); const mod ......
Mysql慢查询优化实战
Mysql慢查询优化实战 效果：效率提升十倍左右 优化前 mysql> use test_old; Database changed mysql> set profiling = 'ON'; Query OK, 0 rows affected mysql> show variables like ' ......
报错error Component name "Index" should always be multi-word vue/multi-word-component-names解决方法
1、问题说明：在创建组件命名时，引用 index.vue 的过程中报错； 2、报错的原因及分析：其一、报错的全称为：error Component name "index" should always be multi-word vue/multi-word-component-names翻译为：错 ......
添加Element ui依赖报错:npm ERR code EPERM,syscall mkdir, npm ERR! path D:\Vue\nodejs\node_cache\_cacache\index-v5\f3\de
添加Element ui依赖报错:npm ERR code EPERM,syscall mkdir, npm ERR! path D:\Vue\nodejs\node_cache\_cacache\index-v5\f3\de 具体报错信息如下: 我这个是在IDEA控制台输入 npm i eleme ......
Trino HTTPS 与密码认证介绍与实战操作
目录一、概述二、安装 Trino三、配置 HTTPS1）生成证书2）配置 Trino3）修改 Trino docker-compose yaml 文件4）开始部署 Trino5）测试验证四、密码认证1）开启密码认证2）创建密码认证配置文件3）修改 Trino docker-compose yaml ......
TienChin 渠道管理-前端展示渠道信息
在编写 Vue 项目的时候我们可以使用 IDEA 当中提供的一个工具叫做 structure，也就是说可以很轻松的列举出当前 Vue 文件的大致结构，点那个就会跳转到对应的地方。 简简单单介绍一个编写Vue时的一个小技巧，那么接下来进入核心内容，展示渠道信息的开发。 在 api 文件夹模块当中新建一 ......
vue2 使用tinymce编辑器实现上传图片及粘贴word文本保留格式并粘贴图片自动上传
下载对应的版本 npm install @tinymce/tinymce-vue@3.0.1 -Snpm install tinymce@5.8.2 -S 然后在node_modules中找到tinymce把整个文件复制下来粘到public中 在组件页面使用 根据自己需求进行注释或添加功能 <tem ......