做前端这两年，，，，，，，，我珍藏夹里攒了一堆能直接抄代码的网站。。。。。有人感触“免费代码网站可复造”就是噱头，，，，，，，，其实真不是，，，，，，，，关键是你得找对处所。。。。。今天不扯虚的，，，，，，，，直接说我常用的几个，，，，，，，，拿去就能省功夫。。。。。

先说这些网站到底好在哪

像CodePen、JSFiddle这种在线代码平台，，，，，，，，打开就能看到别人写的HTML、CSS、JS，，，，，，，，页面下方就佑装Copy”按钮，，，，，，，，点一下就复造走人。。。。。；；；；；；；褂蠫itHub和Gitee，，，，，，，，上面有海量的开源项目，，，，，，，，单独的文件也能直接下载或复造。。。。。比起自己从零敲代码，，，，，，，，这玩意效能高太多。。。。。?尤其做demo的时辰，，，，，，，，复造一段按钮形状、加载动画，，，，，，，，两分钟就能把页面撑起来。。。。。

真正能直接复造的代码长什么样

不是所有代码都能复造了就用，，，，，，，，你得找那种自蕴含的代码块。。。。。好比一个div配上几行CSS，，，，，，，，成效就出来了，，，，，，，，这种最适合复造。。。。。CodePen上的热点文章，，，，，，，，好多都是单文件搞定，，，，，，，，复造下来存成.html就能跑。。。。。；；；；；；；褂胁四窠坛獭3School这种进建站，，，，，，，，每个事俘都带“尝试一下”按钮，，，，，，，，代码就在旁边，，，，，，，，轻易复造。。。。。?

找代码别乱翻，，，，，，，，学会用筛选职能

好多人打开GitHub就懵，，，，，，，，搜一个词出来几千个仓库。。。。。其实用搜索语法就行，，，，，，，，好比搜“language:javascript”加关键词，，，，，，，，能精确定位想要的代码。。。。。CodePen里能够直接按“Popular”排序，，，，，，，，选最近一周的，，，，，，，，都是别人验证过的好器材。。。。。找的时辰多看一眼点赞数和评论，，，，，，，，别光看标题抢眼就下手。。。。。?

复造下来的代码怎么用才不白拿

别以为复造到剪贴板就完事了。。。。。我的习惯是新建一个测试页面，，，，，，，，把代码贴进去跑一遍，，，，，，，，看看现实成效，，，，，，，，再改改色彩、尺寸，，，，，，，，造成自己的器材。。。。。这一步出格沉要，，，，，，，，由于网上代码偶然会缺个依赖库，，，，，，，，直接放项目里容易报错。。。。。先本地跑通，，，，，，，，再往项目里搬，，，，，，，，省得后面debug到崩溃。。。。。?

有个幼坑还是得留个心眼

免费代码网站可复造的资源固然多，，，，，，，，但有些项目带开源和谈，，，，，，，，好比MIT、Apache，，，，，，，，商用没太大问题；；；；；；；；若是是GPL和谈，，，，，，，，你用了可能得把自己的代码也开源。。。。。做幼我项目无所谓，，，，，，，，拿去公司用就要看明显。。。。。不是不让用，，，，，，，，是别等惹上麻烦再痛恨。。。。。免费代码网站可复造这个事自身没问题，，，，，，，，但尊沉原作者的署名，，，，，，，，也算给自己省事。。。。。?

最后说句切真话，，，，，，，，工具再多，，，，，，，，不如自己着手改一改。。。。。把这些网站当起点，，，，，，，，复造完代码记得理解一下道理，，，，，，，，下次就不用在统一个处所反复搜了。。。。。你感触哪个网站最好用？？？？？？？能够在评论区聊聊。。。。。