空格 源码app vue

vue 代码规范 之 husky

#!/bin/sh . "$(dirname "$0")/_/husky.sh" npx eslint ./src --ext .js,.vue npx husky add .husky/pre-commit "npm run lint" ......
代码 husky vue

Mybatis源码(十):Mybatis插件机制

1、Mybatis插件支持拦截的对象 MyBatis 允许使用插件来拦截的方法调用,可在映射语句执行流程中进行拦截调用。Mybatis插件支持拦截的对象: 1、Executor:执行器 Executor执行SQL的增删改查操作。 Mybatis中对Executor做插件拦截的位置,Configura ......
Mybatis 源码 插件 机制

传参base64时的+号变空格问题

原创:扣钉日记(微信公众号ID:codelogs),欢迎分享,非公众号转载保留此声明。 问题发生 上上周,看到一位老哥找我们组同事联调接口,不知道是什么问题,两人坐一起搞了快1个小时,看起来好像有点复杂。 突然,老哥发出一声卧槽,"我传参里的+号,到你这怎么变成了空格!",这个声音很大,我明显的听到 ......
空格 问题 base 64

ant-design-vue循环生成多个独立的form表单

前言 后台需要的参数格式如下: info=[{name:'',cardId:'',phone:''},{name:'',cardId:'',phone:''},{name:'',cardId:'',phone:''}] 由于后台参数的特殊性,每一行内容组成一个对象,如果这些对象都放到同一个form表 ......
表单 ant-design-vue 多个 design form

Vue——initState【十】

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initState进行剖析,初始化生命周期之后紧接着。 initState initState的方法位于scr/core/instance/state.ts中; co ......
initState Vue

Vue介绍与生命周期详解

