e起飞young
一个前端码农的技术博客
1、基于vue-cli 在实际项目开发中,经常会碰到需要环境变量的情景。在vue-cli的环境下,默认已经配置了一个NODE_ENV的环境变量,当npm run dev的时候这个是development, 当npm run build 的时候这个是production。用过vue-cli开发的通常对这个都不陌生,用这个最多的地方基本就是我们配置网络请求的域名头了。 但是默认提供的development和production这两种情况完全不够用呀有木有,比如实际上有本地开发的地址、线上测试的地址和生产环境的地址等,然后本地开发时不同的模块又有不同的端口怎么破?好麻烦有木有...
1、服务器搭建nodejs环境 本文通过NVM安装nodejs。NVM(Node version manager)顾名思义,就是Node.js的版本管理软件,可以轻松的在Node.js各个版本间切换。 首先,下载并安装NVM脚本。可以使用cURL安装: 使用cURL安装 curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash 使用Wget安装 wget -qO- https://raw.githubusercontent.com/creation...
本文仅记录基于vue开发h5项目过程中使用支付宝和微信支付过程中的重点与槽点,仅为前端部分,如有疏漏不正之处,请于文末评论探讨。注意:标红部分灰常重要,仔细阅读官方文档非常重要,耐心非常重要,细心非常重要。 一、支付宝h5支付 支付宝h5支付操作起来是超级简单的,前端关键代码如下: this.$http.getTradeNo(lastParams).then(res=>{ this.$http.doPayAlipay({ oid: res.data, // 取到的交易订单号 url: yourBackUrl // 成功后的回调地址 ...
一个基于vue的h5项目,并使用了h5 history模式(即去掉了#号),并同时兼顾公众号内嵌(安卓环境、IOS环境)、安卓app内嵌和基本的网页使用。主要入口为公众号的菜单,当然也可以是直接点链接进入,亦或者扫码进入,也可以是从已经分享出来的链接点击再进入等等。 由于是基于vue的SPA应用,所以每个页面的标题和描述都是一样的。尽管做了动态更改title和desciption,但分享出去后的显示效果仍然达不到要求,而且ios版本的微信分享出去的链接也存在不准确的问题,基于此,决定使用微信的JSSDK。微信JS-SDK说明文档https://mp.weixin.qq.com/wi...
1、资源引用路径问题 npm run build构建生产包,默认会生成一个dist文件夹,里面包含入口文件index.html的资源文件夹static。 然而现在问题来了,浏览器中打开index.html毫无反应,打开控制台可以看到是默认使用了绝对路径引起的,打开config/index.js文件,将build配置项assetsPublicPath的值改为'./'或者''即可;build的同时还生成了Source Maps,可将productionSourceMap的值设为false以关闭。 上面虽然解决了index.html中资源路径的引用问题,但是仍然有一些资源...
之前是写angularJS的,现在转到Vue,一开始傻傻滴以为它也自带了http服务,然而并非如此。 在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource。 权衡利弊之后最终选择了axios,毕竟辣么哆人在用它,也能满足项目需求。下面记录一些使用过程中遇到的问题。 官方源码及文档:https://github.com/axios/axios 这里还有个不错的中文“说明书”:vue2.0项目实战(3)使用axios发送请求 具体使用方法以及拦截器...
1、点击文件时在新标签打开 首选项 > 设置,搜索"workbench.editor.enablePreview"改为false即可 2、使用vetur时在下面这种情况报错,然而是不该报错的 [eslint-plugin-vue] [vue/require-v-for-key] Elements in iteration expect to have 'v-bind:key' directives. 首选项 > 设置,搜索"vetur.validation.template"改为false即可 { ...
1、安装node 百度下载安装包,一步一步安装即可,完成后cmd打开命令面板检验是否成功: node -v查看node版本 npm -v查看npm版本 由于npm拉取速度较慢,所以可以用cnpm代替来加快速度 npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm相关信息:https://npm.taobao.org/ 2、vue脚手架及依赖项安装 全局安装vue-cli:cnpm install --global vue-cli...
1.伪元素first-letter设置首字样式 /*首字下沉示例*/ p::first-letter{float:left;font-size:3em;line-height:1;color:#f00} 2.伪元素first-line设置段落第一行样式 p::first-line{color:#f00;font-weight:bold} 3.:nth-child(odd/even)选中奇偶行 当然也可以使用:nth-child(2n-1)和:nth-child(2n)实现 4.:not排除选择器 /*除开type为password之外的input...

搜索