1、背景：正常情况下打包后的页面都是基于在网站根目录下运行，原则上不会出现这种情况，但如果项目放在网站的二级目录或本地运行（官方不建议本地运行项目，可能涉及到网络请求的问题）
2、基于项目在二级目录下运行，即打开时需要输入http://xxx.xxx.xxx/xxx，而不是直接http://xxx[……]
Vue+Webpack打包后background-image无法正常显示
Leave a reply
Category Archives: Html5
Vue项目中当前比较好的移动端UI库–vux
官方网址：https://vux.li
1.安装vux
npm install vux --save |
2.安装vux-loader（vux2必须结合vux-loader使用）
npm install vux-loader --save-dev |
请在build/webpack.base.[……]
为什么所有浏览器的userAgent都带Mozilla
最早的时候有一个浏览器叫NCSA Mosaic，把自己标称为NCSA_Mosaic/2.0 (Windows 3.1)，它支持文字显示的同时还支持图片，于是Web开始好玩起来。
然后出现了一个新的网页浏览器，“Mozilla”，其实就是“Mosaic终结者”的意思，这搞的Mosaic很不爽，（毕竟Mosaic出道早，江湖老），新浏览器最后正式公布的名称是Netscape，它把自己标称为Mozilla/1.0 (Win3.1)，更好玩了。Netscape支持框架显示，后来框架在大家中间流行起来了，但Mosaic不支持框架啊，于是伟大的“用户代-理人探测”技术出现了，如果是“Mozilla”，那就发给支持框架的页面，至于其他的浏览器，则发给不含框架的页面。
Netscape想逗Microsoft玩儿，把Windows叫做“几乎不曾做过调试的设备驱动器”，后者很恼火。Microsoft于是推出了自己的 网页浏览器，叫做Internet Explorer，希望它能成为“Netscape终结者”。Internet Explorer也支持框架，但它不是Mozilla啊，所以没人给它发送带有框架的页面。Microsoft慢慢烦躁起来，不再寄希望于网站管理员逐渐 认识IE并给它发框架，而是宣称自己是“兼容Mozilla”的，开始模仿Netscape，把自己标称为Mozilla/1.22 (compatible; MSIE 2.0; Windows 95)，这样Internet Explorer也能收到框架了，整个Microsoft狂喜，但网站管理员开始有点被搞糊涂了。
Microsoft把IE和Windows一起卖，并且把产品也弄得比Netscape更好了，拉开了第一场浏览器之战。结果和大家知道的一样，Netscape被干掉了，Microsoft大胜、大喜。但是后来Netscape以Mozilla的新名称重生了，构造了Gecko，标称其为Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.1) Gecko/20020826，Gecko属于渲染引擎，表现优异。Mozilla开发了Firefox，标称为Mozilla/5.0 (Windows; U; Windows NT 5.1; sv-SE; rv:1.7.5) Gecko/20041108 Firefox/1.0，并且Firefox表现也非常优秀。Gecko扩张迅速，一些浏览器使用了它的代码并标称为Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.7.2) Gecko/20040825 Camino/0.8.1 ，这是一个，还有Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8.1.8) Gecko/20071008 SeaMonkey/1.0，另一个，它们都伪装成Mozilla，同时也都是基于Gecko支持的。
Gecko表现优秀，IE则很差劲，于是身份甄别再次发生，输送给Gecko的是设计良好的网页代码，其他浏览器就没有这个待遇了。Linux的跟随者很伤心，因为他们创建了基于KHTML引擎支持的Konqueror，但却不会被输送好代码，虽然他们自己认为KHTML和Gecko一样优秀，于是Konquerer开始伪装自己“像Gecko”那样以得到好的网页，并标称自己为Mozilla/5.0 (compatible; Konqueror/3.2; FreeBSD) (KHTML, like Gecko)，这个世界更让人困惑了。[……]
正则表达式的基本使用
1、元字符：’\b’，代表单词的开关或结尾
1.1、使用正则表达式hi，会匹配除了hi本身外，所有包含hi的单词，如him,history…
1.2、\bhi\b则只能匹配单词hi；
2、元字符：’.’和’*’，
2.1、’.’匹配除换行符外的所有字符，’*’指执行任意次匹配；
2.2、如：\bhi\b.*\bLuck\b 以单词hi开头并且以Luck单词结尾同一行的句子；
3、元字符：’\d’，代表数字
3.1、0\d\d-\d\d\d\d\d\d\d\d\d 表示匹配格式如010-12345678这样的数字
3.2、上面还可以写成0\d{2}-\d{8}，'{}’表达重复次数，并且必须重复该次数；
4、元字符：’\s’、’\w’
4.1、’\s’匹配任意的空白符（包括空白符、包括空格、制表符、换行符、中文全角空格等）；
4.2、’\w’匹配字母或数字或下划线或汉字
4.3、\ba\w*\b：以’a’开头的任意单词；
4.4、\d+：匹配一位或更多位数字；PS：’*’与’+’的区别在于前者为任意次，后者至少1次；
4.5、\b\w{6}\b：6个字符的单词
5、元字符：’^’和’$’
5.1、’^’表示匹配的开始，’$’表示匹配的结束
5.2、^\d{5,12}$：匹配5-12位数字组合；[……]
