![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
飞鸿w
愿壮志能吞下心中寥寥独单,愿指尖可勾勒眼中浩浩山河。
展开
-
前端生成海报图片(html2canvas偏移坑)
好久没写博客了,今天必须立刻马上现在写一个,记录一下悲惨的两天进坑旅程!业务需求:大佬要求前端生成一个海报图片,用户在微信内长按图片可以进行分享,并且海报内要有分享二维码。嗯?前端生成海报?图片?什么操作?没玩过啊,咋整?后端能生成吗?不知道啊,反正大佬说前端来,那来吧....爬坑开始。1:html2cavas官网地址:http://html2canvas.hertzen.co...原创 2020-04-11 23:24:47 · 5135 阅读 · 3 评论 -
Vue-cli3 移动端适配,px转换为rem
0:rem单位rem是同px,em等一样是一个单位。em是相对于父元素的font-size,而rem则是相对于html的font-size。这样就意味着,我们只需要在根元素确定一个px字号,则可以来算出元素的宽高。1rem=16px(浏览器html的像素,可以设定这个基准值)。如果元素大小为100px那么设置为rem即为6.25rem。1:安装插件插件1:lib-flexible...原创 2020-03-08 19:52:39 · 764 阅读 · 1 评论 -
npm/package.json/package-lock.json文件
1:npm:什么是npm?1:npm是一个网站/软件,官网:npmjs.com2:npm也是一个命令行工具/包管理工具只要安装了node那么默认就安装npm。npm也有版本这个概念,可以在命令行中输入:npm --version来查看npm的版本升级npm:npm install --global npmnpm常用命令:npm init : 生成package.j...原创 2019-12-17 00:12:52 · 2623 阅读 · 0 评论 -
Vue父子组件传值
在进行组件传值之前需要先掌握以下基础知识:1:传值类型:除了可以传递string外,还可以向子组件传递数字,布尔,数组,对象。需要注意的是在传递数据时,即便数据是静态的我们仍然需要使用v-bind,来告诉vue这是一个数字/布尔/数组/对象而非字符串://v-bind告诉vue这是一个数字而非字符串<module-title Mtitle="热游推荐" :tagType=...原创 2019-07-17 16:05:44 · 228 阅读 · 0 评论 -
初识ElementUi
一:ElementUi简述:Element,是由国内的饿了么团队开发并开源的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。简单的说ElementUi是一个基于Vue的Ui框架,适用于PC端。ElementUi与前端著名的Bootstrap框架很相似。ElementUi官方网址:https://element.eleme.cn/#/zh-CN二:安装Eleme...原创 2019-06-09 04:50:12 · 12710 阅读 · 0 评论 -
Vuecli3
VueCLI3的使用:VueCLI3与Vuecli2的使用略有不同。cli3相比cli2的优势:1:功能丰富:对babel、Typescript、ESLint...提供开箱即用的支持2:易于扩展:它的插件系统可以让社区根据需求构建和共享可复用的解决方案3:无需Eject:vue cli 完全可配置的,无需再使用webpack配置4:CLI图形化界面:vue ui图形化界面创...原创 2019-06-08 13:28:08 · 589 阅读 · 0 评论 -
Vuex的基本概念及使用
Vuex: 本文只是对vuex官方文档的一点自己方式的"翻译",记录了vuex的一些基本概念及简单的使用。Vuex: --Vuex是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 以上是vue官方很官方的解释简单的说:vuex是...原创 2019-05-30 17:17:41 · 194 阅读 · 0 评论 -
axios的使用
Axios的使用: 1:安装axios npm install axios --save 2:引入axios import axios from 'axios' 将axios挂载到vue原型链上: Vue.prototype.$axios=axiosvue 挂载之后就可以在整个项目里随时使用,使...原创 2019-05-24 20:30:12 · 232 阅读 · 0 评论 -
Vue-router的安装及使用
简单整理了vue-router的使用(未完),备忘。Vue中的路由: --Vue-router的使用: 1:安装Vue-router: npm install vue-router --save 2:在main.js中引入Vue.use(VueRouter) import VueRouter from 'v...原创 2019-05-09 00:03:56 · 1515 阅读 · 0 评论 -
vue(1)--脚手架安装及使用
最近在深入学习并使用vue,记录下vue的相关知识及使用经验,以供遗忘时回顾。从环境的配置,脚手架的安装开始吧!1:安装nodenode官网:http://nodejs.cn/,官网下载对应版本,选择下一步默认安装即可(注:vue脚手架需要node版本在4.0+)。检测node是否安装成功:node -v检测npm包管理工具:npm -v2:vue-cli安装注:以下是...原创 2018-12-07 22:29:06 · 134 阅读 · 0 评论