2024年网页设计中的库 篇1
每个学设计的小伙伴，都需要资源库和工具箱
你需要的设计资源清单（百度名字即可）
从资源库到编辑器
给你一个收藏的理由
灵感来
MaterialUp:Material design 设计灵感.
FLTDSGN: 最佳扁平化设计展示.
Site Inspire:Web 设计灵感.
UI Cloud:全球最大的 UI 设计数据库.
Moodboard:情绪板设计.
Crayon:营销策划.
Land-Book:产品登陆页图集.
Ocean:设计师反馈分享社区.
Dribbble:设计师作品展示.
Behance:设计展示.
Pttrns:移动 UI 模式.
Flat UI Design:扁平化设计.
Awwwards:设计创意奖.
The Starter Kit:开发者及设计师资源.
One Page Love:单页网站设计灵感.
UI Parade:UI 设计工具与设计灵感
The Best Designs:web 设计.
Agile Designers: 设计资源.
Niice:A search engine with taste.
设计资源
Freebbble:优质免费资源.
Dribbble:免费资源.
Graphic Burger:设计资源.
Pixel Buddha:职业设计资源.
Material Design UI Kit:Google Material Design 用户界面设计工具.
Premium Pixels:创意工具.
Fribbble:Gilbert Pellegrom 策展的 PSD 资源.
Freebiesbug:PSD 资源.
365 Psd:PSD 资源.
Dbf:Dribbble Behance 最佳免费设计资源.
Marvel:著名设计师的免费资源.
UI Space:手工制作的优质资源.
Free Section of Pixeden:免费设计资源.
Free Section of Creative Market:周一免费.
Teehan+Lax:DiOS 8 GUI PSD (iPhone 6).
Teehan+Lax:iPad GUI PSD.
Freepik:图像资源.
Tech&All:PSD 与科技新闻
Tethr:最好看的 IOS 设计工具包.
图像编辑器
Canva:图形设计.
Skitch:Evernote 插件.
Easel.ly:可视化图形.
Social Image Resizer Tool:社交媒体图像优化.
Placeit:产品模具模板.
Recite:把名言变成可视化杰作.
Meme Generator:meme 生成器.
设计工具
Material Palette:可导出到 Material Design 调色板.
New Flat UI Color Picker
Flat UI Colors:扁平化颜色.
Coolors:颜色主题.
Skala Color
Couleurs
Material UI Colors:Material ui 调色板，支持 Android, Web & iOS.
Colorful Gradients:渐变色.
Adaptive Backgrounds:选取主色.
Brand Colors:著名品牌采用的颜色.
Paletton
0 to 255:颜色校验.
Colour Lovers
Adobe Color CC:颜色组合，来自 Kuler 社区.
Bootflat:扁平化设计色.
Hex Colorrrs:Hex 转 RGB.
Get UI Colors
Coleure
Colllor:配色方案生成工具.
Palette for Chrome:从任何图像生成调色板.
素材来源
500px.com 数量多
Stock Up:最佳素材图片大全.
Pexels:最佳图片大全.
All The Free Stock
Unsplash:高画质图片.
Splashbase:搜索发现免费图片视频.
Startup Stock Photos
Jay Mantri
Moveast
Travel Coffee Book:旅游图片.
Designers Pics
Death to the Stock Photo:每月免费资源.
Foodie’ s Feed:高分辨率.
Mazwai:高清视频.
Jéshoots: 现代图片.
Super Famous:荷兰设计师 Folkert Gorter 的图片.
Picography: 高清图.
Pixabay:高清图.
Magdeleine:高清图.
Snapographic
Little Visuals:每周电邮免费图片.
Splitshire
New Old Stock:免费公共资源.
Picjumbo
Life of Pix:高清图.
Gratisography:高清图.
Getrefe
IM Free:免费资源集.
Cupcake:Jonas Nilsson Lee 的图集.
The Pattern Library:模式库.
Public Domain Archive
ISO Republic:高清图.
Stokpic
Kaboompics:获取免费图片的最佳方式.
Function
MMT:Jeffrey Betts 的免费图片.
Paul Jarvis:高清图.
Lock & Stock Photos
Raumrot:高清图.
Bucketlistly:旅行图片.
设计排版
TypeGenius:字体选择.
Font Squirrel:100%免费商业字体.
FontFaceNinja:字体选择浏览器扩展.
Google Fonts:字体优化
Beautiful Web Type:来自 Google web 字体目录的最佳字体.
DaFont:免费可下载字体归档.
1001 Free Fonts
FontPark:全球最大的字体归档.
Font-to-width:字体大小调整.
图标设计
Fontello:图标字体生成器.
Flat Icon:超过 16000 种字形向量图标搜索引擎.
Material Design Icons:Google 提供的 750 种开源字形.
Font Awesome:标志字体与 CSS 工具包.
Glyphsearch:图标搜索.
Withoomph: LOGO 设计.
Hipster Logo Generator:时髦 LOGO 设计.
Squarespace Free Logo:LOGO 设计.
MakeAppIcon:App 图标一键生成.
Endless Icons:扁平化图标.
Ico Moon:4000+ 向量图标.
The Noun Project:数千来自不同艺术家的字形图标.
Perfect Icons:社会化图标创建工具.
Icon Finder:图标搜索.
圆角图标: Doodle Set | Flat Set | Vector Line Set
Icon Sweets:60 向量 Photoshop 图标.
高品质背景音乐
Fontello:图标字体生成器.
Flat Icon:超过 16000 种字形向量图标搜索引擎.
Material Design Icons:Google 提供的 750 种开源字形.
Font Awesome:标志字体与 CSS 工具包.
Glyphsearch:图标搜索.
Withoomph: LOGO 设计.
Hipster Logo Generator:时髦 LOGO 设计.
Squarespace Free Logo:LOGO 设计.
MakeAppIcon:App 图标一键生成.
Endless Icons:扁平化图标.
Ico Moon:4000+ 向量图标.
The Noun Project:数千来自不同艺术家的字形图标.
Perfect Icons:社会化图标创建工具.
Icon Finder:图标搜索.
Icon Sweets:60 向量 Photoshop 图标.
希望小师姐能帮到你~
公众号
作品集分享Portfolio
2024年网页设计中的库 篇2
现在的网络有非常丰富的资源，但因为它信息量过于丰富，如果你缺乏对一些基本的搜索原理和技巧的了解，往往需要花费比别人更多的时间，并且很难想要你想要的东西
套用老罗介绍 OneStep 时说一句话：
能用两三步走完，就不要用四五六七步，人生苦短，珍爱“生命”。
今天主要从以下几个方面和小伙伴们分享一些经验心得，也欢迎大家在文末留言区分享交流各自的心得
搜索：素材的搜索与下载集成：将下载的资源保存，集成为个人资源库整理：归类，去重，内容梳理等工具：效率资源整理工具
Part 01
素材搜索及下载
搜索，这是每个人必备的技能
所以首先就一些搜索技巧或者可以说是思路开始分享
关键词精度定位
在搜索资源前，你需要知道自己搜索的是什么
在为设计搜集素材前你需要对你的设计进行分析，和关键词提取
比如老板给你布置的任务是做出图下图风格的设计图
所以先对这些图进行分析，这些图的共性以及特点
比如，所有的图片都是与数据相关，搜索时可以尝试“图表、数据”一类的关键词
再看这些数据都是以图像的形式进行表现，所以还可以搜索“信息图、可视化、数据可视化”等
将这些关键词根据搜索结果的提示，一步步筛选，更换直至找到我们想要的结果。
关键词延伸
搜索后发现“信息图表”关键词是我们想要的结果，
这时我们可以还它的同义词/近义词（关键词发散/联系），更换语言搜索
比如搜英文单词“infographic”、“Information graph”等
过程中还可以不断的进行筛选
关键词头脑风暴法
有的时候，你只有一个关键词，你可以对这个关键词进行头脑风暴，进行发散
如中秋节马上就要到了，老板让你做一个“中秋”为关键词主题的设计，设计元素你可以从饮食，习俗，意向象征等进行发散思维如
圆月、月饼、团圆、嫦娥、桂花等等
善用搜索引擎
有了搜索的“关键词”内容后，善用搜索引擎可以达到事半功倍的效果
一次完整的搜索流程分为 4 部分：搜索 » 检索 » 筛选结果 » 选择结果
图片来源：google 图片搜索
搜索表达式
搜索表达式适用于绝大多数引擎，可以极大的提高你的搜索效率和准确率
以图搜图
有时候，并不是所有的素材你都知道关键词，在不知道关键的是“以图搜图”是个高效快捷又简单的方法
谷歌图片搜索
百度图片搜索
专业网站下载
近来人们的版权意识越来越强
知道你们担心直接使用搜索引擎搜到的图片可能会有版权问题
这些好用的，无版权可商用可下载的资源网站也已经给你们打包整理好了~
点击标题或图片就能带你去~
哪里可以下载 PPT 中常用的透明背景 PNG 图片？ - iSlide的回答 - 知乎 https://www.zhihu.com/question/309786320/answer/579984682
平面设计师是如何找素材的？ - iSlide的回答 - 知乎 https://www.zhihu.com/question/23914832/answer/675085644
你用过的最让你震惊的网站有哪些？为什么？ - iSlide的回答 - 知乎 https://www.zhihu.com/question/20030360/answer/653977552
9个超赞高质量免费图片网站
Part 02
打造个人资源库
01/ 本地文件：规范文件夹资源归档
本地文件优点安全稳定，不用担心网络不稳无法下载问题，随用随取
本地文件不足（不借助工具时）素材数量越来越多，查找越来耗费时间占用内存/移动硬盘，若无备份，一旦丢失无法找回整理过程耗费时间，过时素材需要定期清理
将素材下载到你的本地电脑，并不是结束而是开始
相信我，一开始不养成一个好的文件整理习惯，等资料越来越多，你会越来越窒息的
文件夹整理小技巧
只收集，不整理，好的资源。。。。用的时候你也找不到
每个人的职业领域不同，所以只提供大致的经验思路以供参考
文件夹及文件命名非常重要，可添加序号、时间等标签根据文件的性质或目的进行体系化归类
以公众号推文资料的整理为例，命名格式为
序号 + 时间 + 标题
序号：（案例中的“第几周”）可以呈现优先级的顺序，查找时更加轻松。时间：微信文章时间顺序的特殊性，加时间可以更快的精准定位（个人习惯）标题：内容描述，一眼可以了解具体的项目内容
整体框架如上图
文件的排序排序方式习惯用“名称-递减”，因为文件夹已经设置了编号，递减排序后，最新的文件夹一打开就能看见，而不需要下拉，非常方便
操作：文件夹中鼠标点击空白处，右键“排序方式 » 名称 » 递减”
实际效果如下图，如果使用默认递增，文件夹越多，需要下拉的距离也越大
其他工作文件夹
经常做设计，时间久了自然而然慢慢就会形成自己的素材库，根据常用的将素材分成了图片、文字、配色、动画四大类
图片素材又根据图片格式分类比如：jpg、png、eps 等
然后在根据使用场景进行分类等等
每个人的习惯不同，文件的分类归档，终究还是要让自己方便快速的找到自己想找的资源，所以相关的制定规则一定要符合自己的使用习惯
02/ 线上资源库
线上资源库优点不受硬盘限制，只要有网络就能使用标签成熟，丰富，搜索方便每一张采集来的图片，都带有源链接，可以一键追踪
线上资源库不足点如果你正急着用素材，而这时刚好网站服务器崩溃，那滋味酸爽的头发都会保不住的。
操作
利用花瓣等图片网站的图片“采集工具”，建立在线图片素材资源库
安装地址及教程：http://huaban.com/about/goodies/
书签栏图片采集工具安装后会出现在浏览器的书签栏位置
使用时，只需在当前网页点击采集工具
然后可以看见图片的详细信息，点击图片可以采集到你建立的画板中
比如你在逛上文中提到的无版权可商用网站上看见喜欢的图片，你就可以采集，然后建立一个“FREE|可商用”的画板，这些图片使用时，不需要担心版权问题
画板（可理解为文件夹）可以根据你自己的实际需要建立
也可以关注其他人建立的优秀画板
当然，你建立的画板也可以被别人搜索关注，有些图片网站支持将画板设置为“公开画板”或“私人画板”，看你具体的需求。
Part 03
本地文件内容快速搜索
有了这些助攻神器，你要找的资源一“喊”就应
即使你的文件夹乱成一坨不可描述，也能轻易找到你需要的
PS：插播一条，这个时候，文件的命名很重要
listary
http://www.listary.com
Liatary 是介于搜索工具、快速启动工具和文件资源管理器之间的软件。
可以快速查找任意文件，快速启动任何程序
搜索时直接首字母匹配
搜索
作为Listary最强大的搜索功能之一，只需从Windows操作系统环境中的任何位置开始输入所需文件或文件夹的名称。“按键查找”功能会立即打开一个列表浏览器窗口，其中包含匹配的文件，文件夹或应用程序列表。
通过磁盘搜索，可以快速查找系统中每个驱动器上的文件和文件夹。只需打开资源管理器窗口或开始在现有窗口中输入，搜索将迅速在连接到系统的任何驱动器上快速找到正在寻找的内容。
启动应用
只需单击两次Ctrl键，即可键入要打开的程序或应用程序的名称
例如，单击 Ctrl 两次，然后键入“Word”，Listary 将打开 Microsoft Word 。
收藏
可以将文件夹添加到“收藏夹”部分，并通过单击按钮浏览窗口历史记录以便于访问。
Everyting
http://www.voidtools.com
一款快速搜索磁盘文件的软件，以搜索速度极快而被大家所熟知。官网描述为“基于名称实时定位文件和目录（Locate files and folders by name instantly）”。它支持中文，体积小巧，界面简洁易用，快速建立索引，快速搜索，同时占用极低的系统资源，实时跟踪文件变化。
提供 2 种使用版本：直接安装在电脑上便携式安装，即可以下载到U盘，随插随用
Everything 默认是全盘搜索的，搜索结果按照文件夹在前，文件在后的顺序排列。
切换预览视图
DocFetcher
http://docfetcher.sourceforge.net/en/download.html
一款中文免费的本地资料搜索软件，是针对文件内容进行索引的工具。
DocFetcher是一个免费开源且跨平台的桌面文档内容搜索工具：它能遍历你所有的文件内容，进行全文搜索，类似百度硬盘或Google硬盘。
基于索引: 由于大量负载情况下直接搜索文档很缓慢，DocFetcher需要创建索引来加速搜索。不同于百度硬盘和Google硬盘，你可以针对自己希望搜索的文件夹建立索引。初次创建索引可能花费一些时间，但是一旦建立好就可以重复使用。
1.搜索栏
2.搜索结果显示区域
3.搜索结果中当前所选文件的纯文本预览。文件中的所有匹配项都以黄色突出显示。
4.按最小和/或最大文件大小过滤
5.按文件类型过滤
6.按文件位置过滤结果
7.使用帮助
中文界面
创建索引: 启动软件后，在左下角的“搜索范围”区域里右键，选择从...创建索引来选择要索引的文件夹，按执行确定并开始索引（文件数较多的话可能要等一段时间），当索引完成之后就可以进行搜索了！
搜索: 在搜索栏输入要搜索的内容并敲击回车即可查询。
以上，我是iSlide哥布林，转载请注明出处。
2024年网页设计中的库 篇3
先回答个问题吧：
A.设计，你是一名有美术基础的学生，有一定艺术基础。
B.制作，你是一名理工科学生，有较强的逻辑思维能力，已经具备了成为一名程序猿的觉悟！
如果你选A：那好吧，你要学习的方向很清晰，由于艺术功底的BUFF加成，你可以很享受工作。你需要学习以下内容：
1.HTML超文本标记语言：虽然HTML也被称为语言，但实际上更应该被称为标签标注，非常简单容易。目前正在使用的是HTML5标准，我觉得学习起来更简单。
发一个参考教程链接，可以先了解一下。
https://www.w3school.com.cn/html5/index.asp
2.CSS层叠样式表单：虽然HTML可以制作出一个功能完整的网站，但他是没有被“美颜”的，要想让你的网站变漂亮，至少要学习这个技术，还好，也不难。
参考教程如下链接：
https://www.w3school.com.cn/css3/index.asp
3.Photoshop：哦，对不起，一名艺术专业的学生怎么可能不会Photoshop，这是必修课，所有网页上的图片、LOGO、Banner等都要用图像处理软件来制作、修改。
4.Axure软件：这个是网站原型设计软件。它可以快速的设计一个网站的用户界面，提交给用户反馈，然后快速修改，直到用户确认。你就可以将这个设计好的原型，提交给同伴去制作成真正的网站了。
好了，选A的同学结束了，恭喜你，靠天赋就能混的不错。
如果你选B：那好吧，恭喜你！格子衫、996、脱毛谢顶走起！学习规划图如下：
1.跑不了的HTML语言：必须一天学会！太简单了，无论是否能熟练应用，但必须一天内学会！学完这个，你就会飘飘欲仙，觉得网站制作如此简单！然后被套牢。
2.逃不掉的CSS样式：即便不完全学会，也要能完全看懂别人写的表单效果，未来是一定会用的！否则以后调试页面会给你逼疯！完全学会也只需要3天，但熟练掌握可能要数月！因为技巧很多，还要注意各种浏览器的坑要填。
3.终极奥义Javascript语言：这里是坟墓！是埋葬了很多人的万人冢！没有网页制作人员能绕的过去，掉进去就会被埋！是否能浴火重生就要看自己的决心了！如果能学会，后面一堆技术都难不倒你。
4.至少学习一个网页框架吧bootstrap：为了快速开发，已经有人帮你整个好了一个库，将前面三种技术整合到了一起，你可以很快速的开发出一个网站来。尤其是网页布局，很容易！2天学会。
至此，网页前台就已经差不多了！
有小伙伴觉得给你的压力还不够，还有一大堆要学的。没关系，你学到上面4个后，自己就会知道还学啥了！不用我们再教你了。
接下来是页面后台了！
要想让你的网站能从数据库中读取数据，并显示出来！或是将文本框中用户输入的数据存储到数据库中。那都要学习后台技术。作为一个初学者，建议你：
1.PHP语言：php是世界上最好的编程语言！（稍等老衲先去包扎一下伤口）。使用会用PHP，可以让你了解网站后台运行的全部机制！相对简单易用。尤其是作为学习阶段，还是可以接触一下的。但现在Java如日中天，用PHP的已经相对减少很多了。
2.Java语言：未来你想从事企业级网站应用的开发、安卓系统移动应用程序的开发，都离不开java！虽然我不喜欢它，但无疑，他是使用最广泛的！
3.. NET技术：好吧，也可以不学，可以跟以上两门语言划等号，可以实现全部的功能。但这个派系人单势微，不提也罢。
4.数据库技术：根据你选择的行业、语言的不同，你可能也会选择不同的数据库技术。这个太麻烦，有需求再细说吧。
5…
6…
这个列表是总也写不完的！一入猿门深似海！这辈子永远学不完！
就到这里吧！
2024年网页设计中的库 篇4
HI~小E来啦，数据可视化涉及很多复杂的要素，包括如何从海量数据中挖掘出有用的信息，找到其中的规律，通过图像、图表等形式直观地展示数据，为视觉设计寻求更多可能性等方方面面。刚接触数据可视化领域的新手很容易思绪混乱，我总结了几个最基础的几个关键要素，希望能够帮助你们进一步的完善数据可视化设计~
1.要明确你的目标和受众。在开始设计可视化图表之前，需要明确你想要传达的信息以及你的目标受众是谁，这将有助于你选择适合的图表类型以及进行合适的数据处理和呈现方式，也是数据可视化设计过程中最基础的。
2.选择合适的图表类型。不同的数据类型适合不同的图表，要根据想要表达的讯息来选择图表，例如柱状图适合呈现离散的数据，折线图适合表示数据趋势变化等。合适的图表类型可以更好地展示数据的特点和关系，让你事半功倍。
3.注意数据的准确性和可信度。在进行数据可视化设计时，确保数据的准确性是非常重要的。我们需要对数据进行清洗和分析，排除异常值和错误数据，确保数据的可信度。
4.注重设计的美感和易读性。一个好的数据可视化作品可以在保证数据准确、信息传递直观的同时，具有吸引人的外观，能够快速抓人眼球。利用颜色、字体和图形等元素，使图表更加美观且易于阅读，避免信息过载和混乱的布局，确保信息的传递清晰明了。
5.持续进行测试和优化。在设计完成后，我们需要进行测试和评估，是否达到了目标，并根据反馈进行调整和优化。这个过程也同样很重要，可以帮助我们不断的改进可视化作品，并且稳步提升数据可视化设计能力~
以上是基于大环境因素万事俱备的情况下，在数据可视化设计中的关键要素。在实际的设计过程中，除了设计过程中的要素，数据可视化设计必备的工具和前期准备也至关重要，优秀的数据可视化工具能帮你清洗数据、模板套用、调整整体风格等，从多方面的整体提升你的数据可视化设计体验和设计效果。
下面自荐我们公司的产品易知微EasyV数据可视化工具，进入2024年，已经是我们在数据可视化领域深耕的第8年了~易知微为袋鼠云旗下的数字孪生全资子公司，致力于将可视化、低代码和数字孪生技术相融合，将物理世界全方位的数字化，实现一个真实的可以实时感知和管理的数字增强世界。用一句话总结，就是低代码高质量的数字孪生可视化平台~
easyv.cloud/?t=toutiaomf
下面我从几个方面，简单的介绍一下，为什么能叫做低代码、高质量，又有什么利于数据可视化和数字孪生的产品优势，能够在行业内脱颖而出，获得众多合作伙伴的青睐。
EasyV获得市场的广泛认可低代码
纯界面化工作台，托拉拽式搭建应用，有效降低开发成本和配置项修改，需求变更维护成本低，零代码就能轻松搭建可视化应用。
可视化编辑器
高质量
在线海量模板、设计素材、主题资源等，行业模板开箱即用。内置资源插件一键选择，即将开放创作者计划。平台内嵌图表、地图等丰富的二维组件业务人员能直接搭建。提供3D地球、3D园区、3D城市快速构建三维场景，支持第三方组件自定义开发。
组件库
更多的详细模板查找咨询，可以进入官网素材广场进行了解~
easyv.cloud/?t=toutiaomf多数据
支持实时数据接入，对接常见数据库、API、静态数据，在线完成数据格式转换。
增效益
支持常用数据联动、事件交互、多终端交互，提供可视化交互节点管理，与传统代码开发数据可视化对比，提升项目交付效率，降低时间、人工成本。
享服务
团队提供可视化设计定制服务，企业版、尊享版客户可享受社群、1v1咨询服务。
免费试用期间：运营、产品、设计、技术人员专业一对一拉群指导，解答疑惑。
easyv.cloud/?t=toutiaomf
可视化学院：「免费视频课程」⬇️：
easyv.cloud/video-center
想要了解更多数字化相关的知识信息，查看更多的高质量、精美数字化转型模板案例参考，欢迎关注小E~
2024年网页设计中的库 篇5
网页设计需要学习东西还是比较多。
第一阶段：设计软件学习：例如 PS 、AI、Dreamweaver、等等。
Photoshop简称PS，是由Adobe公司开发和发行的图像处理软件，Photoshop主要处理以像素所构成的数字图像
Adobe Illustrator(AI设计软件) Adobe Illustrator是一个绘图软件包，允许你创建复杂的艺术作品，技术图解，用于打印的图形和页面设计图样，多媒体，以及 Web 。Adobe Illustrator提供了广泛的强大绘图和着色工具，其中包括：一个刷子工具，椭圆工具，徒手素描工具，刀子工具，自动跟踪工具，护罩，斜变工具，路径图案过滤器，混合工具，颜料桶，滴管，对齐工具及墨水笔过滤器。Illustrator有强大的图形处理功能，支持所有主要的图象格式，其中包括PDF和EPS。这个程序让你进行广泛的印刷控制，并可以支持工业标准的 Adobe 插件。
Dreamweaver ：一套针对专业网页设计师特别发展的视觉化网页开发工具，也是目前最新版本利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。本套教程结合目前网页中应用到的各种效果和技巧,全面讲解如何用Dreamweaver CS6去完成网页页面的排版设计，同时配合生动实用的案例使您更容易、更轻松掌握Dreamweaver CS6，帮您成就网页设计师的梦想.
第二阶段：网站的概述、网站的制作及设计、web 网页设计 专题页面设计 电商知识 企业网站制作 、后台系统设计、移动端页面设计。
第三阶段：编程语言的学习html 、 css 、 js 、 html5 、 css3 JavaScript 等等
这些编程语言都是开源的在网站很容易找到学习教材，但是要学好用好还是要通过不断的实践。
第四阶段：比较高级一点前端语言。
jquery:javascript框架，javascript函数库，极大简化了javascript。bootstrap:一个用于快速开发 Web 应用程序和网站的前端框架。
AngularJS: 是一个 JavaScript 框架。
JSON: 是存储和交换文本信息的语法.
Ajax: 可以用于创建快速动态的网页。AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
Angular 2:是一个开源的JavaScript框架
React: 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI .
LESS:是一个CSS预处理器，可以为网站启用可自定义，可管理和可重用的样式表。是一种动态样式表语言，扩展了CSS的功能
Vue.js ：是用于构建交互式的 Web 界面的库。
Node.js ：是运行在服务端的 JavaScript。
如果这些你都能有所掌握那么你将慢慢的走上编程之路了。