vue项目web端-封装组件

2023年最新京东web端h5st3.0/3.1/4.1/4.2算法分析

文章目录前言一、初步分析二、详细分析总结h5st4.2分析:https://blog.csdn.net/danran550/article/details/133807065前言最近无聊研究某东网页发现多了个h5st加密参数，在这里分析一下逆向步骤，跟大家共同学习。一、初步分析完整的h5st参数如下：20230219224055580;5811449597265311;e74d9;tk03wcfb
danran550·2024-02-01 05:13

记 2024-01-29 docker 学习

前端部署docker[文档](https://www.imqd.cn/why-web-developer-should-study-docker.html)1.npmrunbuild打包vue项目生成dist
前端喜欢研究技术·2024-02-01 04:14

实现vue项目可通过 IP 和 localhost

实现vue项目可通过IP和localhost同时访问项目localhost可以在本机访问，ip可以在同一局域网下的电脑或者移动端进行访问，运行结果如图：第一步：在webpack.dev.conf.js文件中配置
天使的同类·2024-02-01 04:42

Vue-49、Vue技术实现动画效果

1、首先，在Vue项目中的src/components文件夹下创建一个名为AnimatedBox.vue的文件。
一叶飘零晋·2024-02-01 02:29

vue解决vant组件样式失效问题

vue项目中引入vant组件，若发现vant组件样式失效，通常有以下几种解决方法：方法一：引入全局样式  在引入vant组件的地方或者全局引入vant组件所有的样式，引入方法为：在vue引入vant的页面中
年轻人多学点·2024-02-01 01:41

uniapp实现悬浮球组件

1.封装组件exportdefault{props:{iconUrl:{type:String,default:''},onClickHover:{type:Function,require:true,
qq_48378883·2024-02-01 01:52

uniapp实现悬浮球组件二

1.封装组件exportdefault{name:'drag-button',props:{isDock:{type:Boolean,default:false},existTabBar:{type:Boolean
qq_48378883·2024-02-01 01:52

『腾讯文档』，它是我用到的最好写作办公工具

在Web端提供丰富的格式排版工具，完全可以媲美Office。
新海说·2024-02-01 01:02

vue项目使用easyplayer播放m3u8直播推流

官网青犀视频代码库/示例/demoEasyPlayer示例效果：项目背景如图后端给了m3u8的直播地址协议是hls/flv市面上很多第三方热门播放库都可以完成该多屏播放方式如Video.js问题在于分多屏时会存在性能问题并且关闭播放器后即便删除Dom或调用停止等方法F12网络还在不断的请求分片故采用该库Easyplayer该库使用方便性能较好文档清晰几乎0上手成本1.安装npminstall@ea
RyzenVega·2024-02-01 00:01

vue项目实现图片缩放与拖拽功能

在项目开发中遇到一个需求：1：用鼠标滚轮可对图片进行缩放处理2：点击按钮可对图片进行缩放处理3：可对图片进行拖拽处理我在开发中通过自己实现与百度查看优秀的铁子进行了两种类型的使用1：个人进行实现：源码：大小未赞已赞-->下载exportdefault{data(){return{zoomD:1,love:false,imgSrc:'https://img2.baidu.com/it/u=13959
翱翔同步·2024-01-31 23:25

vue项目中利用html-to-image插件将div盒子转化为base64图片,和鼠标滚轮控制图片缩放!!!

盒子包括里面内容转化成png图片的插件,我个人在项目中遇到使用它的情况是在读取身份证信息之后,将获取到的数据,填入到自己写好的div盒子内,然后转化成图片放入到展示区域内.这里只写一个简单的盒子,内部一段文字和一张图片(vue
上铺的老家伙·2024-01-31 23:55

【Vue】二、Vue 组件展示控制的优雅解决方案

vue项目中展示的组件，我平常都是通过v-show进行展示控制，类似这样通常情况下，一个正常展示组件的流程，是通过前端用户点击触发函数，在函数中对data数据进行操作，从而展示不同的页面showWork
奈何不吃鱼·2024-01-31 23:23

业务逐字稿

1.WEB端旅游线路发布模块旅游公司在Web端点击新增旅游线路按钮，浏览器请求发送到Nginx，Nginx反向代理到网关，网关去找微服务，微服务实现具体的旅游线路发布功能旅游公司工作人员在Web端点击新增旅游线路按钮
你小汁完了·2024-01-31 21:18

vue项目在public中编写一个json文件 并用http请求获取 模仿数据接口

我们前后端分离是经常存在前端已经开发到需要接口但后端还没开始的情况的如果直接在js中写假数据后面还要改不少东西多少有点麻烦我们可以直接在public静态资源目录下创建一个json文件这里我取名叫city.json大家可以根据自己喜好给json文件命名我这个json文件的内容是这样写的{"data":{"name":"四川","population":80000000}}就写了个json对象里面给了
瑞晟技术服务中心-耿瑞·2024-01-31 17:14

Vue项目设置局域网可以访问

默认情况下，Vue项目是通过npmrunserve启动的，它只能在本地进行访问。如果要使其可以在局域网内被访问，需要在启动命令后加上--host0.0.0.0选项，这样才可以监听所有网络接口。
IT之一小佬·2024-01-31 16:57

Nginx 本地部署vue项目

1、下载Nginx稳定版本2、下载安装后，打开nginx.conf配置文件3、找到打包好的文件，并配置运行文件文件的位置rootC:/server/buildlocation/{rootC:/server/build;indexindex.htmlindex.htm;#解决刷新后nginx报404问题try_files$uri$uri//marketing/index.html;}4、运行ngin
一个博客·2024-01-31 15:27

如何快速创建一个Vue项目

如何快速创建一个Vue项目要快速创建一个Vue项目，可以按照以下步骤进行操作：首先确保已经安装了Node.js。在命令行中输入node-v来查看当前的Node.js版本。
前端小天才·2024-01-31 13:03

vue核心知识点

一、Vue基础知识点总结开发vue项目的模式有两种：基于vue.js，在html中引入vue.js，让vue.js管理div#app元素。
前端小天才·2024-01-31 13:00

腾讯云部署vue+node项目

文章目录一、安装宝塔二、vue项目部署三、node项目部署前言:关于项目部署,一开始也是找了很多资料,费了点时间,所以记录一下。希望能对各位有所帮助。
378420亿千米·2024-01-31 11:44

如何快速上手Vue框架

快速上手Vue框架可以分为几个步骤，下面是一个详细的指南：环境准备安装Node.js：Vue项目通常使用Node.js来搭建开发环境。你可以从Node.js官网下载并安装最新版本。
love6a6·2024-01-31 10:11

前端Vue项目webpack打包部署后源码泄露解决

前端Vue项目webpack打包部署后源代码泄露解决问题描述经Webpack打包部署到服务器后，访问并打开开发者模式，在Source下出现[name]路径，内部包含(webpack)buildin文件夹
兜里揣着星星·2024-01-31 10:23

项目实现网页分享QQ空间功能

文章目录个人主页Vue项目常用组件模板仓库前言：源码如下：个人主页Vue项目常用组件模板仓库前言：本篇博客主要提供“点击转发按钮，将本页面转发至QQ空间”源码，需要的朋友请自取源码如下：转发到QQexportdefault
信计2102罗铠威·2024-01-31 08:54

vue报错：[vuex] unknown action type: user/doLogin

vue项目中，使用vuex进行状态管理，出现一下错误的原因是：store/modules的命名空间（namespaced）有误解决办法：1、查看是否有设置namespaced:true2、查看namespaced
煸橙干儿~~·2024-01-30 20:56

Chrome 谷歌浏览器升级到120版本后VUE项目F12无法正常输出日志和调试Debugger ，无法使用Sourcemap的解决办法

问题描述：F12无法正常console.log输出日志，统一在vue.js下输出定位不到源代码，在代码中写debugger也无法进入断点。导致无法使用Sourcemap。1、F12开发者工具点击右上角设置2、设置-忽略列表-启用忽略清单（升级120版本后，默认启用的）3、关闭启用忽略清单，再次尝试就可以了
⑧o年崋·2024-01-30 19:37

vue项目eslint配置 以及 解释

//https://eslint.org/docs/user-guide/configuringmodule.exports={root:true,parserOptions:{parser:"babel-eslint"},extends:["plugin:vue/recommended"],rules:{//属性数据同行不超过8过"vue/max-attributes-per-line":[2,
⑧o年崋·2024-01-30 19:36

Vue router原理

总结：vue-router是vue项目的重要组成部分，用于构建单页应用。单页应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。
冻三尺·2024-01-30 19:55

常见的项目报错以及解决方案小结

在Vue项目中，常见的报错包括但不限于以下几种：Vue模板编译错误：这通常表示你在模板中使用了无效的语法或表达式，比如未关闭的标签、错误的指令使用等。
Lemom199·2024-01-30 19:19

解决 vue-cli · Failed to download repo vuejs-templates/webpack 错误

创建一个vue项目步骤如下：先进入一个事先准备好的目录，比如demo目录，然后在目录中做初始化操作：$vueinitwebpackproject名注意：project名不能包含大写字母webpack参数是指这个项目将会在开发和完成阶段自动打包代码初始化可能会失败
走在路上的低级弟弟·2024-01-30 18:15

如何使用Vue CLI创建vue项目+项目目录介绍

1初识VueCLI详见官网：https://cli.vuejs.org/guide/2安装VueCLI2.1卸载学安装之前，我们先学习如何卸载npmuninstallvue-cli-g#或者yarnglobalremovevue-cli2.2安装npminstall-g@vue/cli#ORyarnglobaladd@vue/cli2.3检查#可通过下列命令检查安装的脚手架的版本vue--vers
我看谁还在睡觉·2024-01-30 18:47

使用脚手架Vue cli2.0创建项目

文章目录使用脚手架Vuecli2.0创建项目1初识vueVue开发者简介2vue开发环境搭建Step1安装NodeJSStep2安装cnpmStep3安装vue-cliStep4初始化项目Step5启动开发环境3Vue
luckybeggar·2024-01-30 18:46

Vue之初识Vue CLI 脚手架

VueCLI是Vue官方提供的一个全局命令工具可以帮助我们快速创建一个开发Vue项目的标准化基础架子。【集成了webpack配置】脚手架有什么好处？
远近高低各不同·2024-01-30 18:43

手把手带你撸一遍vue-loader源码

前言前面写过两篇webpack实战的文章：webpack实战之（手把手教你从0开始搭建一个vue项目）手把手教你从0开始搭建一个vue项目（完结）强烈建议小伙伴们去看一下前面几个章节的内容，这一节我们研究一下
vv_小虫虫·2024-01-30 18:16

vue-head 插件设置浏览器顶部 favicon 图标 - 动态管理 html 文档头部标签内容

目录需求实现11.安装插件2.项目内main.js引入3.vue页面使用实现2其他需求vue项目中浏览器页面顶部图标可配置实现1使用vue-head插件实现vue-head插件可实现html文档中head
Fighting_p·2024-01-30 18:36

解读新创建vue项目的各个目录的作用

当你使用vuecreate命令创建一个新的Vue项目时，会自动生成一些基础目录和文件，它们的作用如下：node_modules:存储项目的依赖包，包括开发依赖和运行依赖。
晚风皆是过客.·2024-01-30 14:35

宝塔nginx部署前端页面刷新报404

问题：当我们使用脚手架打包前端项目的时候，如果前端项目并没有静态化的配置，如以下当我们刷新页面，或进行路由配置访问的时候就会报404的错误原因：这是因为通常我们做的vue项目属于单页面开发。
月亮被咬碎成星星·2024-01-30 13:47

解决vue项目部署在服务器上无法打开public中的文件

问题：放在public中的文件，部署服务器访问出现404访问www.xxxxx.com/template/xxxxx.xlsx路径报错。发现问题：vue.config.js中outputDir有值，所以部署在服务器应该带上它。outputDir:'project',//构建时的输出目录解决方法：访问路径加上outputDir路径，http://www.xxxxx.com/project/templ
猫在裙角jslms·2024-01-30 12:09

将vite项目(vue/react)使用vite-plugin-pwa配置为pwa应用，只需要3分钟即可

为了实现这个目的，我们可以为vue项目使用一个插件：vite-plugin-pwavite-plugin-pwa仓库地址：https://github.com/vite-pwa/vite-plugin-pwav
1024小神·2024-01-30 11:44

Vue项目中使用React组件(antd组件库也可以)，React中使用Vue组件

在Vue项目中使用React组件(antd组件库也可以)，在React中使用Vue组件下面我写个demo教大家如何在Vue组件库中使用React组件甚至antd组件触类旁通,在React中使用Vue组件
清羽_ls·2024-01-30 10:29

Vue项目中vuex的安装和使用

Vue项目中vuex的安装和使用1.安装vuex2.导入vuex包并创建store仓库3.在main.js中导入store实例4.检测vuex是否能正常使用1.安装vuexnpminstallvuex-
无·糖·2024-01-30 09:20

Vue项目中如何使用图标组件库

vue项目中如何使用SVG图标-CSDN博客这是上一个如何使用SVG图标，自由的从图标库下载图标进行增删改等操作固然很方便，但是也暴露出一些小小的不足，那就是任意的图标使用可以造成图标风格的不统一，从而影响整个项目的用户体验
开心点啦.·2024-01-30 08:35

vue项目中如何使用SVG图标

IconFont使用的不足：图标添加、修改、删除以后在线链接需要更新离线资源需要重新下载项目代码需要同步更新。在项目不断更新和迭代的过程中，图标的增减变化还没有稳定的情况下，开发人员的工作效率会明显下降。那么有没有一个图标应用方式，就是开发人员如果新增，修改，删除某一图标，那么就仅仅只是操作这一目标图标即可。如果有新增，则直接从图标平台上下载新增图标到项目目录中，如果有修改，则直接将修改以后的图标
开心点啦.·2024-01-30 08:05

方案：将vue项目放在SpringMVC中，并用tomcat访问

问题：目录如下：今天我测试了一下将vue打包后，放入webapp下面访问，却发现vue项目无法显示。
软件开发技术局·2024-01-30 07:39

npm v10.4.0 is known not to run on Node.js v14.21.3

问题起因vue项目在打包的时候突然报如下错误，项目原来打包的时候是没问题的。
道法自然 实事求是·2024-01-30 07:12

vue项目移动端点击图片放大预览（可拖拽，放大）

1.下载依赖npminstallvue-photo-preview-S2.引入main.js中全局引入importpreviewfrom'vue-photo-preview'import'vue-photo-preview/dist/skin.css'Vue.use(preview)3.应用给图片加上preview="0"分组在图片加载完成后调用this.$previewRefresh();即可4
关忆北_·2024-01-30 06:19

按照模板生成文件，Word 或者 Excel

需求流程：模板部分如图：Web端技术选用Jfinal功能实现：下面代码是调用--“外部接口”--传参，将前端选中的信息传给后端，另外将后端返回的文件流下载成文件packageibasic.web.com.controller
zhanghe687·2024-01-30 06:11

尚硅谷Vue项目实战硅谷甄选Vue3学习笔记

Props父传值子组件子组件我是子组件:曹植{{props.info}}{{props.money}}{{info}}{{money}}修改props数据letprops=defineProps(['info','money']);//接收父类给予的数值//按钮点击的回调constupdateProps=()=>{//props:只读儿子没有console.log(props.info)}父组件p
　方雄·2024-01-30 04:36

VUE项目请求header中添加自定义参数报跨域错误

工作中需要一个后台管理的页面，之前使用springboot框架的后端代码，已经调通了登录，现在后端代码的框架换成了SSM,就一直报跨域问题。前端框架用的vue,因为访问的时候，需要添加token做验证，打算把token和其他的参数放到请求头header中,header中放入自定义参数后，就一直报跨域问题，后端也添加了跨域的过滤器，用了之后还是报跨域的问题，最后发现是SSM框架中web.xml中配置
凤栖梧0414·2024-01-30 02:44

gitee 轻量级pr怎么操作

只需在Web端完成代码贡献，就能一键向开源仓库提出PR请求，减去了传统PR过程中所需的繁琐操作。具体操作步骤如下：打开任意的开源项目，例如可以在Gitee平台上找到一个你感兴趣的项目。
帐篷Li·2024-01-29 23:47

Google重磅发布Flutter 2.0

开发者可借助Flutter2打造开箱即用的应用程序，并且能够为iOS、Android、Windows、macOS、Linux和Web端套用相同的代码。
乐子侃生活·2024-01-29 23:49

VUE项目学习——入门篇

准备首先删除vuedemohellovue相关代码和文件components下的helloworld.vueapp.vue中的img标签router中的helloworld声明和引用引入一个简单的样式组件库npmielement-ui-S方便书写几个简单组件举例学习目录初始化在src目录下新建views文件夹在assess目录下新建js、css、font、img四个文件夹在css目录下新建comm
weixin_34124939·2024-01-29 22:58
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他