空格 源码app vue

Vue3 vue-cli创建工程的工程结构分析

视频 不能用vue2的写法了 #components ##HelloWorld.vue <template> <div class="hello"> <h1>{{ msg }}</h1> <p> For a guide and recipes on how to configure / custom ......
工程 vue-cli 结构 Vue3 Vue

安装vue-lic

vue-cli是Vue.js开发的标准工具。它简化了程序员基于webppack创建工程化的Vue项目的过程。引用自vue-cli官网上的一句话:程序员可以专注在撰写应用上,而不必花好几天去纠结\webpack配置的问题。 安装和使用 (1)确保电脑已经安装了node.js,如果不确定自己是否安装了n ......
vue-lic vue lic

vue中开启https

vue2.0中 项目工程根目录下,找到文件 vue.config.js。设置 module.exports.devServer.https: true 项目工程根目录下,找到文件 vue.config.js。设置 module.exports.devServer.https: true module ......
https vue

uni-app实现类似confirm提示框的效果

uni.showModal({ title: '提示', content: '这是一个模态弹窗', success: function (res) { if (res.confirm) { console.log('用户点击确定'); } else if (res.cancel) { console ......
效果 uni-app confirm uni app

Vue3 vue-cli或vite创建工程

使用 vue-cli 创建工程视频 使用 vite 创建工程视频 一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本,确 ......
vue-cli 工程 Vue3 vite Vue

vue3+vant创建移动端项目,实战项目常见采坑记录

前言: 产品背景介绍 我所做的这个项目,刚开始是没有移动端需求的,等PC端做完了上线使用了几个月后,突然有一天产品经理找到我说是要做一个在PC端添加一个快速注册入口,用手机微信扫二位码进入移动端注册页面,用户注册。 所以本次需求就是在PC端添加一个tool-tip气泡型弹出二维码,再开发一个移动端注 ......
项目 实战 常见 vue3 vant

vue中的动态写法

1. :class=" `${ isShow? 'box': '' }` " 2. <div : edit=' getEdit(item.id) ' getEdit(id) { return this[ 'edit' + id] } 3. this.edit1 = this['edit' + id] ......
写法 动态 vue

idea Java json 复制字符串会出现空格的问题

普通JSON {"secretKey":"2513e9c533c14271a1bc8a52eacecebe","appKey":"19b9257a1f464e93b087af9d12572ce1"} 复制 idea { \"secretKey\": \"2513e9c533c14271a1bc8a5 ......
空格 字符 问题 idea Java

Gin源码分析

Gin源码 gin框架源码解析 发布于2020/06/08 ,更新于2020/06/08 21:30:06 | Golang |总阅读量:422次 通过阅读gin框架的源码来探究gin框架路由与中间件的秘密。 gin框架路由详解 gin框架使用的是定制版本的httprouter,其路由的原理是大量使 ......
源码 Gin

Vue中单选框或复选框中的label内容过长,超出范围

解决办法: 1、直接把字体调小 2、当需要的字体大小还是超出了范围时 在css中写(如果是复选框;单选框的class: el-radio__label) .el-checkbox__label { text-overflow: ellipsis; white-space: normal; line- ......
范围 内容 label Vue

Disruptor-源码解读

前言 Disruptor的高性能,是多种技术结合以及本身架构的结果。本文主要讲源码,涉及到的相关知识点需要读者自行去了解,以下列出: 锁和CAS 伪共享和缓存行 volatile和内存屏障 原理 此节结合demo来看更容易理解:传送门 下图来自官方文档 官方原图有点乱,我翻译一下 在讲原理前,先了解 ......
Disruptor 源码

uni-app接口请求封装

首先根目录下新建文件夹取名随意,这里我取名common(意为:常见的、共有的) 然后新建request.js文件,贴入以下代码 let server_url = ''; //请求根路径(服务器地址)let token = '';//token令牌// process.env.NODE_ENV 'de ......
接口 uni-app uni app

vite启动vue项目报错import { performance } from 'node:perf_hooks'

import { performance } from 'node:perf_hooks'^^^^^^ SyntaxError: Cannot use import statement outside a module 要求node版本要大于16 使用nvm 切换node版本 成功运行 ......
performance perf_hooks 项目 import hooks

二、使用Vue3 + Vue CLI 实现系统前端模块的搭建

主要内容 前端模块的搭建:Vue CLI5 + Vue3 + Ant Design Vue3 完成手机号登录/注册功能 收获 学会纯前端项目的搭建 理解前后端分离架构 本地环境准备 vue cli安装: https://cli.vuejs.org/zh/guide/installation.html ......
前端 Vue 模块 系统 Vue3

文件名称使用vue前端设置utf-8乱码问题

文件名称使用vue前端设置utf-8乱码问题 1、下载入口 /** * @description 下载文件到前端 * @params response * @params filePath 文件存放的完整路径,以文件名结尾 *@params fileName * @return void */ pu ......
乱码 前端 名称 文件 问题

vue中el-checkbox全选、反选、多选

<template> <div> <el-checkbox v-model="checkAll" @change="handleCheckAllChange" :indeterminate="isIndeterminate" >全选</el-checkbox > <el-checkbox v-mod ......
el-checkbox checkbox vue el

APP产品设计到开发交付的流程

APP产品设计到开发交付的流程可以分为以下几个步骤: 需求分析阶段:在这个阶段,产品团队需要明确产品的目标、功能需求、用户群体、竞争对手等信息,以确定产品的设计方向。 需求评审阶段:开发团队需要参与需求评审,以评估需求的可行性和实现难度,提出技术上的建议和优化方案,确保产品的功能设计与开发的可行性相 ......
产品设计 流程 产品 APP

vue input每次输入一个字符后自动失去焦点 问题

我在输入框输入的时候,每输入一次,输入框就自动失去焦点了。ps:实现的功能是,一个列表组件,每个对象中都有一个input输入框。 <div class="addTags" v-for="(item,index) in list" :key="item.title"> <input type="tex ......
字符 焦点 问题 input vue

uni-app 介绍及使用

一、什么是uni-app uni-app由dcloud公司开发的多端融合框架,是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。最大的优势 ......
uni-app uni app

【vue3-element-admin】ESLint+Prettier+Stylelint+EditorConfig 约束和统一前端代码规范

通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来实现前端代码规范约束和统一。 ......

DRF版本控制(源码分析)

DRF中版本控制的五种情况(源码分析) 在restful规范中要去,后端的API中需要体现版本。 drf框架中支持5种版本的设置。 1. URL的GET参数传递(*) 示例: user/?version=v1 # settings.py REST_FRAMEWORK = { "VERSION_PAR ......
源码 版本 DRF

DRF版本控制(源码分析)

DRF中版本控制的五种情况(源码分析) 在restful规范中要去,后端的API中需要体现版本。 drf框架中支持5种版本的设置。 1. URL的GET参数传递(*) 示例: user/?version=v1 # settings.py REST_FRAMEWORK = { "VERSION_PAR ......
源码 版本 DRF

Vue中使用全局事件总线

使用第三方库mitt实现全局事件总线,其原理,和Vue2类似,在app.config.globalProperties上添加总线,然后在需要的组件中引入,调用其on/emit/off等方法实现绑定、派发和解绑等操作 1、下载安装 npm i mitt 2、在main.ts中配置 import { c ......
总线 全局 事件 Vue

每日总结之app实现浏览功能

在昨天我实现了app对pdf文件的浏览,然后今天上午去骆驼湾参加了河北省全民健身大赛,并且获得了证书,下午回来后,又对app端先对pdf文件下载后在进行浏览这项功能进行了操作,通过在网上搜索,并没有好的进度,所以目前还在继续努力当中。 ......
功能 app

app自动化,弹窗黑名单异常处理

前言: 运行过程中不定时弹框(广告弹窗,升级提示框,新消息提示框等等) 弹框不是 BUG(UI 界面提示,警告的作用) 弹窗黑名单处理 1 # black_list 黑名单列表 2 3 def find(self, by, locator): 4 try: 5 return self.driver. ......
黑名单 app

CesiumJS 源码杂谈 - 从光到 Uniform

之前对实时渲染(RealTimeRendering)的殿堂就十分向往,也有简单了解过实时渲染中的光,无奈一直没能系统学习。鉴于笔者已经有一点 CesiumJS 源码基础,所以就抽了一个周末跟了跟 CesiumJS 中的光照初步,在简单的代码追踪后,发现想系统学习光照材质,仍然是需要 RTR 知识的, ......
源码 杂谈 CesiumJS Uniform

Pake 基于rust 开发的快速web 页面打包app 的工具

Pake利用了tauri 可以实现web 页面快速打包桌面app 说明 对于希望快速打开一个桌面应用的场景,Pake 还是值得试用的 参考资料 https://github.com/tw93/Pake ......
页面 工具 Pake rust app

APP爬虫初阶之Pixel2刷机root

pixel2刷机 刷机准备 lineage zip twrp img magisk zip(github上下的是APK,需要把后缀改为zip) 刷机步骤 首先需要一个底包,这里我用的出厂自带的google官方系统,没有重新刷入 手机上打开usb调试,关闭屏幕超时锁屏,打开OEM锁 手机完全关机,按住 ......
爬虫 Pixel2 Pixel root APP

FBV和CBV的区别(源码分析)

FBV和CBV源码分析 FBV直接调用user方法执行业务代码 CBV相当于在FBV上面封装了一层 from django.contrib import admin from django.urls import path from app01 import views urlpatterns = ......
源码 FBV CBV

在Vue中,关于require与required

在 Vue 里面,是用 require 还是 required?始终拿捏不定,所以这里记录一下 图片是 require('@/xxx') props 里面是 required 表单验证里面是 required 总结:只有图片是 require,其它都是required ......
required require Vue