好的Web开发人员应该知道的10件事

我最喜欢web开发的一点是,它包括许多许多不同的技能。作为一个好的开发者,一定要好好学习,天天向上,因为我们有很多重要的技能要学习,而且它们总是在不停的发生变化。

10年积累的做网站、成都网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有岐山免费网站建设让你可以放心的选择与我们合作。

这里我列出了其中最为重要的10个技能,它们有点倾向于前端开发,但总体上适合所有的开发人员:

  1. 正则表达式
  2. 基本SEO
  3. 不错的Javascript库
  4. 跨浏览器调试
  5. 图片处理和优化
  6. 用有效的HTML/CSS进行布局(不适用表)
  7. 版权/基本网络法规
  8. Apache rewrite
  9. 调试软件
  10. 版本控制

1. 正则表达式

正则表达式 常用于字符串的解析.其最基础的运用便是文本中字符的查找与替换了。而这看起来并不算什么,正则表达式的多样性是其真正强大的原因。往往可以通过很多方法来优化你的正则表达式,这也意味着你的应用程序的性能的大幅提升。 正则表达式适用于任何一种编程语言,像JavaScript的replace() ,PHP的 preg_replace(), Apache rewrites等等。 奇怪是的只有为数不多的web开发者认为正则表达式相当有用,如果你还没有学习,那就准备好开始吧 learn regular expressions。

2. 基本的搜索引擎优化

