新媒体小编如何快速学习基础代码？

说起新媒体小编学代码这事儿，真的让我想起去年刚开始接触HTML时的那段”痛并快乐着”的经历。记得第一次给公众号文章加动态特效，光是让一个简单的按钮变色就折腾了大半夜，那种”为什么别人能轻松搞定而我连基础语法都看不懂”的挫败感至今记忆犹新。不过别担心，学会基础代码其实比你想象中容易得多，只要掌握正确的方法，一个月内就能搞定大部分公众号排版需求。

从这些工具开始你的代码之旅

别一上来就抱着厚重的编程书籍啃，那只会打击积极性。新媒体小编最该先掌握的是微信公众号后台支持的HTML和CSS基础。你知道吗？微信官方数据显示，90%的排版效果其实只需要不到20个常用标签就能实现。比如用<span>控制局部文字样式，用<div>创建内容区块，这些基础标签熟练后，就能玩出各种花样。

我最开始是用Chrome开发者工具（按F12就能调出）来”偷师”的——看到别人公众号里喜欢的效果，右键”检查元素”就能看到实现代码。这种方法虽然不够系统，但胜在直观，而且能立即看到效果，特别适合缺乏耐心的初学者。

避开这些新手常见误区

很多小编在学习初期都会犯一个致命错误——过分依赖可视化编辑工具。数据表明，长期使用第三方排版工具的小编，90%在半年内会遇到”想实现某个效果但工具不支持”的困境。我的建议是：先用工具生成代码，然后强迫自己阅读和理解这些代码，慢慢你就会发现其中的规律。

另一个误区是试图一次性学太多。有次我看到一个酷炫的3D翻转效果，花了整整三天去研究，结果发现微信公众号根本用不上…所以一定要明确学习边界，新媒体小编最需要掌握的是：文字样式、间距控制、基础动画、响应式布局这几个模块。

建立你的代码锦囊

现在我的电脑里有个”代码锦囊”文件夹，里面按照功能分类整理了各种实用代码片段。比如”点击展开效果”、”渐变背景”、”浮动按钮”等，每个文件都有详细注释说明在哪里修改参数。统计下来大概50个左右的代码片段，居然就能应付日常工作90%的需求！建议你也建立自己的代码库，遇到新需求时先别急着写，去代码库找找有没有现成的可以改造。