草庐IT

vue-qrcode-reader

全部标签

基于Java+Vue+uniapp微信小程序小说阅读系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

如何从VUE-CLI WebPack-Simple项目中提取CSS?

我仍在学习VUE,所以我正在努力弄清楚如何将InlineCSS转换为CSS文件。如果有人可以帮助我设置CSS(SCSS)提取到单个CSS文件,我将不胜感激!还是会打败Vue范围的范围风格的目的?这是我的webpack.config代码:varpath=require('path')varwebpack=require('webpack')module.exports={entry:'./src/main.js',output:{path:path.resolve(__dirname,'./dist'),publicPath:'/dist/',filename:'build.js'},modul

记录--vue3函数式弹窗

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言最近接到一个需求,需要在一些敏感操作进行前要求输入账号和密码,然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件,在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了,那么有没有更简单的实现方式呢?函数式弹窗的使用场景首先我们来看看什么是函数式弹窗?函数式弹窗是一种使用函数来创建弹窗的技术。它可以简化弹窗的使用,只需要在需要弹窗的地方调用函数就可以了。那么这里使用函数式弹窗就能完美的解决我们的问题。我们只需要封装一个showPasswordDialog函数,调用该函数后会弹出一个弹

记录--vue3函数式弹窗

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言最近接到一个需求,需要在一些敏感操作进行前要求输入账号和密码,然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件,在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了,那么有没有更简单的实现方式呢?函数式弹窗的使用场景首先我们来看看什么是函数式弹窗?函数式弹窗是一种使用函数来创建弹窗的技术。它可以简化弹窗的使用,只需要在需要弹窗的地方调用函数就可以了。那么这里使用函数式弹窗就能完美的解决我们的问题。我们只需要封装一个showPasswordDialog函数,调用该函数后会弹出一个弹

【vue3】使用canvas

canvas是什么?一个html5支持的新标签,见名知意,canvas就是画板的意思,可以在canvas上画画。css画三角形很简单,但是要画五角星呢,不妨试试canvas。在html中使用canvas1、canvas是html5中的一个标签。新建一个html。并在body中加入canvas标签。body>canvasheight="600"width="600">canvas>body>此时canvas已经显示在画板中,只不过因为和body的颜色一样,所以看不出来。在head中加入css样式。style>canvas{border:1pxsolid;}style>这时我们就可以看到canva

Vue3 Setup语法糖,前端高效开发Vue组件的利器

在Vue3中,setup语法糖是一个新特性。它允许我们在单个件中组合多个项,并且可以在组件的呈现上下文中直接暴露出函数,状态和计算属性等。在Vue2中,我们必须将组件的选项用各种方法都组织在一起,有时候会显得有些冗长。但是,在Vue3中,我们可以使用setup语法糖来定义组件的逻辑,从而简化组件代码。setup函数在运行时会接收两个参数,分别为props和context对象。props包含了该组件的所有属性,而context则包含了当前执行环境的上下文信息。在setup函数内部,我们可以定义响应式数据,方法和计算属性等。这些全都可以在模板内部直接使用,不需要进行额外的处理。例如,下面是一个使用

vue2.x-echarts公共组件封装--简易篇(3d柱状图,炫酷仪表盘,折线,曲线图)

更新一下之前写的echarts简单图表公共组件的封装,该组件可以实现自适应展示效果废话不多说,上代码:vue-echarts通用组件let_c={id:1};import*asechartsfrom'echarts';importechartMixinsfrom"@/utils/resizeMixins";//引入echartimport'echarts-gl'exportdefault{mixins:[echartMixins],created(){_c.id++;this.id="charts_"+_c.id;},props:{echartsData:{type:Object,},},da

Vue基础--webpack介绍以及基础配置

写在最前:实际开发中需要自己配置webpack吗? 答案:不需要!实际开发中会使用命令行工具(俗称CLI)一键生成带有webpack的项目开箱即用,所有webpack的配置项都是现成的!我们只需要知道webpack中的基本概念即可!以下的学习为了更深刻了解其原理,明白其过程。有助于更好的完成项目的打包,因此也尤为重要!由于前端开发发展迅速,各种包工具版本不断升级,出现各种兼容性问题,优先建议使用本文中所提及的版本学习,了解原理!一、前端工程化1.现代化前端编程        模块化(js的模块化、CSS的模块化、资源的模块化)        组件化(复用现有的UI结构、样式、行为)      

winform使用CefSharp嵌入VUE网页并交互

1、NuGet添加CefSharp如果下载慢或失败可以更新下载源腾讯资源https://mirrors.cloud.tencent.com/nuget/华为资源https://repo.huaweicloud.com/repository/nuget/v3/index.json 2、将项目平台改为X643、在winform窗体添加cefusingCefSharp;usingCefSharp.WinForms;usingNewtonsoft.Json;usingSystem;usingSystem.Windows.Forms;namespaceWindowsFormsApp2{publicpar

vue+asp.net Web api前后端分离项目发布部署

一、前后端项目介绍1.前端项目是使用vue脚手架进行创建的。脚手架版本:@vue/cli5.0.8编译器版本:vscode1.82.22.后端是一个asp.net CoreWebAPI项目后端框架版本:.NET6.0编译器版本:vs2022二、发布部署步骤第一步:在vscode编译器中的终端窗口输入如下命令,进行前端项目打包。npmrunbuild打包后文件如下所示:第二步:在vs2022中进行后端项目发布。选择项目后,右键鼠标,选择发布,然后选择发布到文件夹。发布后文件如下所示:第三步:IIS服务器部署前环境准备在IIS服务器上部署前后端项目,需要安装一个.NET6.0部署捆绑包。官网下载地