五个 JavaScript 小技巧

2020-12-30
阅读 3 分钟
1.3k
我将这种模式称为“early exits”,但也有人将其称为“Bouncer模式”或“guard clauses”。除了命名之外,该模式采用首先检查无效用例并从该函数返回的方法,否则它将继续执行函数的预期用例。

NPM包分析工具推荐

2020-12-25
阅读 1 分钟
2.1k
1. uiwjs / npm-unpkg一个在线工具,可以查看 JS 软件包里面包含哪些文件,每个文件的源码。协议:MIT LicenseGitHub地址:[链接]网站地址:[链接]example:vue@2.6.12可以清晰的查看包文件目录及源码文件,解决了在node_modules中找半天找不到包,文件目录拖很长的问题。2. pastelsky / bundlephobia一个在线工具,分析...

学习笔记-浏览器内多个标签页之间的通讯

2020-11-14
阅读 4 分钟
1.4k
Redux vuex 这个是单页面应用里跨页面状态管理 多页应用 跨页面数据传递本题主要考察多页应用中各个页签之间数据交互的技术手段。实现多页通讯主要有利用浏览器数据存储方式:浏览器数据存储的方式主要用本地存储方式解决,即调用localStorage、Cookie等本地存储方式。服务器方式:主要使用websocket技术使多页签都监听...

[GitHub] JavaScript 趋势榜项目(第43周)

2020-11-12
阅读 4 分钟
2.8k
1. tomer8007/widevine-l3-decryptor项目地址:[链接]⭐:627 | forks:120 | 279 stars this week绕过Widevine L3 DRM的Chrome扩展程序2. jonasschmedtmann/complete-javascript-course项目地址:[链接]⭐:5,168 | forks:6,610 | 303 stars this week完整 JavaScript 课程的入门文件,最终项目和常见问题解答3. GitSquared/...

[GitHub] JavaScript 趋势榜项目(第42周)

2020-11-04
阅读 4 分钟
3k
1. mengshukeji/Luckysheet项目地址:[链接]⭐:4,449 | forks:350 | 1,727 stars this weekLuckysheet是一个类似excel的在线电子表格,功能强大,配置简单,完全开源。2. lxk0301/scripts项目地址:[链接]⭐:812 | forks:808 | 172 stars this week京东薅羊毛工具, 京东水果、宠物、种豆 aff 互助讨论组:3. checkly/headl...

[GitHub] JavaScript 趋势榜项目(第41周)

2020-11-01
阅读 4 分钟
1.8k
30天的React挑战是React的分步学习指南。 这一挑战需要中等水平的HTML,CSS和JavaScript知识。 建议您在开始使用React之前先熟练使用JavaScript。 如果您对JavaScript不满意,请查看30Days Of JavaScript。

[GitHub] JavaScript 趋势榜项目(第40周)

2020-10-24
阅读 4 分钟
1.6k
1. TheAlgorithms/Javascript项目地址:[链接]⭐:6,178 | forks:1,231 | 1,054 stars this week使用Javascript实现的所有算法的存储库(仅用于教育目的)2. GitSquared/edex-ui项目地址:[链接]⭐:16,683 | forks:1,012 | 617 stars this week具有高级监控和触摸屏支持的跨平台,可定制的科幻终端仿真器。3. lxk0301/scrip...

[GitHub] JavaScript 趋势榜项目(第39周)

2020-10-04
阅读 4 分钟
2.4k
2020年9月21日-2020年9月28日1. jhipster/generator-jhipster项目地址:[链接]⭐:17,357 | forks:3,435 | 71 stars this weekJHipster是一个开发平台,可以快速生成,开发和部署现代Web应用程序和微服务架构。2. CleverProgrammers/react-challenge-amazon-clone项目地址:[链接]⭐:431 | forks:263 | 28 stars this week...

[GitHub] JavaScript 趋势榜项目(第38周)

2020-09-22
阅读 4 分钟
1.5k
2020年9月14日-2020年9月21日1. jhipster/generator-jhipster项目地址:[链接]⭐:17,307 | forks:3,417 | 219 stars this weekJHipster是一个开发平台,可以快速生成,开发和部署现代Web应用程序和微服务架构。2. CleverProgrammers/react-challenge-amazon-clone项目地址:[链接]⭐:406 | forks:244 | 46 stars this week...

[GitHub] JavaScript 趋势榜项目(第37周)

2020-09-14
阅读 4 分钟
1.1k
2020年9月7日-2020年9月14日vasanthv/talk项目地址:[链接]⭐:1,128 | forks:89 | 714 stars this week网络上的群组视频通话。 不需要注册。 不需要下载。30-seconds/30-seconds-of-code项目地址:[链接]⭐:61,620 | forks:6,587 | 1,032 stars this week满足您所有开发需求的简短 JavaScript 代码段oldboyxx/jira_clone项...

