2017年10月_MoLvSHan

转载跨域资源共享 CORS 详解

转载自阮一峰的网络日志CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。本文详细介绍CORS的内部机制。一、简介CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。整个CORS通...

2017-10-31 09:46:34 276

原创汉字转首字母大写并排序

刚接到上述功能要求时，去找后台要接口，被告知，没有分类接口，只有一个查询所有商家的接口，排序分类要自己做(我有句MMP一定要讲)，没办法，工作还得做以下是代码HML A 航管红木关于汉字转拼音，是网上找的代码，如下var PinYin = { "a": "\u554a\u963f\u9515", "ai": "\u57

2017-10-23 16:20:58 20752

原创 vue踩坑系列——计算属性

先贴源代码 export default { name: 'topImg', data() { return { imgsrc: 'http://imgpb.hmjshop.com/img/sy_banner/App/shangcheng/banner222.png', index: 0 } }, methods: { c

2017-10-17 11:00:06 1384

原创 vue踩坑系列——swiper

在vue项目中，引入swiper后，会报下面这个错误Uncaught TypeError: Cannot assign to read only property 'exports' of object '#'项目代码是 {{item.text}} import swipercss from '../../../assets/css/swiper-

2017-10-16 15:19:40 5399

原创 vue踩坑系列——vue-cli的安装

使用vue-cli时的安装步骤1、npm install -g vue-cli（全局安装vue脚手架）2、vue init webpack myProject（初始化项目，myProject是项目文件夹）过程中会询问一些项目相关信息可以一直输入y跳过，不过在第七条ESlint最好输入no（语法验证，容易报错），之后，会出现上图红框部分，根据红框中的提示完成操作即可

2017-10-16 11:53:42 970

原创 vue踩坑系列——backgroundImage路径问题

在前端开发中，background-image属性非常常见，有很多时候需要使用内联样式来绑定此属性，但是在vue-cli项目中，如果如下面代码填写路径会找不到图片 import TemplateNav from './TemplateNav' export default { name: 'FooterNav', components: { 'TemplateNav': T

2017-10-11 16:14:44 28441 2

原创 vue踩坑系列——slot

下图红箭头所指是一个标题组件，样式一样，但是在第二个标题上右侧黑箭头所指有一个更多按钮，此时就要用到slot插槽标题组件（子组件）代码： {{ title }} export default { name: 'TemplateTitle', props: { title: { default: '1F 热销专区' } }

2017-10-11 16:00:23 1936

MoLvSHan的博客