资讯月刊下载
纯干货分享： 如何在 React 框架中使用SpreadJS
首先，我们需要在页面中添加对React的引用： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>SpreadJS React Demo</title> <script src="https://unpkg.com/ ...
xspreadsheet 一个使用typescript开发的在线表格组件
引用是一款使用typescript开发的，简单的，易用的在线表格插件 git: https://github.com/myliang/xspreadsheet demo: https://myliang.github.io/xspreadsheet/ 安装： npm install typescript --save-dev npm install awesome-typescript-lo ...
现代前端开发路线图：从零开始，一步步成为前端工程师
编者按：很多人都想学编程。但是苦于没有具体的步骤和指导。比如想找份前端开发的工作，却不知道应该先学习什么再学习什么，也不知道该选择什么样的工具。因为经常被人问到类似的问题，全栈开发者Kamran Ahmed索性在github上制订了一份现代前端开发的路线图，并且用一篇文章对前端开发的整个学习过程进行了详细解释。感兴趣的初学者不容错过。 进入正题之前先交代一下我和这张路线图的背景。过去5年我一直在 ...
七行JSON代码将你的网站变成移动应用
引用作者｜Ethan 译者｜大愚若智 编辑｜覃云 本文介绍了借助 Jasonette 将 Web 视图和原生组件融合构建真正“混合”应用的做法。 如果我告诉你，只需要 上述 7 行橙色的 JSON 代码 就可以将一个网站变成移动应用，你相信吗？完全不需要使用某种框架 API 重写网站，就可以获得与移动应用相同的行为。如果你已经有一个现成的网站，只需要简单地引用 URL 就可以将其“打包”为原生应用 ...
Vue-rap 构建基于 Vue 的流应用
前几年前端还是 html+css+js 简单的配合,还记得那几年公司招前端要求很低,工资开的也低,前端需要学习的东西很低,一个新人(特别是刚出来的应届毕业生)只需要简单的培训下就可以快速进入公司前端的工作; 这几年不同了,新的技术全部出来了Angularjs,Vue,Rect,npm,webpack,Browserify,ES5,ES6,SASS拓展,不学会这么多新的技术都不敢说自己是做前 ...
16个富有创意的HTML5 Canvas动画特效集合
HTML5技术正在不断的发展和更新，越来越多的开发者也正在加入HTML5阵营，甚至在移动开发上HTML5的地位也是越来越重要了。HTML5中的大部分动画都是通过Canvas实现，因为Canvas就像一块画布，我们可以通过调用脚本在Canvas上绘制任意形状，甚至是制作动画。本文就是收集了很多非常富有创意的一些canvas动画特效例子，这些例子都非常适合大家学习。 1、HTML5 Canvas高空瀑 ...
开源巨献：年度最佳 JavaScript 和 CSS 开源库推荐！
Tutorialzine 每个月都会公布一次当月新增的 JS 和 CSS 库。2018 新年之际，该网站整理出了 2017 年最受用户欢迎和喜爱的一些 JS 和 CSS 库，供大家学习和参考。 JavaScript 本地存储库 localForage localForage 是一个 JavaScript 库，提升了应用程序的离线体验，通过使用异步的数据存储，提供简单的类似 localStora ...
前端性能优化小纪
天下武功，无坚不破，唯快不破。对前端而言，快意味着要求资源体量更小、数量更精简、内容更早呈现、交互更加人性化。当项目做到一定程度，就应该考虑性能的问题，前端的性能优化有诸多有迹可循的理论和方法，比如 Yahoo！性能军规、Google PageSpeed Insights Rules。 我们团队一个比较老的项目首屏加载大概需要20多秒，这严重影响了用户体验，于是进行了一次首屏加载的性能优化。 浏 ...
10 种最常见的 Javascript 错误 — 总结于 1000+ ...
引用原文地址：https://rollbar.com/blog/top-10-javascript-errors/ 更多文章参见： https://github.com/elevenbeans/elevenbeans.github.io 为了回馈我们的开发者社区，我们查看了数千个项目的数据库，发现了 JavaScript 中频度最高的 10 种错误。我们会告诉你什么原因导致了这些错误，以及如何防止这 ...
2017年 JavaScript 框架回顾 -- 后端框架
本文是2017年 JavaScript 框架回顾系列的最后的一篇文章，主要介绍 JavaScript 的后端框架情况。 从上图中可以看到，Express 作为用 JavaScript 编写的后端服务的主流解决方案，占据了后端框架使用率的绝大部分，其次的四个最大框架对比于 Express 来说，占用率都很小。 到目前为止，我们所讨论的几乎所有框架的绝对使用量都在不断增加。自2013年以来，Expr ...
2017年JavaScript 现状调查报告总结
前段时间国外的开发者针对2017年JavaScript的现状做了一个调查并给出了相关调查报告。本文针对他的调查报告总结进行了翻译，如有问题欢迎留言。 我最近公布了2017年版年度JavaScript调查的结果，该调查覆盖了了23000多名开发者。 这份调查结果揭示了很多信息，从流行趋势到薪资细分。如果你还没有看过这边调查，你会想自己看一看。但在所有这些数据中，以下10点是最令我关注的。 即使您 ...
12个经典大气的HTML5/CSS3应用动画
昨天为大家收集了15个华丽的HTML5动画应用，有几个应用还比较实用。今天我们就接着来分享第二波干货，也是基于HTML5和CSS3的动画应用，将涉及到HTML5表单、HTML5图片特效以及HTML5图表等应用领域，希望大家会喜欢。 1、HTML5/CSS3自定义下拉框 3D卡片折叠动画 之前我们分享过一款CSS3带小图标下拉菜单，它更多的是一款菜单，但是今天要分享的一款CSS3自定义下拉框取代了传 ...
精心收集的 48 个 JavaScript 代码片段，仅需 30 秒就 ...
该项目来自于 Github 用户 Chalarangelo，目前已在 Github 上获得了 5000 多Star，精心收集了多达 48 个有用的 JavaScript 代码片段，该用户的代码可以让程序员在 30 秒甚至更少的时间内理解这些经常用到的基础算法，来看看这些 JavaScript 代码都传达出了什么吧！ Anagrams of string（带有重复项） 使用递归。对于给定字符串 ...
15个超强悍的CSS3圆盘时钟动画赏析
在网页上，特别是个人博客中经常会用到时钟插件，一款个性化的时钟插件不仅可以让页面显得美观，而且可以让访客看到当前的日期和时间。今天我们给大家收集了15个超强悍的圆盘时钟动画，很多都是基于CSS3，也有一部分利用jQuery和SVG，让我们一起来看看吧。 1、纯CSS3/SVG实现的带秒针表盘圆盘复古时钟 现在的网页上圆盘时钟越来越少见了，更多的是数字时钟和数字日历。之前我们分享过一些基于jQuer ...
8款惊艳的HTML5粒子动画特效
HTML5确实非常强大，很多时候我们可以利用HTML5中的新技术实现非常炫酷的粒子动画效果，粒子动画在HTML5应用中也是比较消耗本地资源的，尤其是CPU，但是有些HTML5粒子效果确实能给用户带来不一样的惊艳用户体验。本文就是要分享8款效果惊艳的HTML5粒子动画特效，希望你可以喜欢。 1、HTML5 Canvas粒子模拟效果 这是一款利用HTML5 Canvas模拟出来的30000个粒子动画， ...
2017 年，最热开源静态网站生成器 TOP 20 揭晓！
近年来，作为传统动态网站基础架构的替代方案，现代静态网站生成器日渐盛行。在 StaticGen 上有一个关于静态站点生成器的开源目录，2017 年该网站追踪了超过一百个生成器，并见证了这些生成器在这一年的流行趋势。本文整理了 StaticGen 目录中排名前 20 的静态网站生成器，排名顺序依据 Github 上的 Star 数。 1、静态站点生成器 Jekyll Jekyll 是一个 ...
2018 年值得关注的 Web 设计趋势
网页设计在过去几个月已经发生了很大变化，我们迫不及待地想知道 2018 年会是什么样。2017 年是关于极简主义的一年，2018 年将给设计界带来更醒目的字体、鲜艳的色彩、用户互动的新的可能性。设计会比以往任何时候都更试图吸引我们的注意力，让我们在网站浏览的同时保持专注和投入。 审视下我们自身，看看什么在变化！ 这里为你介绍 2018 年六个热门网页设计趋势 1.粗体字 粗体字的流行即 ...
2018 年，React 将独占前端框架鳌头？
相比 Angular 和 Vue， React 是 2017 年的主要 JS 框架，尤其是 React Native 以前所未有的速度提升自己。 Stateofjs 2017前端框架调查结果 相比较 2016 年的调查结果 所以 ，1 年过去了，Vue.js 显然在前端框架中占据了领导地位，React 的增长也相对稳定，Angular 缺无法企及这两个对手。与 2016 年相比，Vue.js ...