[GitHub] JavaScript 趋势榜项目(第36周)

2020-09-09
阅读 4 分钟
1.5k
1. oldboyxx/jira_clone项目地址:[链接]⭐:5,976 | forks:642 | 174 stars this week使用 React / Babel 和 Node / TypeScript(API)构建的简化的 Jira。2. flybywiresim/a32nx项目地址:[链接]⭐:1,086 | forks:130 | 364 stars this weekA32NX项目是一个社区驱动的开源项目,目的是在微软飞行模拟器中创建一个尽可能接...

[GitHub] JavaScript 趋势榜项目(第35周)

2020-08-31
阅读 4 分钟
1.7k
2020年8月24日 - 2020年8月31日1. RocketChat/Rocket.Chat项目地址:[链接]⭐:28,119 | forks:6,094 | 298 stars this week团队沟通的终极免费开源解决方案。2. tobspr/shapez.io项目地址:[链接]⭐:1,900 | forks:419 | 205 stars this weekshapez.io是一个受Factorio启发的开源基础构建游戏。 您的目标是通过切割,旋转...

[GitHub] JavaScript 趋势榜项目(第34周)

2020-08-24
阅读 4 分钟
1.3k
Alestra是唯一一家拥有20多年数字转换领导者和10多年企业创新解决方案经验的数字创新提供商。 通过其产品组合,它可以与全球领先的技术制造商结盟,为组织提供托管网络解决方案,协作,网络安全,云和系统集成。

[新手向] Promise课程笔记整理

2020-08-18
阅读 6 分钟
1.4k
MDN Promise 文档Promise 及其作用ES6 内置类回调地狱:AJAX 的串行和并行Promise 的 executor 函数和状态executorPromise 状态pending 初始状态fulfilled 操作成功完成rejected 操作失败Promise 中的 then 和 catchthen(func1,func2) / then(func)catch(func)then 链机制Promise 中其它常用方法Promise.allPromise.race...

[GitHub] JavaScript 趋势榜项目(第34周)

2020-08-17
阅读 4 分钟
1.8k
2020年8月10日-2020年8月17日1. tailwindlabs/heroicons项目地址:[链接]⭐:8,300 | forks:438 | 2,043 stars this weekMIT许可的高质量SVG图标,可用于UI开发。2. facebook/docusaurus项目地址:[链接]⭐:18,609 | forks:2,092 | 205 stars this weekDocusaurus是一个用于轻松构建,部署和维护开源项目网站的项目。 有着...

[GitHub] JavaScript 趋势榜项目(第33周)

2020-08-10
阅读 4 分钟
1.8k
2020年8月3日 - 2020年8月10日1. facebook/react-native项目地址:[链接]⭐:89,325 | forks:19,796 | 293 stars this week使用 React 构建手机应用程序的框架。2. goldbergyoni/nodebestpractices项目地址:[链接]⭐:48,694 | forks:4,556 | 380 stars this week✅ Node.js最佳实践列表3. jgraph/drawio项目地址:[链接]⭐:1...

五种方法延迟加载图像,以获得更好的网站性能

2020-08-09
阅读 5 分钟
7.1k
即使进行了适当的优化,图像也可能会很重。 这会对访问者必须等待才能访问您网站上的内容的时间产生负面影响。 除非您想出一种不会影响速度感知的图像加载解决方案,否则离开你的网站。

深入讨论 V8

2020-07-22
阅读 5 分钟
1.3k
原文作者:Diogo Souza原文链接:[链接] 大多数前端开发人员一直在讨论这个时髦词:V8。它的流行很大程度上是因为它将 JavaScript 的性能提升到了一个新的水平。 是的,V8非常快。 但是,它是如何发挥其魔力的,为什么它会如此敏捷? 官方文档指出,“ V8是用 C ++ 编写的Google的开源高性能JavaScript和WebAssembly引擎。...

[GitHub] JavaScript 趋势榜项目(第30周)

2020-07-20
阅读 4 分钟
2.6k
1. manikandanraji/youtubeclone-frontend项目地址:[链接]stars:926 | forks:108 | 526 stars this week 利用 React + Redux 实现 Youtube 前端页面2. qianguyihao/Web项目地址:[链接]stars:11566 | forks:3254 | 200 stars this week 前端入门到进阶,超详细的Web前端学习图文教程。从零开始学前端,做一名精致优雅的...

图片优化如何让网站减重60%

2020-07-18
阅读 4 分钟
3.1k
在我的网站上,我注意到我的主页页面重量超过1.1 MB,图片占了其中的88%。我也意识到我所提供的图片比它们需要的尺寸要大(就分辨率而言)。显然,还有很大的优化空间。

[GitHub] JavaScript 趋势榜项目(第29周)

