
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
掌握不同的编程开发技巧能够大大提高软件开发程序的工作效率,下面我们就通过案例分析来了解一下,软件开发技巧都有哪些。
一、chrome调试快捷键
1.ctrl+shift+f全文查找
2.ctrl+o查找文件名
ctrl+shift+o查找js函数名
二、常用的全屏居中CSS函数
body{
height:100vh;
text-align:center;
line-height:100vh;
}
三、使用font-size/font-family注意事项
1.现在网页中普遍使用14px+。
2.尽量使用偶数的数字字号,ie6等老式浏览器支持奇数会有bug。
2.各种字体之间必须使用英文状态下的逗号隔开。
3.中文字体需要加英文状前端培训态下的引号,英文字体一般不需要加引号,当需要设置英文字体时,英文字体名必须位于中文字体名之前。
4.如果字体名中包含空格、#、$等符号,则该字体必须加英文状态下的单引号或双引号,例如
font-family:“TimesNewRoman”;
5.尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。
四、少用id
如果不在页面中用js引用元素,尽可能不要设置元素的id,也尽量不要用#main{}来设置元素css样式,而是用class方式.main{},因为可以防止ID重复,造成错误可以方便引入新CSS复写样式,另外应当绝对避免行内css样式。
五、二维码生成当前网址的插件
装个二维码生成当前网址的插件,以方便查看手机实际显示效果,现在移动端日益重要,作为前端,一定不能忽视移动端的显示效果,虽然浏览器都支持选择device来测试不同的设备显示效果,但毕竟和真实设备有差别,尤其在测试微信内的页面时候,非常方便。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。