布局vue web
关于vite创建vue3项目@代替src失效的问题
用vite创建的vue3项目，用@来代替src不生效。报错：[vite] Internal server error: Failed to resolve import "@/views/xxxxxxxxxxxxx" from "src\views\dashboard\index.vue". Doe ......
vue3+vite+TS搭建项目
## 安装 npm安装方式 ```shell npm init vue@latest ``` pnpm安装方式(二选一) ```shell pnpm create vue@latest ``` 然后设置项目名称,接着选择自己需要的配置,安装完成 ......
web应用安全问题的分类(一)
一、客户端脚本安全问题 跨站脚本攻击(XSS)：XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript，但实际上也可以包括Java、 VBScript、ActiveX、 Flash ......
Electron Vue Vite 开发桌面应用
## 我需要使用Electron, VUE3, Vite 开发一个桌面应用，接收来自串口的数据，并使用Plotly绘制随时间变化的曲线，请提供开发步骤，项目文件结构 好的，以下是一个基本的 Electron + Vue3 + Vite 应用的开发步骤： 确保您已经安装了 Node.js 和 npm。 ......
vue使用vue-seamless-scroll自动滚动插件
首先运行命令npm install vue-seamless-scroll --savetemplate： <div class="publicNotification" @click="toDetail($event)"> <vue-seamless-scroll :class-option="p ......
2023-06-21 vue 变量赋值失败
直接看代码： // 获取屏幕高度 uni.getSystemInfo({ success: function (res) { this.screHeight = res.screenHeight; } }); 这个变量screHeight没有被赋值，拿到的还是我设置的初始值。 原因：this指向的作 ......
前端Vue自定义列表表格信息展示可用于商品规格参数展示
#### 前端Vue自定义列表表格信息展示可用于商品规格参数展示 ， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13131 #### 效果图如下：  # ......
The content of element type “web-app“ must match 解决方法
# 报错原因 问题描述 ： 在创建 SpringMVC 时 ， 选用 idea 的 webapp 模板来创建 ， xml 配置文件中进行配置时发现提示警告 警告如下：  npm init vue@latest vue-cli 命令行创建(可以选择vue2还是vue3，但是创建出来的是一个空的vue) vue create hello-world vue-cli 可视化创建(可以新建项目，也可以给项目添加 ......
vue2调用摄像头拍照并识别二维码
参考: https://blog.csdn.net/qq_33270001/article/details/124632110 https://www.cnblogs.com/skylineStar/p/16149694.html 图像解二维码：qrcode-decoder 摄像头需要在本地和ssl ......
2023-06-20 uniapp 使用插件 uni-data-picker 报错：[Vue warn]: Error in nextTick: "TypeError: db.collection is not a function"
前言：项目中引用了uni-data-picker插件，其官方代码如下： <uni-data-picker placeholder="请选择地址" popup-title="请选择城市" c ollection="opendb-city-china" field="code as value, nam ......
vue3和ts的一些使用
### 一. setup 变量不在写在data里面， 反而在setup内写。 ``` ``` ***ps:*** 1. 使用ref定义字符串，数组等变量值； 2. 变量赋值需要使用.value； ### 二. reactive ``` ``` ***ps*** 1. reactive 接收对象。 2 ......
圣杯布局 | 双飞翼布局
一、圣杯布局 圣杯布局需要将中间栏放在前面优先渲染 圣杯布局利用浮动、负边距、相对定位来实现 父元素 container 设置左右 padding 空出左右两栏位置。 三栏均设置向左浮动，中间栏设置 width: 100%; ，即与父元素宽度一样，将左右两栏挤到下面。 设置 margin 属性为负值 ......
ctfshow web入门
# CTFshow web 入门 ## 命令执行 ### web29 ```php 代替，因为php语言最后一句话可以不用;结尾 pyload:?c=include%0a$_GET[1]?>&1=php://filter/convert.base64-encode/resource=flag.php ......
菜鸟工作日记--------------记录一次vue npm install时报错Maximum call stack size exceeded的解决过程
因为有一个项目需要修改一下前端，运行时报错,就使用npm i 补充一下依赖 没想到npm i 也报错了 在网上搜了一些方法 有一个是这样说的：在使用npm install 命令安装 npm 包时，遇到 “Maximum call stack size exceeded” 报错信息 解决办法： 可以将 ......
vue学习第24天 移动WEB开发------ rem适配布局
目标： 1）能够使用rem单位 2）能够使用媒体查询的基本语法 3）能够使用Less的基本语法 4）能够使用Less中的嵌套 5）能够使用Less中的运算 6）能够使用2中rem适配方案 7）能够独立完成xx移动端首页 思考： 1、页面布局文字随屏幕大小变化而变化 2、流式布局和flex布局主要针对 ......
搭建自动化 Web 页面性能检测系统 —— 实现篇
>我们是[袋鼠云数栈 UED 团队](http://ued.dtstack.cn/)，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。。 >本文作者：琉易 [liuxianyu.cn](https://link.juejin.cn/?target=h ......
vue配置scss全局样式
1. 安装插件 ```shell npm install sass --save-dev ``` 2. 在src文件夹下创建`styles`文件夹,并创建以下文件 ![在这里插入图片描述](https://img-blog.csdnimg.cn/86ddf91ee31644328152197e518 ......
vue学习第22～23天。 xxx移动端制作
项目地址后续添加： xxxx 1、属性选择器只用一个类名, 设置多个相同元素 使用属性选择器就可以给他们添加相同的样式 2、背景线性渐变 注意：背景渐变必须添加浏览器私有前缀 ......
php和java在web中的性能对比
心血来潮，搭了三套环境：php-thinkphp5.1、php-laravel、java-spring boot web 以下是thinkphp VS spring boot web ![](https://img2023.cnblogs.com/blog/1801436/202306/180143 ......