前端 终端 实战vue

前端计算机网络

http常见状态码: 200 OK:非常常见,资源请求成功。 201 Created:资源创建成功 多见post请求 不常见。 301 永久重定向 : http->https 如B站 掘金 换域名 。 302 临时重定向 :请求后返回Location头部指示了新的URL,客户端会根据Location ......
前端 计算机网络

第六篇 vue - 基础 - 计算属性

基础示例 模板中的表达式虽然方便,但也只能用来做简单的操作。如果在模板中写太多逻辑,会让模板变得臃肿,难以维护。比如说,我们有这样一个包含嵌套数组的对象 export default { data() { return { author: { name: 'John Doe', books: [ ' ......
属性 基础 vue

第五篇 vue - 基础 - 响应式基础

声明响应式状态 选用选项式 API 时,会用 data 选项来声明组件的响应式状态。此选项的值应为返回一个对象的函数 Vue 将在创建新组件实例的时候调用此函数,并将函数返回的对象用响应式系统进行包装。此对象的所有顶层属性都会被代理到组件实例 (即方法和生命周期钩子中的 this) 上 export ......
基础 vue

第七篇 vue - 基础 - 类与样式绑定

Class 与 Style 绑定 数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式。因为 class 和 style 都是 attribute,我们可以和其他 attribute 一样使用 v-bind 将它们和动态的字符串绑定 在处理比较复杂的绑定时,通过拼接生成字符串是 ......
样式 基础 vue

vue2 学习笔记

Date: 2023-03-12 17:28:46 尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通 记录遵循费曼学习法,让外行也能看懂。 Vue 总体大纲 MarkDown 引用快速查找 模板语法 内置指令 computed 和 watch P1 Vue介绍 P2 Vue简介 P3 ......
笔记 vue2 vue

vue3 快速上手

Date: 2023-03-28 21:43:46 Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) Vue3带来了什么 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% ...... 2.源码的升级 使用 ......
vue3 vue

Vue2入门之超详细教程五-el和data的两种写法

1、简介 Data与el的2中写法: el有两种写法 (1) new Vue时配置el属性 (2) 先创建Vue实例,随后在通过vm.$mount(‘#root’)指定el的值 Data也有两种写法 (1) 对象式 (2) 函数式,搭配组件时,data必须使用函数式 一个重要的原则 由Vue管理的函 ......
写法 教程 Vue2 data Vue

Java 生成各种 PDF 实战方案(图片、模板、表格)

刚接到了一个需求,生成一个pdf,一开始以为挺简单的,通过模板生成嘛,我也发过相应的文章,根据模板直接生成pdf,响应到前端或者根据模板生成pdf,直接指定下载位置,这两种方案都可以,不过这篇文章主要讲的生成的pdf是既有模板填充还需要自己动态生成表格,包括还需要通过java去生成Echarts图形 ......
实战 表格 模板 方案 图片

vue+django图片上传七牛云

使用七牛云服务 用户在前端传入的图片,直接存入到七牛云中,并把图片链接保存到后端 逻辑 前端获取到图片 发送给后端 后端调用七牛云服务 生成图片名称 上传到七牛云 然后拿到图片外链 存入对应数据中 前端代码 前端使用了vue 加 vant2组件 <van-uploader v-model="file ......
django 图片 vue

NCNN 模型推理详解及实战

本文首先描述了 ncnn 推理框架的依赖库的知识,及相关 cpu 和内存硬件特性描述。最后结合 shufflenet sample 解析了,模型推理的全部流程,详解了 sample 代码的每个细节。 ......
实战 模型 NCNN

Vue——initProvide【十一】

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initProvide进行剖析,初始化生命周期之后紧接着。 initProvide export function initProvide(vm: Component ......
initProvide Vue

前端打包部署

打包部署 拉代码 git pull origin develop_dev 运行是否正确 npm run dev/serve 打包 npm run build:prod/stage 当你花掉钱不愁的时候是因为你有能力再去挣钱,就不愁花钱。钱花了就没了来源了,就会慌张。 开源节流。努力开源很重要。努力提 ......
前端

vue 软键盘组件封装

场景和需求 1 软键盘固定 2 多输入框共用一个组件,聚焦切换时操作对象自动切换 3 根据光标在输入框的位置进行相应的输入和删除操作 4 点击软键盘时保存输入框光标活跃 5 输入框和键盘在一个弹窗组件中,弹窗打开时对其中一个输入框默认聚焦 6 样式方面,按键宽度自适应,可以给特定按键特定样式。 7 ......
组件 键盘 vue

jpa转换枚举、转换以及入库数据、状态值发生变化可以不影响前端

import com.peony.common.enums.PlanStatus; import org.apache.poi.ss.formula.functions.T; import javax.persistence.AttributeConverter; import javax.pers ......
状态值 前端 状态 数据 jpa

超详细【入门精讲】数据仓库原理&实战 一步一步搭建数据仓库 内附相应实验代码和镜像数据和脚本

超详细【入门精讲】数据仓库原理&实战 一步一步搭建数据仓库 内附相应实验代码和镜像数据和脚本,参考B站up主哈喽鹏程视频撰写而成,感谢!!! ......
数据 仓库 脚本 实战 镜像

记录--vue刷新当前页面

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 背景 项目当中如果做新增/修改/删除等等操作通常情况下都需要刷新数据或者刷新当前页面. 思路 (1)如果页面简单,调用接口刷新数据即可. (2)如果页面复杂,需要调用多个接口或者通知多个子组件做刷新,可以采用刷新当前页面的方式 下面整理了 ......
页面 vue

vue-cookies用法

import Cookies from 'vue-cookies'; const cookies = {}; cookies.set = function (name = 'default', value = '', cookieSetting = 60 * 60 * 24 * 365) { Coo ......
vue-cookies cookies vue

vue2中使用TinyMCE

背景 整理使用到的tinymce的富文本,http://tinymce.ax-z.cn/,这个是大佬写的中文文档,如果自己有兴趣的话,可以去看看英文文档。 Tinymce 由于项目原因,使用的是vue2.x版本,所以我选择使用的是"@tinymce/tinymce-vue": "^3.0.1"和"t ......
TinyMCE vue2 vue

vue和微信小程序生成条形码和二维码

二维码又称二维条码,常见的二维码为QR Code,QR全称Quick Response,是一种编码方式。它比传统的Bar Code条形码能存更多的信息,也能表示更多的数据类型。 条形码(barcode)是将宽度不等的多个黑条和空白,按照一定的编码规则排列,用以表达一组信息的图形标识符。常见的条形码是 ......
条形 条形码 程序 vue

基于Admin.NET框架的前端的一些改进和代码生成处理(1)

Admin.NET 是一套基于Furion/.NET 6实现的通用管理平台,模块插件式开发,框架包含了常规的权限管理、字典等管理模块,以及一些Vue3的Demo案例,框架前后端分离。后端基于基于Furion/.NET 6实现,底层集成SqlSugar;前端则是采用Vue-Next-Admin的前端框... ......
代码生成 前端 框架 代码 Admin

vue全家桶进阶之路23:Element UI

Element UI 是一套基于 Vue.js 的组件库,它提供了一系列常用的 UI 组件,包括表单、弹窗、布局、导航等等。Element UI 的设计风格简洁、易用、美观,且易于定制。 Element UI 的主要特点包括: 基于 Vue.js 开发,组件易于使用和定制。 提供了丰富的 UI 组件 ......
全家 Element vue UI

微前端框架single-spa子应用加载解析

本文主要通过对微前端框架single-spa的基座应用加载子应用的single-spa-vue函数库进行分析,通过代码维度分析让大家了解在single-spa加载子应用的时候都做了哪些事情。如何通过优化single-spa-vue函数库保持子应用的状态。 ......
前端 single-spa 框架 single spa

Spring boot 、Vue学习体会

近期集中学习了Spring boot 、Vue等技术,学习过程也是不断碰壁,总的来说自认为有些涨进,抓住核心、深入关键、逐步剖析。 两个技术分别负责后台和前端,学习后一个感受,两个技术内部深层次逻辑有相似性,均是做到了框架管理对象、管理生命周期,简化操作。 1、管理对象 spring boot 通过 ......
学习体会 Spring boot Vue

V3.0(R2_2302) 前端上下文改造, 定位修改文件

-- iuap_yonbuilder_service库 -- 查询包含'AppContext'关键字的函数文件 SELECT e.description, e.source_flag, e.file_name, c.file_content, LOCATE( 'AppContext', c.file ......
上下文 前端 上下 文件 2302

vue图片上传前压缩图片

前言需求:项目当中上传图片的需求点肯定有很多,再上传之后,如果图片很大的话,在加载的时候就会很慢。最近发现系统首次加载越来越慢,就开始思考怎么能降低这个加载时间,由于首页图片很多,所以图片的大小就需要进行处理,本文记录了上传图片之前压缩图片的各种方法。 一、插件image-conversion 1. ......
图片 vue

Vue子组件向父组件传值(this.$emit()方法)

子组件使用this.$emit()向父组件传值 首先必须在父组件中引用子组件,然后实现传值 第一步在父组件中引入子组件 import UnitByPurchaseAddOrUpdate from '@views/modules/matter/UnitByPurchaseAddOrUpdate' 声明 ......
组件 方法 this emit Vue

基于 vue3 + vite + typeScript + Element-Plus + pinia + mock ... 从 0 到 1 搭建后台管理系统完整教程

项目说明 代码仓库地址 https://github.com/caix-1987/vue3-vite-typescript-elementplus-pinia 项目预览地址 https://caix-1987.github.io/vue3-vite-typescript-elementplus-pi ......

浩辰CAD看图王全终端支持「图纸镜像」啦!

CAD镜像命令可以通过绕指定轴翻转对象来创建对称的副本,是CAD设计常用工具之一,可以帮助大家快速绘制出一些需要对称结构的图纸,省去重复绘制工作,有效帮助大家提升工作效率,节约时间。现在,浩辰CAD看图王全终端支持「图纸镜像」啦!今天,和小编一起来了解一下浩辰CAD看图王「图纸镜像」功能吧! 一、浩 ......
图纸 终端 镜像 CAD

第二篇 前端安全 - 【 跨站请求伪造 CSRF + 点击劫持 ClickJacking 】

前端安全相关的知识体系 1、跨站脚本攻击 XSS 2、跨站请求伪造 CSRF 3、点击劫持 ClickJacking 4、HTTP 严格传输安全 HSTS 5、CDN 劫持 6、内容安全策略 CSP 7、安全沙箱 Sandbox 8、Iframe 跨站请求伪造 - CSRF 1、跨站脚本伪造 - C ......
前端 ClickJacking CSRF

第三篇 前端安全 - 【 CDN劫持 + Iframe威胁 + 安全沙箱 - Sandbox 】

前端安全相关的知识体系 1、跨站脚本攻击 XSS 2、跨站请求伪造 CSRF 3、点击劫持 ClickJacking 4、HTTP 严格传输安全 HSTS 5、CDN 劫持 6、内容安全策略 CSP 7、安全沙箱 Sandbox 8、Iframe CDN 劫持 1、什么是 CDN ? CDN Con ......
沙箱 前端 Sandbox Iframe CDN