LuckRain7-CSDN博客

转载五个 JavaScript 小技巧

在这篇文章中，我将介绍一些我在编程时尝试使用的小技巧。这些技巧是我最近在工作中总结的，以及多年来从同事那里偷来的一些小技巧。一下小技巧没没有特定的顺序。1. 提早退出（Early exits）function transformData(rawData) { // 无效用例 if (!rawData) { return []; } // 检查个别个案 if (rawData.length == 1) { return []; } // 实际执行函数 .

2020-12-30 20:42:41 240

原创 NPM包分析工具推荐

1. uiwjs / npm-unpkg一个在线工具，可以查看 JS 软件包里面包含哪些文件，每个文件的源码。协议：MIT LicenseGitHub地址：https://github.com/uiwjs/npm-unpkg网站地址：https://uiwjs.github.io/npm-unpkg/example：vue@2.6.12可以清晰的查看包文件目录及源码文件，解决了在node_modules中找半天找不到包，文件目录拖很长的问题。2. pastelsky / bundle.

2020-12-25 10:10:51 655

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

Redux vuex 这个是单页面应用里跨页面状态管理多页应用跨页面数据传递本题主要考察多页应用中各个页签之间数据交互的技术手段。实现多页通讯主要有利用浏览器数据存储方式：浏览器数据存储的方式主要用本地存储方式解决，即调用localStorage、Cookie等本地存储方式。服务器方式：主要使用websocket技术使多页签都监听服务器推送事件来获得其他页签发送的数据。浏览器存储：第一种：localStorage：在一个标签页里面使用localStorage.setItem(ke..

2020-11-14 12:16:38 266

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

1. mengshukeji/Luckysheet项目地址：https://github.com/mengshukeji/Luckysheet⭐:4,449 | forks:350 | 1,727 stars this weekLuckysheet是一个类似excel的在线电子表格，功能强大，配置简单，完全开源。2. lxk0301/scripts项目地址：https://github.com/lxk0301/scripts⭐:812 | forks:808 | 172 stars thi.

2020-11-04 10:26:35 810

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

1. Asabeneh/30-Days-Of-React项目地址：https://github.com/Asabeneh/30-Days-Of-React⭐:2,363 | forks:576 | 658 stars this week30天的React挑战是React的分步学习指南。这一挑战需要中等水平的HTML，CSS和JavaScript知识。建议您在开始使用React之前先熟练使用JavaScript。如果您对JavaScript不满意，请查看30Days Of JavaScript.

2020-11-01 17:07:41 2135

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

1. TheAlgorithms/Javascript项目地址：https://github.com/TheAlgorithms/Javascript⭐:6,178 | forks:1,231 | 1,054 stars this week使用Javascript实现的所有算法的存储库（仅用于教育目的）2. GitSquared/edex-ui项目地址：https://github.com/GitSquared/edex-ui⭐:16,683 | forks:1,012 | 617 sta.

2020-10-24 10:06:24 617

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

2020年9月21日-2020年9月28日1. jhipster/generator-jhipster项目地址：https://github.com/jhipster/generator-jhipster⭐:17,357 | forks:3,435 | 71 stars this weekJHipster是一个开发平台，可以快速生成，开发和部署现代Web应用程序和微服务架构。2. CleverProgrammers/react-challenge-amazon-clone项目地址：ht..

2020-10-04 20:59:13 489

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

2020年9月14日-2020年9月21日1. jhipster/generator-jhipster项目地址：https://github.com/jhipster/generator-jhipster⭐:17,307 | forks:3,417 | 219 stars this weekJHipster是一个开发平台，可以快速生成，开发和部署现代Web应用程序和微服务架构。2. CleverProgrammers/react-challenge-amazon-clone项目地址：h..

2020-09-22 16:36:17 437

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

2020年9月7日-2020年9月14日1. vasanthv/talk项目地址：https://github.com/vasanthv/talk⭐:1,128 | forks:89 | 714 stars this week网络上的群组视频通话。不需要注册。不需要下载。2. 30-seconds/30-seconds-of-code项目地址：https://github.com/30-seconds/30-seconds-of-code⭐:61,620 | forks:6,587.

2020-09-14 11:41:24 3276

原创异步编程面试题解析

1、字节跳动面试题async function async1() { console.log("async1 start"); await async2(); console.log("async1 end");}async function async2() { console.log("async2");}console.log("script start");setTimeout(function () { console.log("setTimeout");}, .

2020-09-10 11:52:44 468

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

1. oldboyxx/jira_clone项目地址：https://github.com/oldboyxx/jira_clone⭐:5,976 | forks:642 | 174 stars this week使用 React / Babel 和 Node / TypeScript（API）构建的简化的 Jira。2. flybywiresim/a32nx项目地址：https://github.com/flybywiresim/a32nx⭐:1,086 | forks:130 | 364.

2020-09-09 15:24:05 828

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

2020年8月24日 - 2020年8月31日1. RocketChat/Rocket.Chat项目地址：https://github.com/RocketChat/Rocket.Chat⭐:28,119 | forks:6,094 | 298 stars this week团队沟通的终极免费开源解决方案。2. tobspr/shapez.io项目地址：https://github.com/tobspr/shapez.io⭐:1,900 | forks:419 | 205 stars .

2020-08-31 20:27:13 448

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

1. maratonadev-la/desafio-1-2020项目地址：https://github.com/maratonadev-la/desafio-1-2020⭐:107 | forks:170 | 69 stars this weekAlestra是唯一一家拥有20多年数字转换领导者和10多年企业创新解决方案经验的数字创新提供商。通过其产品组合，它可以与全球领先的技术制造商结盟，为组织提供托管网络解决方案，协作，网络安全，云和系统集成。2. maratonadev-br/desaf

2020-08-24 11:55:39 500

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

2020年8月10日-2020年8月17日1. tailwindlabs/heroicons项目地址：https://github.com/tailwindlabs/heroicons⭐:8,300 | forks:438 | 2,043 stars this weekMIT许可的高质量SVG图标，可用于UI开发。2. facebook/docusaurus项目地址：https://github.com/facebook/docusaurus⭐:18,609 | forks:2,09..

2020-08-17 16:46:49 515

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

2020年8月3日 - 2020年8月10日1. facebook/react-native项目地址：https://github.com/facebook/react-native⭐:89,325 | forks:19,796 | 293 stars this week使用 React 构建手机应用程序的框架。2. goldbergyoni/nodebestpractices项目地址：https://github.com/goldbergyoni/nodebestpractices..

2020-08-10 21:35:20 2204

原创 [GitHub] JavaScript 趋势榜项目(第31周)

2020年7月20日 - 2020年7月27日1. anuraghazra/github-readme-stats项目地址：https://github.com/anuraghazra/github-readme-stats⭐:3066 | forks:342 | 1436 stars this week⚡ 为您的 GitHub 自述文件动态生成的统计信息2. FortAwesome/Font-Awesome项目地址：https://github.com/FortAwesome/Fon..

2020-07-27 16:56:09 503

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

1. manikandanraji/youtubeclone-frontend项目地址：https://github.com/manikandanraji/youtubeclone-frontendstars:926 | forks:108 | 526 stars this week利用 React + Redux 实现 Youtube 前端页面2. qianguyihao/Web项目地址：https://github.com/qianguyihao/Webstars:11566 | fo.

2020-07-20 21:23:16 1364

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

文章作者：Ayo原文链接：https://freshman.tech/image-optimisation/图片是web上提供的最基本的内容类型之一。他们说一张图片值一千个字，但如果你不小心的话，它也可以值几兆大小。因此，尽管Web图像需要清晰明快，但也必须以可管理的大小进行展示，以使加载时间保持较小，数据使用率保持在可接受的水平。在我的网站上，我注意到我的主页页面重量超过1.1 MB，图片占了其中的88%。我也意识到我所提供的图片比它们需要的尺寸要大(就分辨率而言)。显然，还有很大的优化空间。.

2020-07-18 15:38:08 229

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

2020年7月6日-2020年7月13日1. vuejs/vue项目地址：https://github.com/vuejs/vuestars:167834 | forks:25552 | 730 stars this weekVue.js是一个渐进的，可逐步采用的JavaScript框架，用于在Web上构建应用。2. GitSquared/edex-ui项目地址：https://github.com/GitSquared/edex-uistars:14910 | forks:905 ..

2020-07-13 20:00:41 4195

翻译 Git commit 多行信息提交

git commit可接受多个消息标志(-m)来允许多行提交原文地址：https://www.stefanjudis.com/today-i-learned/git-commit-accepts-several-message-flags-m-to-allow-multiline-commits/原文作者：Stephan Schneider在命令行上使用git时，您可能已经使用了消息标志（-m）。它允许开发人员在调用git commit时内联定义提交消息。git commit -m "my .

2020-07-11 12:51:23 6142 1

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

1. poloclub/cnn-explainer项目地址：https://github.com/poloclub/cnn-explainer⭐:4337 | forks:623 | 846 stars this week通过交互式可视化的方式学习卷积神经网络。2. manojVivek/responsively-app项目地址：https://github.com/manojVivek/responsively-app⭐:5964 | forks:321 | 1627 stars thi.

2020-07-06 20:29:37 586

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

1. tobspr/shapez.io项目地址：https://github.com/tobspr/shapez.io⭐:1106 | forks:253 | 468 stars this weekshapez.io 是一个受 factorio 启发的开源的用于构建游戏的基础平台！在网络和桌面上可用。2. getredash/redash项目地址：https://github.com/getredash/redash⭐:16631 | forks:2797 | 188 stars this

2020-06-29 22:12:45 3539

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

时间：2020 年 6 月 9 日 - 2020 年 6 月 15 日1. bradtraversy/vanillawebprojects项目地址：https://github.com/bradtraversy/vanillawebprojects⭐:5917 | forks:1086 | 1101 stars this week使用HTML5，CSS和JavaScript构建的小型项目。没有框架或库2. ianramzy/decentralized-video-chat项目地址：h..

2020-06-15 14:25:36 492

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

UV、PV、跳出率（bounce rate）这些词到底是什么意思？怎么计算？原文网址：https://hitmetrics.io/blog/starter-web-analytics-metrics-to-know从事该行业足够长的时间的人们经常会忘记这些指标对于新人来说听起来很荒诞，所以您必须原谅他们。要学习网络分析并了解它如何使您受益，最好先了解周围常见的术语，这是一个好主意。在本文中，我们将介绍基本的网络分析指标以及一些有关如何利用这些指标来推动洞察力的花絮。1. Unique Vis.

2020-06-13 20:21:13 247

原创 GitHub 上周 JavaScript 趋势榜项目（第24周）

时间：2020年6月1日 - 2020年6月8日1. goldbergyoni/nodebestpractices项目地址：https://github.com/goldbergyoni/nodebestpractices⭐:46475 | forks:4246 | 1011 stars this week✅ Node.js最佳实践列表(2020年6月)2. algorithm-visualizer/algorithm-visualizer项目地址：https://github.com..

2020-06-08 11:02:07 971

原创 MarkDown 让文档更高效

0. MarkDown 是什么？Markdown 是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。0.1 优点纯文本编辑，结构清晰。操作简单，学习成本低。文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。0.2 缺点也没啥缺点。1. 语法1.1 标题# 一级标题名称## 二级标题名称### 三级标题名称#### 四级标题名称##### 五级标题名称###### 六级标题名称ps:使用 # 进行标.

2020-06-06 10:47:45 265

原创 GitHub 上周 JavaScript 趋势榜项目

时间：2020年5月25日 ~ 2020年6月1日1. popcorn-official/popcorn-desktop项目地址：https://github.com/popcorn-official/popcorn-desktop⭐:4686 | forks:143 | 980 stars this weekPopcorn Time是一个多平台的免费软件BitTorrent客户端，其中包括一个集成的媒体播放器。桌面版（Windows / Mac / Linux）2. manojViv..

2020-06-01 17:45:32 451

原创 vue + ArcGIS 地图应用系列三：添加常规的地图组件

为了页面的美观，这里我们使用的UI库为： Ant Design Vue项目源码仓库地址：https://github.com/LuckRain7/arcgis-api-for-javascript-vue 1. 首先创建工具菜单组件创建文件 src\components\ToolBar.vue并通过组件通信写好对应接口<template> <div class="toolbar">  <a-button-.

2020-05-29 18:30:36 2374 5

转载最佳密码长度是多少？

原文地址： https://advancedweb.hu/what-is-the-optimal-password-length/原文作者： Tamás Sallai1. 引言如何选择一个密码，最好的保护您，防止数据泄漏。2. 密码强度密码强度当然是越多越好，使用现有的密码管理软件，可以快速自动生成和填充任意长度的密码。但是，密码应该是多少位是最佳的，有没有一个合理的下限作为经验法则下面是一个典型的密码生成器界面:注意：它的密码长度可以设置8-100位字符3. 数据泄露前，..

2020-05-28 10:17:08 2690

转载有趣的 HTTP 头信息

原文地址： https://frenxi.com/http-headers-you-dont-expect/原文作者： Francesco Carlucci几天前，我在Creditkarma的博客中闲逛，发现了这个HTTP标头：X-hacker: If you're reading this, you should visit wpvip.com/careers and apply to join the fun, mention this header.我的第一个想法是：“哇，在过去，我们..

2020-05-22 10:20:49 482

原创 GitHub 上周 JavaScript 趋势榜项目

1. yemount/pose-animator项目地址：https://github.com/yemount/pose-animator⭐stars:4237 | forks:354 | 2117 ⭐stars this weekPose Animator拍摄2D矢量图，并基于PoseNet和FaceMesh的识别结果实时对其包含的曲线进行动画处理。它从计算机图形学中借鉴了基于骨骼的动画的思想，并将其应用于矢量字符。2. renrenio/renren-fast-vue项目地址：http.

2020-05-18 17:56:33 588

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

ASCIIFlow Infinity一款通过 ASCII 编码来绘制图表的在线工具网址： http://asciiflow.com/ GitHub地址： https://github.com/lewish/asciiflow2 使用 ASCII 编码，可以画出非常酷的直线、矩形、箭头、曲线等图形，这些图形可以复制到代码当中。ASCIIFlow Infinity 同样也存在着一些问题：对中文的支持方面，不是很好，网格大小设计时只考虑了英文大小（这个可以理解，毕竟外国友人开发的）。需要.

2020-05-17 17:41:04 618 1

翻译 Deno 1.0

原文地址： https://deno.land/v1 2020-05-13Ryan Dahl, Bert Belder, and Bartek Iwańczuk动态语言是有用的工具。脚本编写使用户可以快速简洁地将复杂的系统连接在一起并表达想法，而不必担心诸如内存管理或构建系统之类的细节。近年来，像Rust和Go这样的编程语言使生产复杂的本机代码变得更加容易。这些项目是计算机基础架构中极为重要的发展。但是，我们声称拥有一个能够解决各种问题领域的强大脚本环境仍然很重要。JavaScript..

2020-05-15 10:25:31 412

翻译 GitHub 上周 JavaScript 趋势榜项目

1. poloclub/cnn-explainer项目地址：https://github.com/poloclub/cnn-explainerstars:2539 | forks:395 | 1856 stars this week使用交互式可视化学习卷积神经网络。2. microsoft/playwright项目地址：https://github.com/microsoft/playwrightstars:12389 | forks:353 | 673 stars this week节点

2020-05-11 18:03:32 616 1

原创 vue + ArcGIS 地图应用系列二：加载地图

1. 创建 Vue 项目我们利用 Vue-CLI 工具进行快捷创建下载 Vue-CLI 工具yarn add global @vue/cli # or: npm i @vue/cli -g创建 Vue 项目根据自己项目需求进行配置，这里不过多的赘述。vue create example # example为项目名称，我这里以example为例进行项目并启动测试...

2020-05-06 12:33:58 1896 4

原创 vue + ArcGIS 地图应用系列一：arcgis api本地部署(开发环境)

1. 下载 ArcGIS API for JavaScript官网地址： https://developers.arcgis.com/javascript/3/ 下载地址：http://links.esri.com/javascript-api/latest-download需要稳定的网络环境注册账号后才可以下载，也可以关注微信公众号 RainCode 后台回复 arcgisapi 获取...

2020-05-01 21:18:09 1913

原创玩转 GitHub 的几个小技巧

1. GitHub 搜索技巧在项目名称搜索 in:name xxx在项目描述搜索 in:description xxx在项目 README 搜索 in:readme xxx利用 star 搜索 stars:>3000 xxx利用 fork 搜索 forks:>300 xxx也可以直接使用 GitHub 高级搜索页面 https://github.com/se...

2020-04-29 12:57:59 338

翻译在 Array.some 中正确使用 async

使用 Promise 检查集合本文译自：How to use async functions with Array.some and every in Javascript - 在第一篇文章中，我们介绍了async / await 如何帮助执行异步命令，但是在异步处理集合时却无济于事。在这篇文章中，当结果为布尔值时，我们将研究 some 和 every 函数用于更有效的 reduce...

2020-04-24 13:38:58 458

翻译如何正确的在 Array.map 使用 async

在 map 中返回Promises，然后等待结果本文译自How to use async functions with Array.map in Javascript - Tamás Sallai 。在前面的文章中，我们介绍了 async / await如何帮助执行异步命令，但在异步处理集合时却无济于事。在本文中，我们将研究该map函数，该函数是最常用的函数，它将数据从一种形式转换为另...

2020-04-22 10:35:41 1564

原创一道关于JavaScript 代码执行顺序的面试题解析

0. 引言：最近写了一些异步递归的代码，着实有点头疼，索性重新研究一下JavaScript 代码执行顺序，并附上一道面试题的解析。1. JavaScript 代码执行顺序首先我们了解几个概念1.1 微任务/宏任务异步队列中包括：微任务（micro-task）和宏任务（macro-task）微任务包括： process.nextTick ，Promise （ proces...

2020-04-20 11:47:07 1016

空空如也

空空如也