摘要： 很早之前就听说京东的凹凸实验室发布的开源的一对多的开源框架 Taro,一对多指的是一套代码编译成多端代码使用,极大的节省了开发的效率和成本 废话不多说 第一步,和vue一样下载相应的是cli脚手架,和vuecli一样只需要全局安装一次即可 第二步新建一个taro项目 然后它会提示你做一些配置的选择 阅读全文

摘要： 第一步下载依赖 第二步,在组件中使用 第三步,点击地图上的一点计算两点之间的距离,添加events 最后效果图如下 阅读全文

摘要： 之前项目里我一般是使用less的,朋友问到如何引入scss,于是我就简单的跑了一下,以下主要供自己学习,如有更好的方法可以一起交流讨论一下 第一步,安装依赖 注:使用npm下载的时候会报错,这里推荐使用淘宝镜像 第二步,下载全局引入scss的依赖,注:如果是直接写在.vue页面中是无需下载此依赖的 阅读全文

摘要： 一般公司的发布是后台人员完成的,但是作为开发不会发布项目还是有点不高级的感觉 因为没有搭建虚拟机于是就直接在我阿里云的服务器上搭建了node环境, 第一步,前往node官网下载linux下的阿里云的镜像包https://npm.taobao.org/mirrors/node/v10.13.0/,可以 阅读全文

摘要： 在vue中的路由守卫一般是来验证token失效什么的,当然也可以设置权限啦,在nuxtjs中如何使用路由守卫呢,话不多说,直接上代码 在plugins目录下简历route.js 然后在 nuxt.config.js中添加配置plugins即可 就这两步就over了 阅读全文

摘要： 1.在之前vue项目中,我们如果需要改变每个页面的title,是需要在路由里配置meta然后通过路由守卫将每个页面的title替换掉,但是在nuxtjs中他提供了一个方法,直接在每个.vue的文件中使用这个head方法即可修改每个页面的title 2.在nuxtjs中使用vuex,和在vue中使用它 阅读全文

摘要： 最初我以为在nuxtjs中是需要重新npm install axios,但是其实nuxtjs自己集成了这个数据渲染方法 你只需在nuxt.config.js中配置一下就可以了 然后在你的页面可以直接请求数据了 最后进入这个页面,在控制台看到打印即表示请求成功了 阅读全文

摘要： HTML代码 CSS代码 最后效果图是: CSS的伪类的作用还是很多的,可以试试,玩一下 阅读全文

摘要： 今天去看vue的官网,才看了他的升级版-->Nuxtjs,https://nuxtjs.org/guide/installation可以点击链接进入他的官网查看文档 第一步,搭建项目之前的准备工作,需要升级自己的npm的version至少在5.2以上,因为需要用到npx这个命令,如果已经是这个版本以 阅读全文

摘要： 由于公司的项目需要才用到瀑布流布局 因为后台返回的json直接循环出来的,所以不能做左右浮动的那种,所以才用到了瀑布流布局 16年之前的瀑布流布局基本都时基于js或者直接用jq插件的,但是随着技术的进步或更新,想用纯css达到这样的效果也是可以的 话不多说直接上代码 CSS样式是 就结束了,是不是很 阅读全文