前端 终端 实战vue

06Vue3-Pinia

# Pinia Pinia是西班牙语piña(西班牙语中的“菠萝”)单词的形似。 它是一个状态管理的库,用于跨组件、页面进行状态共享(这点和Vuex、Redux一样),同时兼容Vue2、Vue3,也并不要求你使用Composition API; > Pinia开始于大概2019年,最初是作为一个实验 ......
Vue3-Pinia Pinia Vue3 Vue 06

前端全栈资料-css2

入门 1-特殊选择器多类名 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .aqua{ color: aqua; } .font{ font-size: 10px ......
前端 资料 css2 css

uniapp安卓移动终端拨打普通电话及4GVolte通话实现

//代码 // 普通语音电话 audio.onclick = function () { // 导入Activity、Intent类 var Intent = plus.android.importClass("android.content.Intent"); var Uri = plus.and ......
通电 终端 4GVolte uniapp GVolte

Pytorch高级api搭建多层感知机实战

# Pytorch高级api搭建多层感知机实战 代码 ```python import torch import torch.nn.functional as F import torch.optim as optim from torchvision import datasets, transf ......
多层 实战 Pytorch api

Pytorch多分类问题实战

# 多分类问题实战 定义一个简单的神经网络模型,并使用SGD优化算法进行训练和测试MNIST数据集 ```python import torch import torch.nn.functional as F import torch.optim as optim """ torchvision 可 ......
实战 Pytorch 问题

前端浏览器缓存和HTTP缓存

缓存 缓存优点:减少冗余的数据传输;减轻服务器的压力;加快浏览器加载网页的速度。 分类:强缓存和协商缓存 强缓存:服务器不需要发送资源给客户端,客户端直接从缓存中取 有关头字段:Cache-Control、 Expires,两者同时存在时,前者优先级更高 Expires:当客户端向服务器发送请求,服 ......
缓存 前端 浏览器 HTTP

springboot 雪花算法生成的发送到前端id精度丢失

添加注解: @JsonFormat(shape = JsonFormat.Shape.STRING) 用法: ......
前端 精度 算法 springboot 雪花

记录--Vue3自定义一个Hooks,实现一键换肤

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 核心 使用CSS变量, 准备两套CSS颜色, 一套是在 light模式下的颜色,一套是在dark模式下的颜色 dark模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给html添加自定义属性[data-theme='d ......
Hooks Vue3 Vue

docker容器中终端光标消失

隐藏光标 echo -e "\033[?25l" 显示光标 echo -e "\033[?25h" ......
光标 容器 终端 docker

前端工程师如何突破瓶颈期

前端工程师在职业生涯中可能会遇到瓶颈期,这时需要有一定的策略和方法来突破,以下是一些建议: 1. 持续学习:前端技术更新换代非常快,需要不断学习新技术和新知识,保持自己的竞争力。 2. 扩展技能:在掌握核心技能的基础上,可以扩展自己的技能范围,例如学习后端开发、数据库设计等技能。 3. 参与开源项目 ......
前端 瓶颈 工程师 工程

vues全局使用WebSocket

// import { showInfoMsg, showErrorMsg } from '@/utils/popInfo' // import ElementUI from 'element-ui'; import { Toast } from 'vant'; function initWebSo ......
全局 WebSocket vues

JeecgBoot—Vue3

https://gitee.com/jeecg/jeecgboot-vue3?_from=gitee_search JeecgBoot—Vue3版前端源码,采用Vue3.0+TypeScript+Vite+Ant-Design-Vue等新技术方案,包括二次封装组件、utils、hooks、动态菜单、 ......
JeecgBoot Vue3 Vue

前端之vue3的setup和setup的2个的形参、响应式页面

# setup setup是个函数, 包含数据、方法等,是组合api的“舞台”。 setup返回值: 1.对象,其中的属性、方法都可以在模板中直接使用 2.渲染含数(了解就好) ``` export default { name: "App", components: {}, setup() { / ......
setup 前端 页面 vue3 vue

前端JS的面向对象写法还是挺好玩的—class继承、实现

class FormDataDTO1 { id; name; sex; remark; } class FormDataDTO2 extends FormDataDTO1 { age; address; } const formData1 = new FormDataDTO1(); const fo ......
写法 前端 对象 还是 class

vue组件中修改组件外元素样式

在实际开发中,由于项目一开始设计的一些不合理性,会在组件中通过 html[media=pad]{ .xxx{ /* 组件样式 */ } } 以上方式修改某些组件的样式,这样会涉及到从 html 层级选择,由于我 style 标签是这样写的 <style lang="less" scoped></st ......
组件 样式 元素 vue

vue3:关于我在项目中看到一个不存在的标签的故事

故事开头是这样的,项目收尾阶段,我去修改同事写的代码,写着写着,看到一个页面中根本不存在的标签,很是好奇,我就认真的看了起来 <div class="tabs_content" ref="tabsContent" v-if="showTabsContent"> <TabsPage></TabsPag ......
标签 项目 故事 vue3 vue

活动回顾|阿里云 Serverless 技术实战与创新上海站回放&PPT下载

![合照.JPG](https://intranetproxy.alipay.com/skylark/lark/0/2023/jpeg/32056394/1685426653603-fa341ba7-b0fc-442a-9157-36a810d6f248.jpeg#clientId=ue4e4275 ......
活动回顾 Serverless 实战 技术 PPT

vue路由递归查找某路径

``` hasRoute(path, routeList) { // console.log('path', path, routeList); for (let i = 0; i < routeList.length; i++) { if (routeList[i].path path) { re ......
路由 路径 vue

vue 饼图模板,避免了文字被覆盖

<template> <div> <v-chart :forceFit="true" :height="height" :data="data" :scale="scale" :onClick="handleClick" :padding="['70', '0', 'auto', 'auto']"> ......
模板 文字 vue

2023-05-30 前端通过node获取七牛云的token(token最好还是在后端返回,前端获取token会暴露密钥)

const fs = require('fs'); const qiniu = require('qiniu'); var accessKey = '你的accessKey'; var secretKey = '你的secretKey'; var mac = new qiniu.auth.diges ......
前端 token 密钥 还是 最好

store文件夹 vue_vue-cli2使用store存储全局变量

1.引入store 安装引入vuex,在main.js里面: import store from './store' //store引入 new Vue({ el: '#app', router, store,//store引入 components: { App }, template: '' } ......
store 全局 变量 vue_vue-cli 文件夹

vue事件修饰符

@click @click直接点击,会触发父元素事件 例如: <template> <div @click="parentClick"> <div @click="childClick" > 子界面 </div> </div> </template><script> export default { ......
事件 vue

VUE脚手架和创建文件

vue3是组合式开发什么是组合式? 组合式 API (Composition API) 是一系列 API 的集合,使我们可以使用函数而不是声明选项的方式书写 Vue 组件。它是一个概括性的术语,涵盖了以下方面的 API: 响应式 API:例如 ref() 和 reactive(),使我们可以直接创建 ......
脚手架 文件 VUE

Vue05-Vuex

## 01. 什么是状态管理 在开发中,我们的应用程序需要处理各种各样的数据,这些数据需要保存在我们应用程序的某一个位置,对于这些数据的管理我们就称之为 **状态管理**。 > 在Vue开发中,我们使用组件化的开发方式: > > - 在组件中我们定义data或者在setup中返回使用的数据,这些数据 ......
Vuex Vue 05

提高生产力的最佳免费开源终端:WindTerm

WindTerm是一个免费的开源终端工具,旨在提高开发人员和系统管理员的生产力。它为使用命令行的用户带来了更好的终端体验,使其能够更快速、高效地完成操作。 相比传统终端,WindTerm具有多个优势,如支持多标签页、自定义主题、自动补全等功能,这些功能都可以显著提高开发人员的工作效率。此外,Win... ......
生产力 终端 WindTerm

VUE+FastAPI结合高德地图API做一个旅游推荐系统

> 最近一个月没有更新博客,去写了一个系统,包含前台和后台,还有后端的API。前后台使用VUE+高德地图API,后台使用FastAPI,实现了一些基本的功能。 ## 前台部分 因为我也是前端初学者,写的比较乱 #### 基础功能 - [x] 用户登陆注册功能 - [x] 搜索功能 - [x] 主页照 ......
FastAPI 地图 系统 VUE API

氚云前端代码对控件赋值

一、 先说表单子表,进行自动排序 var parent = this; //先将对象也就是子表,进行绑定改变事件 this.D000685F044da22ee9b54a669386935b72c2b7a0.BindChange( "Set", function( data ) { debugger; ......
前端 控件 代码

文档在线预览(三)使用js前端实现word、excel、pdf、ppt 在线预览

@[toc] 关于实现文档在线预览的做法,之前文章提到了的两种实现方式: 1、通过将文档转成图片:详见[《文档在线预览(一)通过将txt、word、pdf转成图片实现在线预览功能》](https://blog.csdn.net/q2qwert/article/details/130884607); ......
前端 文档 excel word pdf

vue+vite首页加载白屏解决

1.在html文件中增加过渡css动画,如下图所示,参考若依项目 在资源还没加载完成时,红框中的动画会进行运行,当资源加载完成后,路由会自动替换红框中的静态资源,增加用户体验。 2.vite开启gzip压缩,安装vite-plugin-compression,如下图在config文件中引入 impo ......
vite vue