草庐IT

nodejs_vue

全部标签

vue 拖动、缩放容器组件,支持移动端双指缩放和PC端鼠标滚轮缩放

原理本组件基于CSS的transform实现。移动端监听touch事件(单指移动,双指移动+缩放),PC端监听mouse事件(移动)和滚动事件wheel(缩放),更新transform的translateX/translateY/scale值,从而实现缩放、移动。由于transform不会产生重排,因此不节流也可以有很好的性能,用户体验就像德芙,纵享丝滑!鼠标事件比较好理解,记录鼠标按下时的坐标,移动时计算偏移距离与初始translate相加即可实现移动。滚动事件则是判断纵向滚动距离event.deltaY,为正(下滚)缩小,为负(上滚)放大,同时要校正因缩放产生的偏移,让缩放中心始终在鼠标点

【Vue】1-2、Webpack 中的插件

一、Webpack 插件的作用通过安装和配置第三方的插件,可以拓展webpack的能力,从而让webpack用起来更方便。 二、两个常用插件 1)webpack-dev-server类似于node.js使用的nodemon工具每当修改了源代码,webpack会自动进行项目的打包和构建2)html-webapck-pluginwebapck中的html插件(类似于一个模版引擎插件)可以通过此插件自定制index.html页面的内容命令行安装webpack-dev-server插件:npminstallwebpack-dev-server@3.11.2-D配置webpack-dev-server1

vue项目中路由懒加载的三种方式

1.vue异步组件技术====异步加载 vue-router配置路由,使用vue的异步组件技术,可以实现按需加载. 但是,这种情况下一个组件生成一个js文件/*vue异步组件技术*/{path:'/home',name:'home', component:resolve=> require(['@/components/home'],resolve) },{path:'/index',name:'Index',component:resolve=>require(['@/components/index'],resolve)},{path:'/about',name:'about',compo

【Vue】1-5、Source Map

一、简介SourceMap就是一个信息文件,里面存储着位置信息。也就是说,SourceMap文件中存储着压缩混淆后的代码所对应的转换前的位置。有了它,出现错误的时候将直接显示原始代码,而不是转换后的代码,能够极大的方便后期的调试。 二、解决默认SourceMap的问题 开发环境下,推荐在webpack.config.js配置文件中添加如下的配置: module.exports={ mode:'development', devtool:'eval-source-map'}发布时应关闭SourceMap,确保源代码不是暴露若需要设置为只定位行数不暴露源代码,则可以将devtool的值设置为hid

如何在VSCode内嵌浏览器实时预览Vue项目

如何在VSCode内嵌浏览器实时预览Vue项目如何在VSCode内嵌浏览器实时预览Vue项目:如何在VSCode内嵌浏览器实时预览Vue项目:安装以下两个插件:justhemlpreview和BrowserPreviewjusthemlpreview:使用ctrl+shift+p打开命令然后输入:justpreview即可打开输入本地项目地址:localhost:4000最后可按照vscode正常分屏方式分屏(右上角有pc端和移动端)BrowserPreview:现已不再维护安装成功后左边会出现一个类似于写字板的东西点击打开再输入本地项目地址即可点击后打开的页面:地址栏输入本地项目地址:

Vue ui/vue create创建项目报错:Failed to get response from https://registry.npmjs.org/vue-cli-version-ma

1、错误截图,会发现是版本的问题,但是即使卸载重装也无济于事,所以还是要找一下源头2、原因分析:Failedtogetresponsefromhttps://registry.npmjs.org/vue-cli-version-ma翻译为:从/vue-cli-version-marker获取响应失败 3、解决方案(哪个合适用哪个)(1)可能是受hadoop环境中包含的yarn环境影响,如果之前因为使用到hadoop的相关依赖环境的,去环境里边删除hadoop的相关环境,卸载之后yarn可以重新安装:链接转载找到环境变量(2)如果第一个也没用,去C:\Users\自己主机的用户名 发现此处"us

Nodejs快速搭建简单的HTTP服务器,并发布公网远程访问

大家好这里是YY,本期给大家分享如何快速搭建快速搭建简单的HTTP服务器,并发布公网远程访问~文章目录前言1.安装Node.js环境2.创建node.js服务3.访问node.js服务4.内网穿透4.1安装配置cpolar内网穿透4.2创建隧道映射本地端口5.固定公网地址前言Node.js是能够在服务器端运行JavaScript的开放源代码、跨平台运行环境。Node.js由OpenJSFoundation(原为Node.jsFoundation,已与JSFoundation合并)持有和维护,亦为Linux基金会的项目。Node.js采用Google开发的V8运行代码,使用事件驱动、非阻塞和异步

基于vue.js就餐预约点餐系统设计与实现(uni-app框架+PHP后台) 研究背景和意义、国内外现状

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式一、研究背景和意义随着人们生活节奏的加快和互联网技术的普及,外卖和就餐预约点餐服务逐渐成为了餐饮行业的新趋势。传统的就餐方式往往需要顾客到店后排队等候,不仅浪费了时间,还可

前端常用 Vue3 项目组件大全

Vue.js是一种流行的JavaScript前端框架,它简化了构建交互式的用户界面的过程。Vue3是Vue.js的最新版本,引入了许多新的特性和改进。在Vue3中,组件是构建应用程序的核心部分,它们可以重用、组合和嵌套。下面是一些前端开发中常用的Vue3项目组件。1、VueRouter:VueRouter是Vue.js的官方路由管理器。它允许你在应用程序中实现单页应用程序(SPA)的导航。VueRouter提供了丰富的功能,如路由参数、动态路由、嵌套路由和路由守卫,使得开发者可以轻松地管理应用程序的不同视图。2、Vuex:Vuex是Vue.js的状态管理模式和库。它提供了一个集中式的状态管理机

基于JavaWeb+SSM+Vue基于微信小程序生鲜云订单零售系统的设计和实现

基于JavaWeb+SSM+Vue基于微信小程序生鲜云订单零售系统的设计和实现滑到文末获取源码Lun文目录前言主要技术系统设计功能截图订阅经典源码专栏Java项目精品实战案例《500套》源码获取滑到文末获取源码Lun文目录目录1系统概述11.1研究背景11.2研究目的11.3系统设计思想12相关技术22.1微信小程序22.2MYSQL数据库32.3uni-app32.4SSM框架简介43系统分析53.1可行性分析53.1.1技术可行性63.1.2经济可行性63.1.3操作可行性63.2系统性能分析63.2.1系统安全性63.2.2数据完整性73.3系统界面分析73.4系统流程和逻辑84系统概要