老司机对网页前端代码经验总结(css,html,js,jquery)
test1*{margin: 0;padding: 0;} hello,word;一个完整页面代码,保存两个部分:申明网页遵守的标准和html代码;html代码部分有分为了两部分 head块和body块,head用于声明字符集、页面标题和应用js文件或者css文件等,body块就是我们实实在在能在网页上看见的内容代码。为了让我们页面布局更准确,所以style首先设置“margin: 0;padding: 0”,不同浏览器对div一些默认的约束。在使用标签的时候,通篇都使用div标签,其它(如:list标签)少用,在标签上达到个个浏览器统配性(个人教训:标签种类越用得多,页面通用就越差)。$("button").click(function(){ $.ajax({ type: "GET",data: {key1:value1},url:"https://www.toutiao.com/",success:function(result){ $("#div1").html(result); }});});</script>
对js要求:原生的js代码,可以不用写,但是你一定看得懂。而在实际工作中,大部分都是使用js框架(如:jquery,vue.js等框架),这些框架都是对js的封装,而且在各大浏览器兼容性方面也做得很出色(框架研发商们处理一些脏、乱活,我们只要调用就ok)。我推荐的还是jquery(vue.js近几年挺火),特别是网络请求方面,无论是get、post,更高级的ajax请求,都可以很好的兼容,而且使用很方面(不用关心http请求具体协议内容,如果有兴趣的可以看我以前文章)。
如果你项目要求全适配,由于pc和手机屏幕比例不一样,而且为了良好体验度,在细节的布局也会发生不一样的,所以只能做两个不同网页代码。对于用户设备配备,完全有webserver服务器代码来判断就好。
最后,网页的websocket双工通讯,它区别于传统(socket通讯),完全不用自己分包,由本身协议自动处理,自动监听服务区消息,常常语言聊天工具和h5游戏(打开游戏新大门),懂的了websocket会让你技术能力巨大提升。
https://p9.pstatp.com/large/pgc-image/a363e37e18984611972a60275d95aed1 web开发中,现在jquery用得少了, 转发了 转发了 转发了 转发了 转发了 转发了
页:
[1]