记录分享一些自己收藏的网页2017-01-2201。vue-google-maphttps://github.com/GuillaumeL...这个网址附上入职快一个月了，这是第一块要攻克的硬骨头。原因大概是：之前没接触过vue.js，再加上全英文..真是翻山越岭的学习。最后，老板想出了一句话：“一切都应该是英文的”……那是真的！所以，英语很重要~02。Vue.jshttps://cn.vuejs.org/到目前为止，在我看来是易学易懂，轻量级。更不用说开源了。想学习的同学可以上网搜索，或者在GitHub上，资源很多。我会发布一个我稍后制作的todolistdemo。我遵循了教程，但vue.js确实教会了我很多东西。还在慢慢爬坑~03。百度地图http://lbsyun.baidu.com/不知道有多少程序员在刚开始做项目的时候想要一张地图。反正我一开始就拿到两张地图，每天都是R&D（研究与开发），我大概理解为（研究与死亡）。其实这些开源API确实有demo和资源可以查，但是我的骨子里还是要结合百度地图和Vue。当时刚做完vue-google-map，就想到会有vue-baidu-map。呵呵，原来是我想多了。总之，在老大的帮助下终于实现了功能。然后有一天我问老大，既然没有人做过vue-baidu-map，那我们做一个吧。。。然后就没有了。老板当时的普遍反应是，什么？？？？？04.dropzonehttp://www.dropzonejs.com/#in...拖放文件上传api..具体功能是上传文件不用经过系统的上传工具，直接拖放你要的文件即可上传到指定区域即可。.这也是老大解释的R&D。看着看着，是不是觉得自己的头发一根一根往下掉？？？爬坑的过程真的很辛苦。话说回来，单独使用这个插件还是不错的。除了拖拽，它还有预览、上传、删除等功能。但是，公司的项目需求只需要拖放即可。然后在遇到各种坑之后，这个功能并没有集成到项目中。最后，它被使用文件API在JavaScript中读取文件所取代。接下来介绍一下这个La.05.ReadingfilesinJavaScriptusingtheFileAPIshttps://www.html5rocks.com/en...这个我实在是看不懂。“HTML5最终通过文件API规范提供了一种与本地文件交互的标准方式。作为其功能的一个示例，文件API可用于在图像发送到服务器时创建图像的缩略图预览，或者允许应用程序在用户离线时保存文件引用。”——从网站上复制的一段话。大概意思是HTML5终于提供了文件api，通过它可以实现文件（图片）上传预览功能。我不清楚。这是当时老板才意识到的，因为都是英文的。有兴趣的可以找中文介绍。06.富文本编辑器项目现在使用summernote——一个界面友好、开源、免费的富文本编辑器。基本满足了基本的编辑功能，主要是summernote和vue结合起来很方便，文档也通俗易懂，但是要求可能是我们用类似officeword的编辑器？？？然后找到更适合您需求的东西。然后我也会分享自己的研发成果。UEditor来自百度的编辑器。免费和开源。中文支持很好。目前还提供英语支持。官网文档上有具体操作。个人觉得界面不是很友好，但是功能倒是不少。wangEditor是一款基于javascript和css开发的网页富文本编辑器。轻量、简洁、易用、开源、免费——官网一句话。网上评价还是不错的，但是因为需求不对应，所以不是很详细。我喜欢。同学们可以试试~Tinymce是目前最好用的开源免费编辑器之一。这是我个人最喜欢的编辑器。界面非常友好，功能满足需求。结合起来有点困难（对我来说），所以时间线比项目的时间线更重要。有兴趣的同学可以试试。Froala是付费编辑器，但也提供免费版，当然是功能阉割版。但是如果项目能支持的话还是用这个比较好。界面很友好，功能也很丰富（付费版），但是在和vue结合的时候遇到了一些问题，但是因为收费，最终还是没用。（就介绍这几个我知道的，网上有很多开源免费的富文本编辑器，ps：以上顺序不代表排名，博主随意标注~）07.vue-routerhttps://router.vuejs.org/en/e...了解vue.js的同学一定知道vue-router。是vue2提供的路由插件。很有用。主要是实现几个组件之间的切换。你可以看看网上的demo，我感觉是个过时的iframe？但是绝对比iframe好用。vue我要多吹一下，毕竟是我学习的第一个框架。:-)vue中有很多有用的功能，在文档中都有，感兴趣的同学可以去看看。08.Animate.csshttps://daneden.github.io/ani...前端同学一定要看看。不知道怎么解释，看完就知道了！！09.firebasehttps://firebase.google.com/?...firesbase是一个在线数据库，有免费版和付费版，意在帮助开发者快速构建应用提供数据库支持，因为是在线的，基本不需要待配置。只要知道如何将其引入到您自己的项目中即可。支持安卓iOS网页版。博主目前正打算爬这个坑。你有同学吗？两者可以互补。11.你可能不需要JQUERYhttp://youmightnotneedjquery....这太棒了。大家都知道JQuery是一个特别方便的框架，但是毕竟是需要加载或者导入的资源。因此，这个网站就像它的名字一样——“你可能不需要JQuery”，它提供了最常用的JQuery方法的JavaScript版本，并提供了兼容IE的解决方案。如果你的项目或网页只有几个小特效，不妨参考一下这个网站。12.Iconfont-阿里巴巴矢量图标库http://www.iconfont.cn/这是阿里巴巴做的一个图标网站，里面有很多图标分类。该网站还提供不同颜色和不同文件类型供选择和下载。平时喜欢找素材的同学不妨收藏一下~13.cubic-bezierhttp://cubic-bezier.com看到这两个词，相信经常写复杂转场效果或者动画的同学都不会陌生。因此，我们需要知道贝塞尔曲线的数值，实时预览效果！所以这个网站提供了这个功能。14.You-Dont-Need-JavaScripthttps://github.com/you-dont-n...YouDontNeed系列，相信很多同学希望项目能用CSS来解决效果，坚决不要使用JS，所以有了这个，有相同想法的同学不妨学习一下。15.React入门实例（阮一峰着）http://www.ruanyifeng.com/blo...学习新知识可以找阮老师的博客。不知道大家是不是这样，至少我是。最近，我学习了React的基础知识。阮老师的博客虽然是几年前写的，但学习起来还是让我受益匪浅。想入门React.js的同学可以去看看。里面的例子也很详细。16.Sass使用指南（阮一峰着）http://www.ruanyifeng.com/blo...同样，阮老师写了这篇介绍Sass的博客，很好的解释了Sass的特点，大家可以跟着去学习。17.SimpleCSSSpinnershttp://tobiasahlin.com/spinkit/这里显示了12个用纯css编写的加载。还在用gif加载的同学不妨看看有没有满足你需求的！18.JavaScriptPromiseMiniBookhttp://liubin.org/promises-book这本电子书比较详细的描述了JS中Promise的知识点。了解JS异步编程和回调地狱的同学可以尝试学习一下。19.面试相关1.流形：我如何面试一个前端工程师2.最新前端面试题3.阿里、网易、滴滴十大前端面试遇到的问题4.破解前端interview(80%ofapplicantsFailedseries)：从闭包开始5.markyunMy-blog/Front-end-Developer-Questions/Questions-and-Answers/2017-12-2920。PACEpageloadinghttp://github.hubspot.com/pac...这是一个加载插件，每次加载页面都会出现。用法非常简单。在页面导入插件库中的代码即可。有兴趣的同学可以看看。21.关于JavaScriptTipshttp://www.jstips.co/zh_CN/ja...看名字就知道这是一个教tips的网站，内容不算多（个人感觉）。搬砖玩腻了，可以去看看。22.Mock.jshttp://mockjs.com/很适合想前后端分离，又不太了解单页应用后端知识的同学。该插件支持多种类型的模拟数据。配置后会自动拦截Ajax请求，没有后台逻辑也不用担心空白页~23.Swiperhttp://www.swiper.com.cn/国人给的评价网站是开源的，免费的，功能强大的移动端触摸滑动插件移动端开发，h5开发，或者页面上的轮播，翻页（如果不在乎项目大小的话），Api文档能用的都比较齐全。主要是中文网站，哈哈哈，是的，我之前在vue项目中使用了swiper，但是在npmrunbuild的时候，会报错，我找到的解决办法就是不使用这个库。哈哈哈为什么，因为有高手把Swiper封装成Vue插件了，接下来我就介绍一下24.vue-awesome-swiperhttps://github。com/surmon-chi...这是一个大神做的Vue版的Swiper。使用这个插件确实可以解决npmrunbulidusingtheoriginalSwipererror的问题，但是不知道具体原因和解决方法。哈哈哈然后就是了。这个vue-awesome-swiper包的功能非常全面，api直接参考了Swiper官网。插件的使用方法github上写的很清楚。它还提供了SSR解决方案。惊人的！25.缪斯-UIhttp://www.muse-ui.org/#/index官网介绍：基于Vue2.0和MaterialDesign的UI组件库（我比较喜欢的一种设计风格）这个组件库有中文文档和丰富的组件。如果你想要MaterialDesign和Vue26.GoogleFontshttps://fonts.google.com/（需要科学上网）这是Google的开源字体库，提供多种语言的丰富字体样式，免费下载，或者直接复制地址（需要科学上网），建议下载字体文件在项目中使用，哦对了，这个字体库好像没有中文字体。27.MaterialDesignIconhttps://material.io/icons/（需要科学上网）上面说了MaterialDesign，这里顺便放个图标库。这是一组由谷歌提供的基于MaterialDesign的图标。品种丰富，覆盖范围也不错。如果你喜欢MaterialDesign，你可以在这里找到你需要的图标~28.iCSShttps://github.com/chokcoco/iCSS你想知道的CSS技巧，在这里，这个系列围绕着CSS，聊一些有趣的话题，内容天马行空，想到的不仅是拓宽解题思路，还涉及到一些容易被忽视或者非常有趣的CSS细节。iCSS官方声明29.svgtrickhttp://svgtrick.com/想了解SVG的同学可以看看这个网站提供的一些例子，可以找到灵感，里面也有CSS动画例子，并提供了demo30.cube-uihttps://didi.github.io/cube-u...这是一个基于Vue.js的移动端UI组件库。是滴滴滴滴出行做的一个UI组件库。github的star有2000+个文档提供手机预览，然后还有一些个人觉得好看的网站和一些有趣的css特效！（画布很深奥）http://blockstudio.tw/en/http://norgram.co/https://www.obrigadonatural.c...https://tympanus.net/Developm...http://www.2lgstudio.com/https://www.ginlane.com/先分享。不足之处多多指点~第二个分享。不足之处多多指点~第三次分享。不足之处请指点~以上网址均无任何商业、广告等营利目的。内容来自我的日常收藏。纯属分享，内容雷同纯属巧合。感谢您阅读
