作为代码质量检查的流行工具,比如Sonarqube能够检查代码的“七宗罪”,跟代码结合起来能够更好地提高代码的质量,让我们来看一下,刚刚写的Springboot2的HelloWorld的代码有什么“罪”。SonarqubeSonarqube可以使用docker版本快速搭建,可以参看一下Easypack整理的镜像,具体使用可以参看如下链接,这里不再赘述:环境假定本文使用到的sonarqube为本机3
vue 从入门到精通之【vue数据视图】(一)vueVue是"渐进式框架":vue.min.js只包含了vue的核心内容【例如:options api 、数据处理、template模板视图解析等操作】;真实项目中我们还会根据需求,导入vuex实现公共状态管理vue-router 实现SPA(single page application)单页面应用element-ui/antdv/iview/va
有时候想同时(同级)展示多个视图,而不是嵌套展示,例如创建一个布局,有 sidebar(侧导航) 和 main(主内容) 两个视图,这个时候命名视图就派上用场了。你可以在界面中拥有多个单独命名的视图,而不是只有一个单独的出口。如果 router-view 没有设置名字,那么默认为 default。
转载 2018-11-29 14:26:00
70阅读
2评论
Gitlab 提供了基于 Code Climate 的代码质量评估功能,这一功能是通过 dind(Docker in Docker)方式运行的,在 Kubernetes 环境中、尤其是托管集群中,这种方式不太合适,还好还有一个替代方案:Sonarqube,通过在 .gitlab-ci.yml 中的设置,可以使用 Sonarqube 对代码进行扫描,接收到 Commit 之后,Sonarqube 会
文章目录前言一、jenkins关于"SonarQube"的配置1.jenkins下载"SonarQube Scanner"扫描插件2.配置sonarqube服务器信息3.配置构建时下载的SonarQube Scanner扫描工具二、扫描后端java项目1.sonarqube创建项目并生成项目令牌2.Jenkins后端java job中添加SonarQube代码扫描步骤3.Jenkins构建后会在
vue图像扫描编程实现方法,驱动扫描仪进行web图像扫描方法。
最近做的项目有个需求是在手机端打开页面,登录之后能在手机上扫描二维码并根据扫描的结果去查询班级情况。别的功能就不说了,移动端扫描二维码这个以前没做过,所以在这里记录一下。 项目用到的技术栈: Vue 3 + TypeScript + Vite + jsQr,UI组件库是 arco Design,可以根据自己的项目改为需要的,这个很好改这个项目下载下来就能用直接跑通,需要注意的就是在本地开发用浏览器
转载 7月前
444阅读
动态添加对象属性
转载 2019-06-11 17:17:00
157阅读
2评论
从脚手架入手template 模板 比如<template
原创 2022-08-19 11:37:48
93阅读
在我们使用Vue进行开发的过程中,可能会遇到一种情况:当生成Vue实例后,当再次给数据
原创 2022-06-16 12:37:00
1665阅读
  当vue的data中的值发生变化后,视图中引用部分的值是否会同时发生变化呢?首先,我们要知道有哪些更新的类型。 更新的类型  1、直接赋值更新。this.heros=[' '],模板会立即更新。  2、通过函数更新。this.heros.push("xx)。 更新的函数:  push():在数组最后添加元素;  pop():删除最后一个元素;  shift():删除最后一个元素;  
转载 2023-07-05 17:00:40
139阅读
不可质疑,国内Vue使用者多于React使用者,其中Vue官网有一段这样的表述:“更抽象一点来看,我们可以把组件区分为两类:一类是偏视图表现的 (presentational),一类则是偏逻辑的 (logical)。我们推荐在前者中使用模板,在后者中使用 JSX 或渲染函数。这两类组件的比例会根据应用类型的不同有所变化,但整体来说我们发现表现类的组件远远多于逻辑类组件”。所以Vue相比React还
转载 3月前
45阅读
配置Sonarqube检测JS环境配置确认环境依赖安装本体下载sonar-scanner安装插件中文包PDF生成插件运行测试创建项目创建测试配置文件运行scanner报告生成sonar规则sonar为项目特制规则集sonar编辑规则sonar新建自定义规则简单情况通过插件获取规则自主编写代码规则附1:为VSCode配置sonar环境安装sonarlint插件为vscode连接sonarqube附
一、什么是数据驱动 数据驱动是vuejs最大的特点。在vuejs中,所谓的数据驱动就是当数据发生变化的时候,用户界面发生相应的变化,开发者不需要手动的去修改dom。 比如说我们点击一个button,需要元素的文本进行是和否的切换。在jquery刀耕火种的年代中,对于页面的修改我们一般是这样的一个流程
转载 2018-03-28 21:11:00
134阅读
2评论
vue router 嵌套命名视图 路由代码: 确保正确使用 components 配置 (带上 s)。
转载 2020-02-11 21:54:00
204阅读
2评论
Q: 在使用element的日历组件时,发现vue代码里改动model绑定的值,但是视图没有刷新。可是网页开F12调试,直接利用Vue调试插件改model绑定的值就可以刷新。 A: 先说最后查到的Bug结论 >利用索引直接设置一个项时,Vue 不能检测到变动的数组,换用push、pop命令后,Dat ...
转载 2021-10-13 16:01:00
1456阅读
2评论
(目录) 前言 Vue中切换视图组件的方案大致有三种 1、roure-view 适合大幅度视图切换 2、v-if 适合小幅度组件切换 3、component 动态组件 roure-view 切换视图组件 这个不多说了,之前的文章记录:Vue - route路由跳转 v-if 切换视图组件 这个比较简
原创 2021-09-17 10:58:56
785阅读
【代码】vue-其他命名视图.html。
原创 2023-06-03 00:05:20
38阅读
1.6 命名视图1.6.1 概述有时候需要同时(同级)显示多个视图,而不是嵌套显示。比如创建一个布局,有 header 头部、sidebar 侧边栏、main 主内容等,这个时候就可以使用命名视图,可以同时在一个页面上定义多个命名视图!1.6.2 基本写法命名路由<router-view name="header"></router-view><router-view
原创 2023-02-23 00:02:33
103阅读
网页实现扫描二维码. 插件:npm install --save vue-qrcode-reader Tips:需要在https协议下才可以调用相机,实现扫码。 可以通过配置vue.config.js中的devServer:{https:true} 代码: <template> <div> <p c ...
转载 2021-07-13 15:00:00
2573阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5