前端 终端 实战vue
Uncaught runtime errors:在IDEA中运行vue项目时出现该错误
IDEA中输入npm run serve ，出现该错误 Uncaught runtime errors: × ERROR Cannot read properties of undefined (reading 'prototype') TypeError: Cannot read properti ......
MySQL运维实战（2）MySQL用户和权限管理
作者：俊达 引言 MySQL数据库系统，拥有强大的控制系统功能，可以为不同用户分配特定的权限，这对于运维来说至关重要，因为它可以帮助管理员控制用户对数据库的访问权限。用户管理涉及创建、修改和删除数据库用户，权限管理则控制用户对数据库的访问和操作。MySQL提供了灵活的权限控制机制，允许管理员根据需要 ......
Python_Gradio与前端开发
Gradio Blocks是Gradio的低级API，它允许你创建比Interfaces更多的自定义web应用程序和演示。 简单来说就是比Interfaces更灵活。 一般使用上下文管理，示例代码如下： 代码 import gradio as gr with gr.Blocks() as demo: ......
前端生成二维码
import QRCode from 'qrcode'; QRCode.toDataURL(res.data.qrcodeUrl, { margin: 2, type: 'image/jpeg', quality: 0.3 }, (error, url) => { if (error) consol ......
vue2-diff算法手写一步步增加功能
前面 vue2 diff算法尽可能复用原来的老节点(比如老节点头尾跟新节点头尾看看是不是同一个节点，是的话打个补丁(更新class什么的,然后他的子节点继续调用这个diff算法), 没有找到可复用的就重新创建)。代码行数也不多，核心函数是 updateChildren vue patch工作流程简单 ......
Vue高频面试题
1. 谈谈你对 Vue 的理解？ Vue 是一个渐进式的 js 框架，专注于构建用户界面。 Vue 的核心思想是数据驱动和组件化，通过将页面拆分为多个独立的组件，可以更好的管理到吗， 提高代码的复用性和可维护性。 Vue 的优势在于：简单易用，灵活性高，性能卓越和拓展性强。 Vue 的模板语法易于理 ......
vue3（三）
1、父子路由在页面局部跳转的应用 假设有一页面NewsView.vue，里面的内容要如何实现如下图所示的布局，如何实现点击页面左半部分文字，而只有页面右半部分的内容发生变化呢？ 不难想到，导航栏的内容是挂载到App.vue文件上的。稍加思索的是，要利用RouterView技术，将页面右（Detail ......
vue书写风格API
Vue 的组件可以按两种不同的风格书写：选项式 API 和组合式 API。 vue2只支持选项式 API vue3支持两种 选项式 API (Options API) 在 Vue 2 中引入并继续在 Vue 3 中支持的选项式 API，是一种通过声明式选项（如 data, methods, comp ......
浏览器中代码(html+js)高亮，并显示行数 （Vue框架）
最终效果 选型 highlight.js + highlightjs-line-numbers.js 实现 高亮代码 <code v-html="code"></code> import hljs from 'highlight.js/lib/core'; // 引入hljs hljs.regist ......
vue-router的使用，以及路由守卫的使用，复制直接用！
安装完路由，我们在更目录创建一个router的文件夹，然后在文件夹下面新建一个index.js文件 index.js import Vue from 'vue' // 引入VUE实例import VueRouter from 'vue-router' // 引入vue路由 Vue.use(VueRo ......
Vue2入门之超详细教程十二-列表渲染
1、简介 V-for指令: 1. 用于展示列表数据 2. 语法：v-for=”(item,index) in xxx ”:key=”yyy” 3. 可遍历：数组、对象、字符串(用的很少)、指定次数(用的很少) 学习Vue之前最后会一些HTML和CSS的基础知识，HTML基础知识 传送门，CSS基础知 ......
# vue3 插槽 slot 使用
vue3 插槽 slot 使用 在 Vue3 中，插槽（slot）是一种重要的组件复用和内容分发机制。通过使用插槽，可以让组件更加灵活和具有可复用性，在不同的地方渲染不同的内容，同时保证相同的样式。 插槽资料 官网介绍：https://cn.vuejs.org/guide/components/sl ......
vue+three旋转地球
<template> <div id="container"></div> </template> <script> import * as THREE from 'three' import { OrbitControls } from 'three/examples/jsm/controls/O ......
MySQL运维实战（1.3）安装部署：源码编译安装
作者：俊达 引言 在大多数情况下，我们不需要自己编译MySQL源码，因为编译的MySQL和二进制包的内容基本一致。然而，有些特殊情况可能需要我们采用源码编译的方式安装MySQL： 安装非标准版本的MySQL：有些特殊的应用场景会使用到MySQL的非标准版本，这时候我们就需要编译源码来安装。 安装社区 ......
零基础电气专业毕业生，花费9.9元自学前端，成都月薪6.5K
介绍 毕业于成都理工电气专业，大学毕业后进入了一家电气公司，月薪2000元。一直对互联网行业感兴趣，但由于没有相关专业背景，所以一直没有勇气转行。 转行契机 公司的书记想搞一个内部生产管理系统，看我们4个应届毕业生每天都在打酱油，就找到我们想让我们研究一下看能不能做出这个系统（公司里面没有搞IT的） ......
记录一下vue中的异步循环
刚开始是在使用文件上传的时候，多个文件上传进度进行显示，然后在多文件上传的时候发现，会一次性进行全部上传，查了一下发现是因为js是单线程的，所以会有这个问题 于是开始寻找异步循环的方法，代码如下 async submitCreateImgUrl(){//批量上传 this.submitLoading ......
Socket.D 替代 Http 协议像 Ajax 一样开发前端接口
我们在"前端接口"开发时，使用 socket.d 协议有什么好处：更安全！现有的工具想抓包数据，难！难！难！（socket.d 是个新的二进制协议） ......
vue实现h5扫码
插件 html5-qrcode npm 地址 html5-qrcode 是一个基于 JavaScript 轻量级和跨平台的扫码插件。允许用户使用摄像头扫描二维码，并且解析为文本或者 url。 支持扫描不同类型的二维码和条形码 支持不同的平台，Android、IOS、Windows、MacOs 或者 ......
vue中watch怎么深度监听数据变化？
有个原则监听谁,写谁的名字,然后是对应的执行函数,第一个参数为最新的改变值,第二个值为上一次改变的值,注意:除了监听data,也可以监听计算属性或者一个函数的计算结果 启用深度监听对象 watch:{ a:{ handler:function(val,oldval){ }, deep:true } ......
vue音频（监听播放完成）
<template> <div> <audio ref="audio" :src="audioSrc"></audio> <button @click="playAudio">播放</button> <button @click="changePlaybackRate(1.5)">加速</butto ......
[Vue warn]: onUnmounted is called when there is no active component instance to be associated with
[Vue warn]: onUnmounted is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during e ......
分布式日志追踪ID实战 | 京东物流技术团队
本文通过介绍分布式应用下各个场景的全局日志ID透传思路，以及介绍分布式日志追踪ID简单实现原理和实战效果，从而达到通过提高日志查询排查问题的效率。 背景 开发排查系统问题用得最多的手段就是查看系统日志，相信不少人都值过班当过小秘吧：给下接口和出入参吧，麻烦看看日志里的有没有异常信息啊等等，但是在并发 ......
前端开发好用的工具/插件
1、swiper动画（动画效果挺平滑） https://www.swiper.com.cn/ 演示（https://www.swiper.com.cn/demo/index.html#effect-coverflow） 2、二维码生成器 草料二维码：https://cli.im/ 3、icon使用 ......
前端工程师初级、中级、高级最好的进阶路线图！
作为一个前端工作近10年的老司机，帮你整理了前端5阶提升的技能图，想升职加薪学技能，看我这一篇就够了！ 一位出色的前端工程师，一定要会具备阅读规范文档和阅读别人的代码和时刻学习的习惯，再加上一些常见的技术栈，基本上两三年就能到达中高级的水平，一线城市能拿到30K的offer不成问题的！ 至于初级，中 ......
def 自定义表设置以及初步认识vue
补：基于自定义表签发token # 1 快速签发和认证# 2 定制返回格式和认证# 3 自定义登录和认证 # 4 自定义登录，自定义表 # 5 自定义认证类 路由： from django.contrib import admin from django.urls import path from ......
前端多文件打包下载方案
npm install jszip file-saver --save import JSZip from 'jszip' import { saveAs } from 'file-saver' export const downloadFiles = (fileUrls, folderName = ......
vue3 表单封装遇到的一个有意思的问题
前言 最近在用 vue3 封装 element 的表单时遇到的一个小问题，这里就简单记录一下过程。话不多说直接上代码！！！ 正文 部分核心代码 import { ref, defineComponent, renderSlot, type PropType, type SetupContext } ......
vue3 vue-cropper实现图片裁剪+上传功能（组件封装使用）
效果（CV 即用） 1.安装引入 vue-cropper（官网）官网地址 npm install vue-cropper@next import 'vue-cropper/dist/index.css' import { VueCropper } from "vue-cropper"; 2. 全局引 ......
前端调取摄像头并实现拍照功能
前言： 最近接到的一个需求十分有意思，设计整体实现了前端仿微信扫一扫的功能。整理了一下思路，做一个分享。 tips: 如果想要实现完整扫一扫的功能，你需要掌握一些前置知识，这次先讲如何实现拍照并且保存的功能。 一. window.navigator 你想调取手机的摄像头，首先你得先检验当前设备是否有 ......