免费高质量的js源码，自动生成js代码
很多朋友对于免费高质量的js源码和自动生成js代码不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！
如何写高质量的JS,Html5前端代码
首先，本人在前端开发方面有点心得，有什么不对的地方希望给出建议让我更好的进步
1.命名
在开发前必须有个命名规范来对代码统一规范团队代码结构，使代码可读性提高
2.注释
我相信每个人看别人代码时看到密密麻麻的代码结构，相信每个人都会很头疼，即使想看也会看不下去，而且很耗时间，所以注释就变得尤其得重要，注释越清楚越详细我相信代码可维护性越高，而且更容易修改维护
3.变量
在js中变量无处不在，所以这么声明变量就变得尤其得重要，首先少使用全局变量，这样会增加加载速度，从而导致项目用户体验不好
4.声明变量如果不用 var会导致变量成为全局变量。
5.函数
函数的参数数量
函数的参数不应该超过 3个。如果函数的参数超过 3个，应该将一些参数进行封装。
6.函数参数传递
只传函数需要的参数。如
//不推荐
function greet(data){
console.log('Hello, I am'+ data.name);
}
//推荐
function greet(name){
console.log('Hello, I am'+ name);
}
7.函数的功能
一个函数只做一件事。这有助于测试和代码复用。
函数尽可能无副作用。无副作用指不修改传入的参数和全局变量。
8.减少重复代码
.记得在某个文章中看到说，如果重复的代码出现 3次，就应该重构重复的代码。
.松耦合
.一个函数只做一件事
.缓存一些计算结果
9.避免全局变量
.从分配置和离逻辑代码
.不要修改不属于你的对象
.不属于你的对象包括
.浏览器原生对象，如 Object，Array等
DOM，如 document
BOM，如 window
类库对象
如果想拓展浏览器原生对象的功能，可以创建函数，函数中把浏览器原生对象传入。如 Underscore.js做的那样。
10.代码风格的统一
11.尽可能的避免代码重复
.如何减少重复的代码呢？
.在JS中，可以将重复的代码写成一个方法，如果是可通用的，可以写在独立的JS文件中。
.在CSS中，则需要借助Sass，Less之类的预处理语言的Mixins的功能。将重复的部分写成一个Mixins。
12.配置和逻辑分开
. JS中，对于整个站的通用配置，写在config.js里。如果是某个js的配置，在文件的开头，用defaultParam对象来存放可变的配置，用const来定义不可变的配置
. CSS中，依旧要借助预处理语言。对于整站的配置，定义在_variables.scss里。对于某个具体CSS文件里，在文件开头用变量来定义
13.减少代码的副作用
1>JS中，方法中的沟通尽量不要用全局变量；不要在Array之类的全局对象的原型链上添加方法；尽量不要定义全局的方法和变量：如果确实有很多变量，方法放在全局上，可以学习jQuery,将很多变量，方法放在一个全局对象上；自定义事件，事件的名称也要有命名空间。
2>CSS中，要做到无副作用，难度很大。对于简单页面，一个方法是，把页面上的元素都分成一个个组件，写样式时，选择器要用组件选择器当前元素选择器。当组件变的复杂时，组件也会包含很多子组件。然后，选择器就会越来越长。。。我的解决方案是用的BEM。
14.提高代码的可读性
.变量，方法等的合理命名，通过名称可以知道这个大概做什么的。
.如果则要加注释来说明一下。对于不容理解的代码加注释
.尽可能不用魔法数字
.对于HTML，选择合适标签
15.一个方法只做一件事
一来提高代码的复用性，二来让调试也变的更容易，三来让测试变的更容易
免费的图片素材网站有哪些
以下图片素材网站都是能免费下载素材的，国内和国外的都有。
1、卓特视觉
可以称之为国内最大素材库，总共有3亿+的各种素材，涵盖了图片、视频、音频、矢量、字体等各种分类。网站有免费专区，里面的视频、图片、矢量素材都能每日限量免费下载。最关键是的是免费下载的素材是标准商用授权，简单的说就是可以商用。
2、Unsplash主页图
据说这个网站是免版权的图片网站，用一次就回不去了，几乎我的所有个人设计作品（非商用仅学习）所用到的图片素材都来源于Unsplash。内容上更多的是国外的照片（自带高级感），亚洲的也包含，不管是壁纸、3D渲染、纹理和图案、实验性的、建筑、自然、商业与工作、时尚、电影、食物和饮料、健康与健康、人、室内、街头摄影、旅行、动物、灵性、艺术与文化、历史都包含，特别实用。截止至2020年4月，该网站拥有超过18万名摄影师，图库中储存了超过160万张照片。据报道，Unsplash被《福布斯》、《企业家杂志》、CNET和The Next Web评为全球领先的摄影网站之一。
3、Foodies Feed
Foodies Feed是一个免费的美食主题的图库，图片主要的类别有咖啡、水果、农贸市场、主菜、甜品、早餐、饼干、鸡蛋、鱼，等等。在FoodiesFeed下载的图片无需任何的付费，无需注册登录网站就可以直接下载。
4、Pixabay
Pixabay是全球知名的图库网站及充满活力的创意社区，拥有上百万张免费正版高清图片素材，涵盖照片、插画、矢量图、视频等分类。拥有丰富的图片及视频素材，空镜头非常给力，但需要具备一定但英文检索能力。
5、Burst.shopify
国外商业图片网站Burst免费图库背后是知名的加拿大电子商务公司Shopify，根据网站说明，会推出这么一个免费图库的原因在于协助企业家做出更好的产品、网站或行销活动，大部分相片都是内部拍摄的原始图片，当然也有一些比较普遍看到的主题，例如：美食、夕阳或山丘等等。开站初期已经收录 1,000张以上的高画质相片素材。
6、Pexels
Pexels是一个提供大量共享图片资料的网站。所有图片都将显示详细信息，如相机型号、光圈、焦距、ISO和图片的分辨率。Pexels内高质量和完全免费的材料照片，这些照片均在 Pexels许可下授权。网站内已经仔细标记了所有的照片。可以搜索或发现页面轻松找到需要的图片类型。Pexels网站内每天都有成千上万的免费材料照片更新，并添加新的高分辨率照片。所有照片都是从用户上传的照片或免费照片网站中挑选的。确保所有发布的图片都是高质量的，并在Pexels的许可下获得许可。
如果你还想了解更多这方面的信息，记得收藏关注本站。