对于网络开发者来说,了解搜索引擎优化的基本信息是必须的。虽然你可以预留导向你客户端的关键字,开发人员应该用有更合理的在页面上安排这些关键字的策略。这意味着,在整理前端的标记,好好利用 、<META>、<h1>和<h2>标签,同时在后端组织更加稳固的的链接和目录结构。 我找到的学习SEO的***资源是 Beginner’s Guide to Search Engine Optimization 和 Search Engine Ranking Factors v2,二者都来自 SEOmoz。</p><p><strong>3. 一个优秀的Javascript库</strong></p><p>即使你不太写Javascript代码,掌握一个优秀的Javascript库也会带来很大的帮助。无论是jQuery(我的***)、Mootools,还是其它什么库,都可以让你的Javascript开发工作事半功倍。首先,这些库都提供了跨浏览器的功能,使你可以直接上手,不需要再去管这方面的事情。而且,它们都提供了大量简单的动画,像在DOM中选择节点这类工作变得易如反掌。 更大胆的Javascript程序员也许会想要接触Javascript UI语言。以上说的几种库都有相关的插件,但我个人推荐Dojo with Dijit。</p><p><strong>4. 跨浏览器调试</strong></p><p>为了让网站被更多的人看到,显然应该让它支持所有主流浏览器(IE6、IE7、IE8、FF2、FF3、Safari 4和Opera 9)。每个人都很厌恶跨浏览器调试,但 ***的方式是预防,从有效的HTML和良好的reset样式表开始。就我来说,是使用* {magin:0; padding: 0}。不过,大家也可以使用其它更健壮的方式。 另外,还应了解某些浏览器的怪癖。***的当然是IE家族,特别是IE6(没错,一直是它,依然是它)。尽管大多数问题可以归结为臭名昭著的haslayout bug,但你不能依赖某些笨拙的方式来解决它,例如* {zoom: 1}。</p><p><strong>5. 图片处理和优化</strong></p><p>尽管大多数程序员都是靠专业的设计师来设计图片,但懂点Photoshop对程序员来说也很重要。掌握一些图片处理技术之后,一些小修改就不需要再踢回给设计师,直接自己改了就是,而且,在修改设计时,你还会马上知道是否可行。 图片优化是Photoshop技能里对web程序员最为重要的一项。图片的大小往往是对带宽***的威胁,图片优化直接关系到网站的载入时间。 Photoshop和Illustrator的「Save for Web」选项极大地简化了图片优化环节,大家只需要在PC上按下Ctrl-Alt-Shift-S或在Mac上按下Command-Alt-Shift- S即可进入这一向导。</p><p><strong>6. 使用有效的 HTML/CSS 进行页面布局(而非表格)</strong></p></p><p>我们需要重视:现在已经不是1996年了,即时是后端开发者也应该知道如何写好前端代码,——使用有效的 HTML 和 CSS——而非一堆表格。标记应当整洁,CSS 和其它类型的文档应当同 HTML 分离,这样,就不会有内联样式,特别是不会有 <font> 标签。 初学者应当学学到 CSS 标签 以及 CSS 盒子模型。然后学学 W3C规则,了解如何写出合理的代码 你写的 HTML 应该符合 xHTML 规则;应该有着合理的嵌套、闭合且含有 alt 属性信息的图片标签等等。然后你可以去了解那些节点能够嵌套在其它节点中,已经其它的复杂内容。***,你会发现 w3c 的HTML标记验证程序 不再报错,这样真的很爽。</p><p><strong>7. 版权/网络法规的基础</strong></p><p>虽然无需法学学位,但开发者***能够对版权和网络法规有基本的了解。 因为网页从本质上来讲,是一种出版物,而著作权则是网站最常见的法律问题。从用户生成的盗取Flicker 图片的内容到对纽约时报内容大段的引用,如果不想被起诉,或是收到投诉信件,你***了解这些。当然,如果你想提起诉讼或是投递投诉信,你也***了解这些。 除了著作权法之外,签订注册/使用主机托管或是软件的协议时,你***也好好看看隐私协议和 COPPA(美国儿童网路隐私保护法) 的规定。</p><p><strong>8. Apache 重写</strong></p><p>Apache 的重写功能使原本凌乱的 URL 更加整洁(只要你了解正则表达式)。你可以将难看的地址: index.php?section=about&page=bioand 重写位更漂亮的:about/bio。 不仅限于规整 URL,使用 Apache 的 mod_rewrite 能够很容易的将简单的一个页面变成包含路径的完整应用。只需要将查询的变量重写为路径即可。<br /> 同样,你要注意: Apache 重写也是出了名的不好调试。重写规则无法包含任何调试信息,且常常忽略你引用的其它方法的信息。因此,重写也会导致一些无法追踪的错误。</p><p><strong>9. 调试工具</strong></p><p>一个好的调试器能让你更快的进行网页编程。 当进行前端调试时,我喜欢用 Firebug ,你可以点击页面上的元素,它将统计样式表中的那些生效的设置。你可以添加或删除样式,同时也可以修改页面。 Firebug 也可以用来调试 Javascript。作为 Javascript 的运行控制台,它能够更好的组织错误信息,显示 fromconsole.log() 的输出内容。***,它还提供网络信息,显示页面元素加载事件,以及那些无法加载,无法获取的内容。 我不知道如何进行后端调试,不过我听说 PHP 有个叫做 xDebug 的东东。</p><p><strong>10. 版本控制</strong></p><p>***但很重要的一点, 一个好的程序员应该学会控制你的版本。版本控制不仅仅是对你工作的备份的一种途径,而且也是你跟其他开发者合作的重要方式。  我个人比较喜欢 distributed as opposed to centralized (分布式相对集中)版本控制的方式, 因为它有两个不同层级的版本控制:你可以先将你的部分修改提交到本地存储中心,之后将所有的更改推送到服务器端存储。这样允许你在本地做一个小幅度不稳定的修改,然后将团队中的更新集中提交。 如果采用分布式的版本控制我比较看好 Mercurial, 而如果是集中是的 Subversion很不错.</p><p>英文原文:10 Things Every Good Web Developer Should Know (A Checklist)</p><p>译文链接:http://www.oschina.net/translate/10-things-every-web-developer-should-know</p> <p> 本文题目:<a href="http://www.gawzjz.com/qtweb2/news34/4484.html">好的Web开发人员应该知道的10件事</a> <br> 当前网址:<a href="http://www.gawzjz.com/qtweb2/news34/4484.html">http://www.gawzjz.com/qtweb2/news34/4484.html</a> </p> <p> 网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等 </p> <p class="adpic"> <a href="https://www.cdcxhl.com/service/ad.html" target="_blank" class="ad">广告</a> <a href="" target="_blank" class="adimg"><img src=""></a> </p> <p class="copy"> 声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: <a href="https://www.cdcxhl.com/" target="_blank">创新互联</a> </p> </div> <div class="newsmorelb"> <p>猜你还喜欢下面的内容</p> <ul> <li> <a href="/qtweb2/news33/4483.html">系统软件是什么意思</a> </li><li> <a href="/qtweb2/news32/4482.html">Linux开发操作:sdd1硬盘分区详解(linuxdevsdd1)</a> </li><li> <a href="/qtweb2/news31/4481.html">升级下一个Kubernetes项目的五个开源工具</a> </li><li> <a href="/qtweb2/news30/4480.html">亚服和港服有什么区别?(亚服游戏推荐租用香港服务器)</a> </li><li> <a href="/qtweb2/news29/4479.html">如何优化网站长尾关键词</a> </li><li> <a href="/qtweb2/news28/4478.html">Java 泛型中super T和extends T的区别</a> </li><li> <a href="/qtweb2/news27/4477.html">win7临时文件夹无写入权限无法安装?(windows无法写入文件夹)</a> </li><li> <a href="/qtweb2/news26/4476.html">Java数据库新加一列操作指南(java数据库添加一列)</a> </li><li> <a href="/qtweb2/news25/4475.html">如何用MySQL查看所有数据库?(mysql查看所有数据库)</a> </li> </ul> </div> </div> <div class="col-lg-3 noneb"> <div class="bkright" style="margin-top: 0"> <p><a href="https://www.cdcxhl.com/news/shop/">商城网站知识</a></p> <ul> <li> <a class="text_overflow" href="/qtweb2/news1/12101.html">百度优化要注意的六大点不能做</a> </li><li> <a class="text_overflow" href="/qtweb2/news34/10734.html">电信的路由器可以用联通的宽带连接吗?联通连接电信服务器</a> </li><li> <a class="text_overflow" href="/qtweb2/news23/26673.html">如何注册gov.cn域名?(如何申请gov域名注册)</a> </li><li> <a class="text_overflow" href="/qtweb2/news5/13655.html">为什么要进行域名升级访问中,是怎样的一种操作</a> </li><li> <a class="text_overflow" href="/qtweb2/news11/6611.html">如何免费申请域名(怎样申请域名?)</a> </li><li> <a class="text_overflow" href="/qtweb2/news39/5639.html">tiktok跨境电商使用独立ip的好处有哪些?</a> </li><li> <a class="text_overflow" href="/qtweb2/news34/2684.html">探究红帽Linux架构师的高薪原因(红帽linux架构师工资)</a> </li><li> <a class="text_overflow" href="/qtweb2/news9/27909.html">Linux新建域:让你拥有更强大的服务器功能(linux新建域)</a> </li><li> <a class="text_overflow" href="/qtweb2/news11/23461.html">弹性云服务器IP怎么用</a> </li><li> <a class="text_overflow" href="/qtweb2/news49/11799.html">电脑开机后软件报错</a> </li><li> <a class="text_overflow" href="/qtweb2/news42/11092.html">html文本中如何换行显示</a> </li><li> <a class="text_overflow" href="/qtweb2/news25/425.html">织梦cms什么时候出的</a> </li><li> <a class="text_overflow" href="/qtweb2/news31/22581.html">Linux内核构建线程:发挥系统潜能(linux内核创建线程)</a> </li><li> <a class="text_overflow" href="/qtweb2/news16/1866.html">html布尔值如何取反</a> </li><li> <a class="text_overflow" href="/qtweb2/news8/21908.html">创新互联Python教程:python中如何求取一维积分?</a> </li> </ul> </div> <div class="bkright tag"> <p><a href="https://www.cdcxhl.com/hangye/" target="_blank">同城分类信息</a></p> <ul> <li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/chunshuiji/" target="_blank">纯水机</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/jiaquan/" target="_blank">除甲醛</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/zkj/" target="_blank">公路钻孔机</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/renzaowu/" target="_blank">人造雾</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/bolimo/" target="_blank">玻璃贴膜</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/hangkongxiang/" target="_blank">航空箱</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/shiliangting/" target="_blank">石凉亭</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/yangtaihulan/" target="_blank">阳台护栏</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/bolixiufu/" target="_blank">汽车玻璃修复</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/hntjbj/" target="_blank">混凝土搅拌机</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/chalousj/" target="_blank">茶楼设计</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/loutihulan/" target="_blank">楼梯护栏</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/zsljbc/" target="_blank">自上料搅拌车</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/gsdb/" target="_blank">工商代办</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/ddcl/" target="_blank">电动窗帘</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/chayisj/" target="_blank">茶艺设计</a> </li> </ul> </div> </div> </div> <div class="carousel-inner linkbg" style="background: #fff"> <div class="container"> <a href="https://www.cdxwcx.com/jifang/yaan.html" target="_blank">雅安服务器托管</a>    <a href="https://www.xwcx.net/zuyong.html" target="_blank">租用服务器</a>    <a href="http://www.cdxwcx.cn/tuoguan/" target="_blank">成都服务器托管</a>    <a href="https://www.scvps.cn/services/ssl/" target="_blank">SSL证书</a>    <a href="http://www.cdkjz.cn/develop/" target="_blank">电商网站建设</a>    <a href="https://www.cdxwcx.com/jifang/zongshu.html" target="_blank">棕树数据中心</a>    <a href="http://www.zjjierui.cn/" target="_blank">广元双南建站</a>    <a href="https://www.cdcxhl.com/waimao.html" target="_blank">外贸营销网站建设</a>    <a href="http://www.xhgfhy.com/ " target="_blank">郫县封阳台</a>    <a href="http://m.cdcxhl.cn/dingzhi/ " target="_blank">定制网站制作</a>    <a href="https://www.cdcxhl.com/mobile.html" target="_blank">手机网站制作</a>    <a href="http://seo.cdkjz.cn/wangzhan/" target="_blank">网站优化公司</a>    <a href="http://www.4006tel.net/vision/" target="_blank">界面设计</a>    <a href="http://www.cxjianzhan.cn/fwxm/pinpai.html" target="_blank">品牌官网设计</a>    <a href="http://www.cdhuace.com/huace.html" target="_blank">宣传册设计</a>    <a href="http://www.kswsj.cn/tuiguang/" target="_blank">网站优化排名</a>    <a href="https://www.cdxwcx.com/city/wenjiang/" target="_blank">温江网站建设</a>    <a href="http://seo.cdkjz.cn/quanwang/" target="_blank">网络推广外包</a>    <a href="http://www.cxhljz.cn/app/" target="_blank">ios开发</a>    <a href="http://www.cdsjymy.cn/" target="_blank">路面机械及配件</a>     </div> </div> <footer> <div class="carousel-inner footjz"> <div class="container"> <i class="icon iconfont zbw"></i> 高品质定制 <i class="icon iconfont"></i> 跨终端自动兼容 <i class="icon iconfont"></i> 节约开发成本 <i class="icon iconfont"></i> 开发周期短 <i class="icon iconfont"></i> 一体化服务 <button type="button" class="btn btn-default btn-lg" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 立即开始2800定制网站建设</button> <button type="button" class="btn btn-default btn-xs" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 2800定制网站建设</button> </div> </div> <div class="carousel-inner bqsy"> <div class="container"> <div class="lxfs"> <h4 class="yutelnone">028-86922220 13518219792</h4> <h4 class="yutelblock"><a href="tel:02886922220">028-86922220</a> <a href="tel:13518219792">13518219792</a></h4> <a class="btn btn-default" href="tencent://message/?uin=532337155&Site=&Menu=yes" role="button">网站建设<span>QQ</span>:532337155</a> <a class="btn btn-default" href="tencent://message/?uin=631063699&Site=&Menu=yes" role="button">营销推广<span>QQ</span>:631063699</a> <a class="btn btn1 btn-default" href="mqqwpa://im/chat?chat_type=wpa&uin=532337155&version=1&src_type=web&web_src=oicqzone.com" role="button">网站制作<span>QQ</span>:532337155</a> <a class="btn btn1 btn-default" href="mqqwpa://im/chat?chat_type=wpa&uin=631063699&version=1&src_type=web&web_src=oicqzone.com" role="button">营销推广<span>QQ</span>:631063699</a> <a class="btn btn-default nonea" href="tencent://message/?uin=1683211881&Site=&Menu=yes" role="button">售后QQ:1683211881</a> <div class="dz">专业空气管理系统服务商: <a href="http://www.gawzjz.com/" target="_blank">工业净化空调</a> <a href="http://www.gawzjz.com/" target="_blank">恒温恒湿空调机组</a> <address>地址:成都太升南路288号锦天国际A幢10楼</address> </div> </div> <div class="bzdh dz"><img src="https://www.cdcxhl.com/imges/bottom_logo.png" alt="创新互联"> <p><a href="https://www.cdcxhl.com/menu.html" target="_blank">成都创新互联科技有限公司</a><br> Tel:400-028-6601(7x24h)</p></div> </div> </div> </footer> </body> </html> <script> $.getJSON ("../../qtwebpic.txt", function (data) { var jsonContent = { "featured":data } var random = jsonContent.featured[Math.floor(Math.random() * jsonContent.featured.length)]; $(".adpic .adimg").attr("href",random.link) $(".adpic img").attr("src",random.pic); }) </script>