效果echarts项目vue
前端Vue自定义导航栏菜单 定制左侧导航菜单按钮 中部logo图标 右侧导航菜单按钮
前端Vue自定义导航栏菜单 定制左侧导航菜单按钮 中部logo图标 右侧导航菜单按钮, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13152 效果图如下: ![](https://p3-juejin.byteimg.com/ ......
一、qtcreator创建项目
1.点击新建项目按钮。 2.项目选择“Application”,QT应用,模板选择“QT Widgets Application”,创建一个桌面应用程序,然后确定,选择“choose” 3.选择项目保存路径(路径中不要有中文和空格)和更改项目名称。 4.选择项目构建系统,一般选择qmake即可,为Q ......
vue3 ref和reactive的区别
这两个都是vue3引入的响应式数据的api。 但也有区别: 1.ref一般后面跟的是基础数据类型。 而reactive一般都是 对象或者数组 。 示例如下: //基础类型:number const count: Ref<number> = ref(0);//实例对象 const data=react ......
前端Vue自定义简单好用商品分类列表组件 侧边栏商品分类组件
#### 前端Vue自定义简单好用商品分类列表组件 侧边栏商品分类组件 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13148 #### 效果图如下: ![](https://p3-juejin.byteimg.com/t ......
Echarts配置系列-图文并茂教你配置各种图表样式
@[Echarts配置系列](超简单的前端静态资源服务器部署--nginx) ## 说明 - 本文列举了各种常用的图表 - 各种常用配置信息 可以通过下面链接测试你的demo 配置哦 https://echarts.apache.org/examples/zh/editor.html?c=area- ......
搭建自己的OCR服务,第一步:选择合适的开源OCR项目
一、OCR是什么? 光学字符识别(Optical Character Recognition, OCR)是指对文本资料的图像文件进行分析识别处理,获取文字及版面信息的过程。 亦即将图像中的文字进行识别,并以文本的形式返回。 二、OCR的基本流程 1. 图像输入、预处理: 不同的图像格式有不同的存储、 ......
Tomcat项目不放在webapps下放在别的盘符目录下的配置
## 一、 项目不放在tomcat下的webapps下,而是放在别的盘符路径下,在service.xml中加以配置即可,配置如下: ```xml ``` host标签中的name是请求的IP,context标签中path是IP和端口后接的访问路径,docBase是项目所在的跟路径 第二个contex ......
Vue(三):数据绑定(v-bind和v-model)
数据绑定分为单向数据绑定和双向数据绑定,单向数据绑定就是前面学习的v-bind指令,而双向数据绑定则是下面学习的v-model指令。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>数据绑定</title> <script ty ......
代码项目快速生成markdown文件
# `code2md/run_img2markdown.command` ```sh #! /bin/bash source /Users/song/Code/script_python/code2md/venv/bin/activate # echo -n '请任意拖入文件夹中的一个文件:' # ......
TienChin 项目改造完善&项目结构分析
# 项目改造完善 ## 更改 Banner Banner 生成网站:https://bootschool.net/ascii ![image-20230622163439950](https://img2023.cnblogs.com/blog/2105804/202306/2105804-2023 ......
如何为开源项目编写Readme?——转载
UU5Xin关注IP属地: 上海 2022.05.31 13:33:31字数 1,084阅读 1,504 什么是Readme? README(顾名思义:“read me“)是启动新项目时应该阅读的第一个文件。它既包含了一系列关于项目的有用信息又是一个项目的手册。它是别人在 Github 或任何 Gi ......
在本地计算机上安装前端项目的开发环境,具体操作步骤
安装前端项目的环境需要以下步骤: 安装 Node.js 在本地计算机上安装 Node.js 是安装前端项目环境的第一步。Node.js 是基于 Chrome V8 引擎构建的 JavaScript 运行环境。你可以从官方网站 https://nodejs.org/en/ 下载适合你操作系统版本的 N ......
VisualStudio解决方案多个文件夹将项目分类
见过好多大项目,一个解决方案好多个项目,网站、动态库、测试等。放在不同的文件夹下,感觉很好。下面介绍一下方法。 首先创建一个空白解决方案 会自动创建MultiFolder解决方案目录。 ![img](https://img2023.cnblogs.com/blog/108012/202306/108 ......
Vue(二):指令语法之v-bind
一、什么是指令语法 vue中模板语法有两大类,第一类是插值语法,第二类就是指令语法。 1.插值语法 插值语法在上一篇“vue的简单使用”中已经提到了。 功能:用于解析标签体的内容 写法:{{XXX}},XXX为js表达式 2.指令语法 功能:用于解析标签(包括标签属性、标签事件、标签体内容等) 本文 ......
【技术积累】Vue.js中的基础概念与语法【一】
博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
Vue(一):简单使用
1.引入js 要对vue进行使用,首先要引入相关的js文件: <script type="text/javascript" src="../js/vue.js"></script> 此处我将vue.js下载到了本地进行引用。 2.准备容器 <!-- 容器 --> <div id="root"> <h ......
C++《程序设计项目实践Ⅱ》[2023-06-21]
# C++《程序设计项目实践Ⅱ》[2023-06-21] 《程序设计项目实践Ⅱ》 课程实践要求 王骞 电子与电气工程学院 2023 年 5 月 28 日 课程实践要求 请使用 C++编程语言在 Visual Studio 开发平台上编写代码,程序类型为控 制台应用程序,程序中的学生数据必须使用类来描 ......
vue+axios实现token无感刷新
原文出处:https://www.jb51.net/javascript/286094r4h.htm 通常,对于一些需要记录用户行为的系统,在进行网络请求的时候都会要求传递一下登录的token。不过,为了接口数据的安全,服务器的token一般不会设置太长,根据需要一般是1-7天的样子,token过期 ......
手把手教你在Windows下搭建Vue开发环境
一、下载Note.js 下载地址:https://nodejs.org/zh-cn/download 二、点击安装包无脑下一步即可(建议修改下路径) 三、在选择的安装路径下创建两个文件夹node_cache和node_global 四、打开CMD,设置缓存路径和全局模块存放路径 4.1 缓存路径 n ......
Vue / uniapp cart.js购物车
const cart = { namespaced: true, state: { //{"store_id":"","goods_id":"", "goods_name":"", "goods_price":"", "goods_count":"", "goods_small_logo":"", ......
项目经历整理
## 基于视觉安全的图像加密系统 1.图像加密研究 #### 置乱加密: Arnold变换: Arnold变换是俄国数学家提出的一种变化,一副N×N的数字图像的二维Arnold变换定义为: ![image](https://img2023.cnblogs.com/blog/2171665/20230 ......
vue3 虚拟滚动的一些实践
看到这个vueuse库打开新天地后,看到一句warning: Consider using vue-virtual-scroller instead, if you are looking for more features. 于是用起来。 好用,前提是看懂文档 业务需要使用grid,它的grid竟 ......
vue3 - onMounted 多次触发 - 解决
1.原因 <router-view> 外面使用了 <keep-alive> 导致多次触发 onMounted 生命周期 2.解决 使用<keep-alive> 的第一层 页面 初始化数据的生命周期应该放弃使用 onMounted 应该使用 onActivated 用法与 onMounted 是一样的 ......
自动化平台总结(httprunner+djangorestframework+python3+Mysql+Vue)【基础构思】
一、前言 最近从零搭建了一个自动化测试平台,虽然不是第一次从零搭建,但是也从来没有进行过这类搭建的总结,还是记录一下,搭建过程中的一些问题和方法。方便以后总结和翻阅 二、简介 搭建的平台使用的是Python3.6,未来有空可能考虑加个java版本。前端用的Vue,主体是httprunner2.X+D ......
Vue的set主要是做什么的
这个时候可以用this.$set(),给新添加的对象属性,或数组元素添加getter,setter方法 简单说即是:当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也 许这个时候就需要用到this.$set()这个方法了 methods:{ btn(){ Vue.set( ......
Vue项目优化
代码层面的优化 v-if 和 v-show 区分使用场景 computed 和 watch 区分使用场景 v-for 遍历必须为 item 添加 key,且避免同时使用 v-if 长列表性能优化 事件的销毁 图片资源懒加载 路由懒加载 第三方插件的按需引入 优化无限列表性能 服务端渲染 SSR or ......
vue中的data为什么是一个函数
Vue 中的 data 必须是个函数,因为当 data 是函数时,组件实例化的时候这个函数将会被调用, 返回一个对象,计算机会给这个对象分配一个内存地址,实例化几次就分配几个内存地址,他们的 地址都不一样,所以每个组件中的数据不会相互干扰,改变其中一个组件的状态,其它组件不变。 简单来说,就是为了保 ......
Vue单项数据流是什么
父级 prop 的更新会向下流动到子组件中,但是反过来则不行,防止从子组件意外改变父级组件的状态 每次父级组件发生更新时,子组件中所有的 prop 都将会刷新为最新的值 子组件想修改时,只能通过$emit 派发一个自定义事件,父组件接收到后,由父组件修改 ......
vue+element绑定事件使用
vue+element绑定事件使用 有时候需要写一点点前端页面,vue+element搭配是能提升效率的前端框架,因为使用还不太熟练,将一些常用的操作记录下来。 1. button绑定点击事件 1 <el-button type="danger" :data-id=123 v-on:click="c ......
DRF 跨域 Vue 登录!
DRF 跨域 下载 # 版本, 我 Django3.x Python3.7# django-cors-headers 4.0.0pip install django-cors-headers 配置 # 打开 settings.py# 增加INSTALLED_APPS = [ ... 'corshea ......