web

日常踩坑填坑

Posted by wml on March 4, 2019

获取url查询参数方法(超简)

let q={};
location.search.replace(/([^?&=]+)=([^&]+)/g,(_,k,v)=>q[k]=v);
console.log(q);

网络分层模型(OSI)(3/4)

OSI(open systems interconncecion)模型,开放系统互联, 分为七层: application(应用层)presentation(表达层)session(会话层) transport(传输层)data link(交换机)physical(物理层)

速记:all people seem to need data processing

TCP/IP协议是传输层协议,主要解决数据如何在网络中传输,而HTTP是应用层协议,主要解决如何包装数据

vue展示换行和空白符(3/1)

文本中含有换行符空格等,在vue内不换行,而换行符显示为一个空格, 解决办法有两种:

1、用v-html,将文本内的’\r\n’替换为<br>再显示, 但该方法首先不同系统的换行符不同,处理比较麻烦,同时会有安全问题,xss攻击

2、css方法:(推荐) 设置white-space: pre-wrap, 该值表示保留空白并正常换行, white-space取值详见white-space

qq二次分享 (2/28)

title设置(title动态生成),qq浏览器在二次分享时,在安卓设备下 不显示,使用

<meta itemprop="name" content="xxx"/>解决
<meta itemprop="name" content="分享标题"/>
<meta itemprop="image" content="http://img.xmiles.cn/fortune/icon.png" />
<meta name="description" itemprop="description" content="分享描述" />

CLI之package.json (2/20)

cli命令不能用.

error:

 "bin": {
    "meetyou.alioss": "index.js"
  },

success:

 "bin": {
    "meetyou-alioss": "index.js"
  },