2020-07-13
阅读 4 分钟
3.5k
2020年7月6日-2020年7月13日 1. vuejs/vue 项目地址:[链接] stars:167834 | forks:25552 | 730 stars this week Vue.js是一个渐进的,可逐步采用的JavaScript框架,用于在Web上构建应用。 2. GitSquared/edex-ui 项目地址:[链接] stars:14910 | forks:905 | 1875 stars this week 具有高级监控和触摸屏支持的跨平台,...

Git commit 多行信息提交

2020-07-11
阅读 1 分钟
4.7k
git commit可接受多个消息标志(-m)来允许多行提交 原文地址:[链接]原文作者:Stephan Schneider 在命令行上使用git时,您可能已经使用了消息标志(-m)。 它允许开发人员在调用git commit时内联定义提交消息。 {代码...} 我不是这种方法的最大支持者,因为我更喜欢在vim中编辑提交消息(我仅用于编写提交消息)。 它使...

为什么我们从Yarn切换到pnpm

2020-07-08
阅读 3 分钟
17.1k
在 TakeShape,我们非常关注开发人员的生产力。 我们是一个资源有限的小型团队,因此值得花时间考虑如何更快,更高效地合作。 在最近重构我们的构建过程时,我们做出了一个重大决定:我们将抛弃 Yarn 并改用 pnpm 来管理我们的依赖项并运行我们的脚本。 这是关于我们如何做出该决定以及迄今为止如何使我们受益的故事。

[GitHub] JavaScript 趋势榜项目(第28周)

2020-07-06
阅读 4 分钟
2.2k
1. poloclub/cnn-explainer 项目地址:[链接] ⭐:4337 | forks:623 | 846 stars this week 通过交互式可视化的方式学习卷积神经网络。 2. manojVivek/responsively-app 项目地址:[链接] ⭐:5964 | forks:321 | 1627 stars this week 修改后的Web浏览器,有助于响应式Web开发。 Web开发人员必须具有dev-tool。 3. NervJS/t...

[GitHub] JavaScript 趋势榜项目(第27周)

2020-06-29
阅读 4 分钟
2k
1. tobspr/shapez.io 项目地址:[链接] ⭐:1106 | forks:253 | 468 stars this week shapez.io 是一个受 factorio 启发的开源的用于构建游戏的基础平台! 在网络和桌面上可用。 2. getredash/redash 项目地址:[链接] ⭐:16631 | forks:2797 | 188 stars this week 使您的公司数据驱动。 连接到任何数据源,轻松可视化,显...

[GitHub] JavaScript 趋势榜项目(第26周)

2020-06-22
阅读 4 分钟
1.9k
1. tobspr/shapez.io 项目地址:[链接] ⭐:642 | forks:180 | 218 stars this week shapez.io 是一个受 factorio 启发的开源的用于构建游戏的基础平台! 在网络和桌面上可用。 2. twbs/bootstrap 项目地址:[链接] ⭐:141874 | forks:69102 | 523 stars this week 最受欢迎的HTML,CSS和JavaScript框架,用于在开发开发响...

[GitHub] JavaScript 趋势榜项目(25周)

2020-06-15
阅读 4 分钟
1.7k
时间:2020 年 6 月 9 日 - 2020 年 6 月 15 日 1. bradtraversy/vanillawebprojects 项目地址:[链接] ⭐:5917 | forks:1086 | 1101 stars this week 使用HTML5,CSS和JavaScript构建的小型项目。 没有框架或库 2. ianramzy/decentralized-video-chat 项目地址:[链接] ⭐:2473 | forks:259 | 197 stars this week 🚀 Zipc...

前端应该懂得初级Web分析指标

2020-06-13
阅读 2 分钟
1.6k
从事该行业足够长的时间的人们经常会忘记这些指标对于新人来说听起来很荒诞,所以您必须原谅他们。 要学习网络分析并了解它如何使您受益,最好先了解周围常见的术语,这是一个好主意。

GitHub 上周 JavaScript 趋势榜项目

2020-05-18
阅读 4 分钟
6.5k
Pose Animator拍摄2D矢量图,并基于PoseNet和FaceMesh的识别结果实时对其包含的曲线进行动画处理。 它从计算机图形学中借鉴了基于骨骼的动画的思想,并将其应用于矢量字符。

【提高效率】必备工具推荐--ASCIIFlow Infinity

2020-05-17
阅读 1 分钟
1.8k
ASCIIFlow Infinity 一款通过 ASCII 编码来绘制图表的在线工具 网址: http://asciiflow.com/ GitHub地址: https://github.com/lewish/asciiflow2 使用 ASCII 编码,可以画出非常酷的直线、矩形、箭头、曲线等图形,这些图形可以复制到代码当中。 ASCIIFlow Infinity 同样也存在着一些问题: 对中文的支持方面,不是很...