一、Vue简介 Vue是一款轻量级、高性能的JavaScript框架,用于构建用户界面,它的核心是数据双向绑定和组件化。Vue的设计灵感来源于AngularJS和React,但它更加易于上手和使用。 Vue的主要特点包括: MVVM模式:Vue采用了MVVM模式,将视图(View)、数据模型(Mod ......
周期 生命 Vue

初识vue3-setup语法糖,ref和reactive语法,computde计算属性,watch开启监听

vue3和vue2的区别 1,vue3首次渲染更快(Vue3在编译和渲染性能上有了很大的提升,主要是因为使用了Proxy代理和优化算法,使得组件可以更快的渲染) 2,diff算法更快 3,内存占用体积变得更小 4,打包体积变得更小 5,更好的ts支持(这里不是因为vue3是ts写的,所以更加支持ts ......
语法 vue3-setup reactive computde 属性

vue 后台管理系统 全屏

toggleScreen() {if(this.screen){this.$refs.components_layout_side.$el.requestFullscreen()}else{if (document.exitFullscreen) {document.exitFullscreen() ......
后台 管理系统 系统 vue

vue3中vue-router一个简单使用案例

![](https://img2023.cnblogs.com/blog/1202393/202303/1202393-20230325153048659-840207058.png)![](https://img2023.cnblogs.com/blog/1202393/202303/120239... ......
vue-router vue 案例 router vue3

VUE 环境搭建

一、安装node.js在node.js官网下载安装最新版的:https://nodejs.org/zh-cn/ 然后需要更换下载源为国内的 #设置为淘宝源npm config set registry https://registry.npmmirror.com #查看下载源npm config g ......
环境 VUE

modbus CRC校验源码转载

c# CRC校验 用于学习记录 原文载自:https://www.cnblogs.com/ayxj/p/11481969.html 用C#实现的几种常用数据校验方法整理(CRC校验;LRC校验;BCC校验;累加和校验) CRC即循环冗余校验码(Cyclic Redundancy Check):是数据 ......
源码 modbus CRC

Qt源码阅读(一) 信号槽的连接与调用

信号槽连接 信号槽的连接,其实内部本质还是一个回调函数,主要是维护了信号发送Object的元对象里一个连接的列表。调用connect函数时,将槽的一系列信息,封装成一个Connection,在发送信号时,通过这个列表,去回调槽函数。 1. 信号的连接 下面列举一种信号的连接方式,来大致讲解一下信号的 ......
源码 信号

vue3中的setup含义

setup 是 Vue3 中引入的一个新的选项,用于替代 Vue2 中的 beforeCreate 和 created 钩子函数。 setup 选项是一个函数,它在组件实例被创建之前执行,并返回一个包含状态和方法等配置信息的对象。 具体来说,setup 选项的作用包括: 响应式数据:使用 Vue3 ......
含义 setup vue3 vue

uni-app中左滑右滑页面

在H5项目中有时候会遇到左滑右滑的问题,左滑去上一个页面,右滑去下一个页面 通过以下代码即可实现 <view @touchstart="touchStart" @touchend="touchEnd"></view> 下边是js touchStart(e){ if (e.touches.length ......
中左 uni-app 页面 uni app

vue-element-admin 运行踩坑笔记

npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x. npm ERR! Error while executing: npm ERR! G:\ForCodeSoftwa ......
vue-element-admin element 笔记 admin vue

vue+leaflet示例:geojson数据地形剖面分析(附源码下载)

demo源码运行环境以及配置 运行环境:依赖Node安装环境,demo本地Node版本:14.19.1。 运行工具:vscode或者其他工具。 配置方式:下载demo源码,vscode打开,然后顺序执行以下命令: (1)下载demo环境依赖包命令:npm i (2)启动demo命令:npm run ......
剖面 示例 地形 源码下载 源码

代码随想录Day8-Leetcode344.反转字符串 II,541. 反转字符串II ,剑指Offer 05.替换空格 ,151.翻转字符串里的单词,剑指Offer58-II.左旋转字符串

344. 反转字符串 题目链接:https://leetcode.cn/problems/reverse-string 明显的双指针 /** * @param {character[]} s * @return {void} Do not return anything, modify s in-p ......
字符串 字符 随想录 左旋 Offer

vue实现移动端签名功能之 vue-esign插件篇

1.安装 vue-esignnpm install vue-esign --save 2.全局引用 3.代码 4.将生成的base64转成文件 handleGenerate() { this.$refs.esign .generate() .then(res => { let randnum = M ......
vue vue-esign 插件 功能 esign

vue03 01.创建项目

01.创建项目 打包工具 vite官网 vite介绍 Vite也是前端构建工具 相较于webpack,vite采用了不同的运行方式: 开发时,并不对代码打包,而是直接采用ESM的方式来,而是直接采用ESM的方式来运行项目 在项目部署时,在对项目进行打包 除了速度外,vite使用起来也更加方便 基本使 ......
项目 vue 03 01

Promise源码和静态方法

Promise源码 index.html文件进行测试,Promise.js文件写源码 Promise是一个类,我们使用class进行Promise的声明 js class Promise {} html <script src="./Promise.js"></script> <script> le ......
静态 源码 Promise 方法

vue2 - mockjs的使用

mockjs官网:http://mockjs.com/ 1.安装mockjs npm install mockjs 2.创建mock文件夹并且创建index.js //引入mockjs import Mock from "mockjs" //引入数据 import BlogMockData from ......
mockjs vue2 vue

centos7 yum 安装nodejs 16,搭建编译vue项目环境

1、安装nodejs curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash - sudo yum install nodejs node -v 2、安装yarn #安装yarn npm install -g yarn #查看版本 y ......
centos7 环境 项目 centos nodejs

商城网站毕业设计( Python +Vue)

网站介绍 基于 python 开发的电子商城网站,平台采用 B/S 结构,后端采用主流的 Python 语言进行开发,前端采用主流的 Vue.js 进行开发。这是给师弟开发的毕业设计。 整个平台包括前台和后台两个部分。 前台功能包括:首页、商品详情页、用户中心模块。 后台功能包括:总览、订单管理、商 ......
毕业设计 商城 Python 网站 Vue

基于vue框架axios网络请求封装

原因 axios 是网络请求的第三库,为了防止降低对第三库的依赖性,所以将axios请求封装为函数,方便后期代码的维护 安装 npm install axios 封装 在目录结构 src 文件夹下创建 network/request.js // 引入axios库 import axios from ......
框架 axios 网络 vue

vue2中添加全局样式

在assets文件夹中创建一个css文件,放入想要的全局样式.好了之后找到main文件然后再main.js文件中import './assets/golbal.css'即可 ......
全局 样式 vue2 vue

Mybtais源码(九):增删改执行流程

在Mybatis源码(七):SQL执行流程中已提到,根据不同的sqlCommandType执行不同类型的SQL,下面来看看调用Mapper接口的新增、修改、删除,Mybatis中做了哪些处理。 1、新增 1 // 新增用户 2 User user = new User(); 3 user.setId ......
源码 流程 Mybtais

初识Vue

vue是动态构建用户界面的渐进式JavaScript框架:作者是尤雨溪 Vue的特点: 遵循MVVM模式 编码简洁,体积小,运行效率高,适合移动/PC端开发 它本身只关注UI,可以引入其它第三方库开发项目 与其他前端框架的联系: 借鉴 Angular 的模板和数据绑定技术 借鉴 React 的组件化 ......
Vue

vue3报错 Vue received a Component which was made a reactive object.

报错信息如下: Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking ......
Component received reactive object which

Vue2

一、前端MVVM模式及Axios异步通信 1. 什么是MVVM MVVM(Model-View-ViewModel)是一种软件架构设计模式,由微软 WPF(用于替代WinForm,以前就是用这个技术开发桌面应用程序的)和Silverlight(类似于JavaApplet,简单点说就是在浏览器上运行的 ......
Vue2 Vue

vue/html 日期与时间戳互相转换

1、将日期转换成时间戳 let time = parseInt(new Date().getTime() / 1000); console.log(time) 2、接口传过来的UTC日期和13位时间戳格式化 const formateDate = (time: any, isUtc = false) ......
日期 时间 html vue