文章目录

• 前言
• 一、H5开发
• 1.vscode使用live server
• 1.h5获取url参数
• 二、css样式
• 1.设置属性保持同一水平

前言

记录一下工作，学习中遇到的H5开发的小技巧~ ~ 不定期更新

一、H5开发

1.vscode使用live server

1.插件直接搜索live server安装

2.设置setting.json

"liveServer.settings.donotShowInfoMsg": true,
"liveServer.settings.port": 9000, //设置本地服务的端口号
"liveServer.settings.host": "localhost",//主机名配置，默认127.0.0.1
"liveServer.settings.root": "/", //设置根目录，也就是打开的文件会在该目录下找
"liveServer.settings.CustomBrowser": "chrome", //设置默认打开的浏览器
"liveServer.settings.NoBrowser": false,
"liveServer.settings.ChromeDebuggingAttachment": false,//启用Chrome调试到Live Server的附件
"liveServer.settings.fullReload": false,
"liveServer.settings.AdvanceCustomBrowserCmdLine": "",
"settingsSync.ignoredExtensions": [], //默认情况下，Live Server会在不完全重新加载浏览器的情况下注入CSS更改。您可以通过将此设置设置为来更改此行为true,默认false

"liveServer.settings.proxy": {  //代理设置
  "enable": true, //是否开启代理设置 
  "baseUri": "/api", //代理的访问根路径
  "proxyUri": "http://127.0.0.1:9060" //远程服务端接口
}

3.启动live server
（1）右键点击html文件 Open with Live Server启动
（2）vscode 右下角点击Go live 启动

1.h5获取url参数

 //  取url问号后参数
getQueryString(name) { 
   var temp = window.location.href.split('?')[1];
   var pram = new URLSearchParams('?'+temp);
   return pram.get(name);
}

扩展 window.location.

二、css样式

1.设置属性保持同一水平

<style>
name: {
	 /* 保持同一水平线 */
	vertical-align: middle;
}
</style>


// 设置超链接样式
a{
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}