![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 95
蒲公英芽
这个世界没有原地踏步的说法,你不进步,便只有倒退。
展开
-
vue项目使用canvas画图 实现canvas带背景的橡皮擦 canvas转base64 canvas转file文件方法
用户手动在画板上进行绘制图案,绘制完成后,将绘制好的作品上传到服务器。涉及到的功能点:1. 项目的运行环境是在手机端,canvas 的尺寸单位是px,需要做好不同设备的适配。2. 选择画笔颜色、大小后,笔触要跟随手指的移动画出图案。3. 画板的橡皮擦功能,带有背景图片的canvas,实现橡皮擦功能。4.canvas的一键清除画布功能。5. 上传图片到服务器,将用户画好的作品上传到服务器。原创 2022-11-01 01:07:08 · 7977 阅读 · 2 评论 -
Vscode中 vue项目中使用eslint保存时自动格式化代码
一、依赖1.1 安装vscode插件vscode中添加 eslint 、 vetur插件。1.2 安装第三方依赖在终端中执行yarn add eslint eslint-friendly-formatter eslint-loader eslint-plugin-html -S安装如下依赖"eslint": "^4.19.1","eslint-friendly-formatter": "^4.0.1","eslint-loader": "^2.0.0","eslint-plugin-原创 2020-12-07 17:55:28 · 2281 阅读 · 3 评论 -
vue项目中使用Js判断图片是否加载完 所有图片加载完成前展示Loading效果
vue项目中使用Js判断图片是否加载完 所有图片加载完成前展示Loading效果。用户创建自己的页面,给创建好的内容页面增加皮肤效果。选择某一皮肤后,当该皮肤中的所有图片都加载完后,再展示皮肤效果;加载图片的时候展示loading效果。原创 2020-11-14 16:23:13 · 5676 阅读 · 0 评论 -
vue.js服务器端渲染的两种方式之 Nuxt.js 使用
vue.js服务器端渲染的两种方式:vue-server-rendererNuxt.js1. vue-server-renderervue-server-renderer插件,使用 Node.js server 的服务器端单页面应用程序渲染。将 Vue 服务器端渲染 (SSR) 与其他后端设置进行混合使用。用法:安装 ==> 渲染一个 Vue 实例 ==> 与服务器集成...原创 2020-04-16 21:10:25 · 3641 阅读 · 0 评论 -
vue-cli中使用postcss-px-to-viewport 将px转换成vw
移动端适配方案中,可以使用vw作为页面中各元素的单位,以此来完成适配效果。下面我们来讲怎样在vue-cli 项目中使用 postcss-px-to-viewport插件。前言先来认识一下postcss,postcss是一个用 JavaScript 工具和插件转换 CSS 代码的工具。postcss的作用:兼容各个内核的浏览器,增强代码的可读性。autoprefixer 插件可以自动获取浏...原创 2020-04-09 21:57:08 · 13984 阅读 · 6 评论 -
Vue组件之间传递数据的五种方式_详解
Vue 组件之间数据传递的几种方式:父组件向子组件传递数据,使用props属性;子组件向父组件中传递数据,在子组件中使用$emit派发事件,父组件中使用v-on 监听事件;缺点:组件嵌套层次多的话,传递数据比较麻烦。祖先组件通过依赖注入(inject / provide)的方式,向其所有子孙后代传递数据;缺点:无法监听数据修改的来源,不支持响应式。通过属性$root / $parent /...原创 2020-04-04 18:29:32 · 15896 阅读 · 1 评论