1 html标签小技巧
将多行文字分别放入多个li标签中: 选中文字--ctrl shift p --emmet wrap--包围个别行--ul li*--回车;
删除多个[ ]及括号内数字 :编辑--替换--使用正则表达式(图标高亮)--“\[\d+\]"(+表示多个数字,d表示数字)--替换不填,为空--全部替换--取消使用正则表达式(图片不光亮);
html的图片设置width、height不需要加px;
tab进行缩进;
alt+单击,可插入多个光标,删除时用delete;
将文字包入a标签: ctrl shift p--emmet wrap--包围行--a--回车;
将文字包入li标签中的a标签: ctrl shift p--emmet wrap--包围行--li>a--回车;
一般来说,图片大小不能超过300k,否则下载很慢。超出的话就压缩:搜索 jpg压缩;
点击图片打开预览大图:用a标签包围img标签,target="_ blank" ,即可;
2 响应式页面:
meta:vp中加入:minimum-scale=1.0,maximum-scale=1.0,user-scalable=no(用户不能缩放);
CSS中img样式添加{max-width:100%};
3 手机调试:
3.1 wifi调试
手机和电脑处于同一wifi;直接用http-server的ip和端口访问电脑,
调试方法:border调试法调试CSS;console.js调试js;
3.2 没有wifi
可以用usb连接手机和电脑,在电脑浏览器开发者工具-更多控制-More tools--remote devices--port forwarding(端口转发)--左边写端口号:如8080、8081,右边输入框写:localhost:8080、localhost:8081.这样在手机中可直接访问:http://localhost:8080/index.html(文件名); 这样即可访问同一个网页,在电脑上Inspec进入页面调试即可;
3.3 远程调试
不在同一wifi,又没有数据线:在电脑上搜索“chrome 远程调试 -csdn ”;
4 网页部署到github:
将文件上传到仓库--仓库的settings--github pages--master--点击网址--加index.html--复制URL--仓库的edit--将URL放入website--save