Node.js中的环境变量
中型,Lambda和我(或如何将中型故事导出到我的网站)
Laravel使用XAMPP的实用指南
3最好的React JS在线课程
CS373春季2019:Sahil Parikh星期3
bluesessions #byjeK:从JavaScript到数字营销
参加#100DaysOfCoding作为我的新年决议-第1天
参加#100DaysOfCoding作为我的新年决议-第1天

我偶然发现了这篇文章,#100DaysOfCoding改变了我的生活……这启发了我参加此编码挑战。 这对我来说是完美的新年决议。 规则 解决有关Codesignal或exercism.io的至少一项编码挑战 每天提交到GitHub 100DaysOfCoding_2019上专门创建的仓库 定期发布最新进度(最好每天)更新 在周末(如果可能)完成其他编码挑战,以获得可用于跳过几天而不违反规则的加分 像詹妮弗·德瓦尔德(Jennifer Dewald)一样,创建按成就排序的成就列表 目标 这是我的主要高层目标: 提高编程技巧, 学习数据结构和算法, 为开源做出贡献。 我打算主要关注Java和Python ,但我也对Go和JavaScript感兴趣。 我会看看情况如何,也许我也会在这项挑战中学习这些知识。 我选择的学习资源 我决定使用exercism.io,因为它们为您的解决方案提供了代码审查,这是非常有价值的事情。 即使我还没有听说过Codesignal,但在该网站看起来像是一个快速获得经验的好地方。 他们甚至为您进行真正的面试。 这两种资源都提供了已编写的单元测试,使用户可以主要关注代码解决方案并更快地获得所需的经验。 这解决了此类挑战的主要问题-拖延症。 可能的障碍 每天(通过查看我的规则)似乎很容易解决一个编码测验。 但是我从我的经验中知道,即使连续180天花1个小时的时间连续工作也非常困难,尤其是考虑到工作任务和个人事务。 因此,我认为这将是一个真正的挑战,但却是一个真正有意义的挑战。 说到障碍, 昨天我的笔记本键盘开始起作用,无法在家编写代码。 这样愚蠢的事情可能会破坏所有的乐趣。 因此,我们需要加分才能涵盖此类意外情况。 第一天 对于第一天,我决定不去解决一些困难,并解决了两步练习— https://github.com/exercism/python/tree/master/exercises/two-fer form exercism.io,其中我使用了字符串格式https: //docs.python.org/3/tutorial/inputoutput.html 老实说,我花了更多的时间来搭建环境,但这是不可避免的 期待下一个练习

开发Mau King —我如何从WebStorm切换到Visual Studio Code
开发Mau King —我如何从WebStorm切换到Visual Studio Code

认真的编程需要认真的编辑器。 在我开发Mau King的最后一年中,我经常打字。 该故事是“ Developing Mau King,Android的纸牌游戏 ” 系列的一部分 除了终端机,我主要输入WebStorm,它的功能很棒,但是编辑器花了很多CPU,而我的计算机大多数时候都很热。 我抱怨,写票,看博客,调整配置,但它的核心资源太多。 然后我决定继续前进。 就像他们说的那样,“好离婚比婚姻失败要好”,但是像离婚一样,更换编辑也是很昂贵的。 首先,我尝试了Atom。 今天,许多vlogger和讲师在Atom中展示了他们的代码片段,我认为他们有充分的理由。 当我看到Mac的下载大小为250M时,我感到有些惊讶。 我以为叫做“ Atom”的编辑器会更轻巧。 进入内部后,我便开始安装软件包并进行设置。 我喜欢那种感觉。 就像在超市的货架上捡东西一样。 自动完成。 一旦进入项目,这就是我错过的第一件事。 搜索“ atom autocomplete”显示自动完成以及需要安装的内容。 好的,完成了,但是它只能部分工作,因此对于普通的JS编码,您还需要atom-ternjs 。 好的,现在工作正常,但在键入字符串文字时也会不断弹出,这使我在编写测试说明时失去了注意力。 我为解决方案而努力,但找不到。 对于基本的东西太复杂💛 Vim模式。 我只在Vim模式下工作,所以没有它的编辑器一开始会失败。 幸运的是,它易于安装,并且可以立即开始工作💖 Eslint 。 我安装了一个软件包,它立即开始工作💖 更漂亮 。 我安装了软件包,但是弹出消息要求我接受安装依赖项X。奇怪。 自从1998年RPM要求我手动安装每个依赖项以来,就没有这种用户体验。 我一直单击“确定”,但是它告诉我它不支持我的过时版本的Prettier,因此我需要对其进行更新。 对于一个叫做“原子”的东西,大惊小怪。 最终它开始工作,但是不尊重我的.prettierrc。 它仅适用于“保存”,而不适用于手动运行。 同样,我必须阅读GitHub上的问题,堆栈溢出等。总失败❌ 增量搜索。 绝对必须的,但它不是内置的。 当我按Ctrl-F时出现的“查找文本”仅在按Enter时有效。 当然,还有另一个要安装的软件包可以提供此功能,但是它可以在Ctrl-I上运行,并且看起来与默认软件包不同。 它的行为很奇怪💛 突出显示相同的单词 。 自从Notepad ++起,这对我来说也是绝对必须的-当我双击一个单词并选择它时,相同的单词将在其他地方突出显示。 […]

使用Windows 10进行开发等
使用Windows 10进行开发等

我将Windows 10用于软件开发和其他各种任务。 这是我的设置。 I.任务栏 这可能是个人的怪癖,但是我一直不喜欢Windows 7引入的“新任务栏”,该栏仅显示当前正在运行的任务的大图标。 我是一个繁重的多任务处理程序,我运行同一应用程序的多个实例,我需要立即知道打开了哪些窗口以及如何访问它们。 我想通过单击一次立即切换到任何任务(而不是alt键切换到该任务或不得不浏览嵌套菜单,这让我感到非常沮丧)。 我还想一目了然地确定各个任务(哪个IDE实例包含前端代码,哪个IDE实例包含后端代码?仅看到该图标无济于事)。 我总是对任务栏进行以下更改(右键单击任务栏->任务栏设置): 检查: 使用小任务栏按钮 选择: 合并任务栏按钮:从不 我还使任务栏填充两行。 为此,我右键单击任务栏,取消选择“锁定任务栏”,将其从顶部拖动以填充两行,然后再次锁定它。 现在,我有了一个充足的工作台,付出了我从未错过的几个像素的代价。 至于“开始”菜单,我只是删除它们的默认值,然后将快捷方式添加到自己的程序(浏览器,IDE等)中。 二。 多个桌面 Windows 10引入了多个桌面。 实际上,这意味着您将获得几个任务栏。 更多多任务! 您可能会问,为什么多任务这么多,专注于单个任务不是更好吗? 答案是我确实一次只专注于一个任务,但是稍后再切换到另一个任务时,我不想启动与之关联的所有程序(IDE,浏览器实例等)。 我只是切换台式机。 要访问多个桌面列表,您需要WinKey + Tab 。 在新菜单的顶部,您可以添加和删除桌面。 要在现有桌面之间切换,请执行Ctrl + WinKey +左/右 。 三, 西格温 Cygwin使您可以访问许多UNIX实用程序。 如果我发现“ Linux的Windows子系统”是更好的选择,我将更新这篇文章。 我觉得方便的文件夹结构是: C:\ work \ cygwin-setup \ (用于保存安装文件) C:\ work \ cygwin \ (安装了Cygwin的位置) […]

大“ O”符号到底是什么?
大“ O”符号到底是什么?

阅读了几篇文章后,这是我的重点……。 软件高度依赖于数据,大量数据,而我们的工作就是利用这些数据。 为了使程序能够利用此数据,它必须能够对信息进行分类。 如果以逻辑顺序进行排序(无论是按字母顺序,按时间顺序还是按日期)都将有所帮助。 这种类型的分类会不断进行,代表了所有计算机和互联网活动的很大一部分 数据排序是计算机科学界的一个小节。 它们是用于排序的许多不同算法。 快速排序,气泡排序,选择排序,合并排序,堆排序等。 每种方法都不同,但是结果往往相同或相似。 如果它们都返回相似的结果,哪种方法是最佳或最有效的? 如果我需要修理汽车并知道3名能够在合理的价格范围内完成工作并提供优质服务的机械师,那么我接下来的问题将是需要多长时间? 插入大O表示法。 是的,所有这些排序方法都能完成工作,但是哪种方法最快可以完成您的任务? 大O表示法分析排序算法需要完成多少操作才能对非常大的数据集进行排序。 这个过程衡量排序的效率,并让用户将一种算法与另一种算法进行比较。 对于较小的应用程序,这可能不会移动太多针,但是当处理大量数据时,算法之间的细微差别会产生巨大的不同! “大O表示法对算法的效率进行排名 它针对“ O ”和“ n ”(例如:“ O(log n)”)执行此操作 ,其中 O指函数的阶数或其增长率,以及 n是要排序的数组的长度。 让我们来看一个例子。 如果一个算法具有所需的运算次数,则公式为: f (n)=6n⁴—2n³+ 5 当“ n ”接近无穷大(针对大量数据)时,存在的三个项中,6 n⁴是唯一重要的项。 因此,较小的项2n³和5实际上就被忽略了,因为它们无关紧要。 实际上, 6n⁴中的“ 6 ”也是如此 。 因此,该函数的阶数增长率或“大O”等级为O(n⁴)。 查看许多最常用的排序算法时, 通常, O(n log n)的等级是可以达到的最佳等级。 以该等级运行的算法包括快速排序,堆排序和合并排序。 快速排序是标准,几乎在所有软件语言中都用作默认值。” 在查看此图表时,请记住没有一个规则或算法可以将它们全部规则化。 每个过程都有最佳和最差的情况,它们会以最佳和最差的方式执行。 在进一步研究了排序算法之后,在我看来,快速排序是标准。 快速排序与其他O(n log […]

在线实现CSS美化(格式),压缩,加密,解密,混淆工具-Toolfk在线程序员工具箱
在线实现CSS美化(格式),压缩,加密,解密,混淆工具-Toolfk在线程序员工具箱

本文向大家推荐[ToolFk]是程序员经常使用的免费在线测试套件,ToolFk功能是着重于日常程序员开发工具,而无需安装任何软件,只要通过按钮附加内容执行,就能获得预期结果的内容。ToolFk还支持BarCode在线生成条形码,QueryList收集器,PHP在线运行,PHP混乱,加密,解密,Python在线运行,JavaScript在线操作,YAML格式化工具,HTTP模拟查询工具,HTML在线工具箱,JavaScript在线工具箱,CSS在线工具箱,JSON在线工具箱,unixtime时间戳转换,Base64 / URL / native2ascii转换,CSV转换工具包,XML在线工具箱,WebSocket在线工具,Markdown在线工具箱,Htaccess2nginx转换,Hex转换在线,在线加密工具包,在线伪原创工具,在线APK反编译,在线网络截图工具,在线随机密码 第一代,在线生成二维码qrcode,在线Crontab Expression Builder,在线短URL生成器,在线计算器工具。 以及超过20种日常程序员开发工具,可以被认为是非常全面的网站程序员工具箱。 网站名称:ToolFk 网站链接:https://www.toolfk.com/ 工具链接:https://www.toolfk.com/tool-format-css 此工具[在线CSS美化(格式)/加密/解密/混淆]取决于其Github Codemirror ,? 地址:https://github.com/codemirror/CodeMirror,加密,解密到http://院长.edwards.name / packer /库,使用美化到csso浏览器库,https://github.com/css/ csso。使用以下代码 步骤1 第2步 ? 核心代码如下 beautify_start:功能(选项){ 如果(toolfk.beautify_default.beautify_in_progress){ 返回; } var opts = $ .extend({},toolfk.beautify_default,options); var source = opts.source.getValue(); 如果(来源==''){ 返回layer.msg(NOT_EMPTY); } toolfk.beautify_default.beautify_in_progress = true; 如果(opts.language ==='html'){ 输出= beautifier.html(来源,选择); }否则,如果(opts.language ==='css'){ 输出= beautifier.css(来源,opts); }其他{ 如果(opts.detect_packers){ 来源= toolfk.beautify_unpacker_filter(来源); […]

#HackathonPune的报告
#HackathonPune的报告

一年前,Fresco Capital和e-Zest组织了有史以来第一次在印度浦那举行的黑客马拉松。 如此巨大的成功使我们决定再次这样做。 今年的Hackathon是9月23日至24日,这真是令人难以置信。 由于该奖项是由Laudato Si‘Challenge赞助的,因此Hackathon的主题是“ 追逐十亿个梦想-为普通民众构建不常见的应用程序 ”,而我在Hackaton开始时给出的指导就是Laudato Si的七个类别挑战。 在我们进行了开幕式并制定了基本规则之后,e-Zest首席执行官Devendra和我不得不亲自签署了250张参加者的结业证书。 我们花了一段时间来签署所有证书,但是这样做很有趣。 我们开玩笑说,这就是总统上任并立即不得不坐下来签署一堆东西时的样子。 随着白天开始变黑,我去了尽可能多的100多个团队。 出色的团队对我来说: 紧急响应:通过定位服务,GPS等增加救护车和警察的响应时间(目标是比Uber更快地获得救护车) 使用机器学习(ML)的工作和技能学习/改善 诸如Pokemon Go这样的增强现实社交媒体可供社会活动家使用 通过无人机照片图像分析获得作物健康应用 大众专用车道传感器和软件 消防机器人 轮椅自动化和导航 人民政府服务 太阳能安装聊天机器人 通过工业物联网进行农业自动化和仪表化 如您所见,软件和硬件解决方案完美结合。 这种趋势围绕着印度的一些主要问题:交通,农场产量,竞争性的就业市场和政府服务。 很高兴看到Laudato Si的价值观在印度的Hackathon中得到了体现。 我们在美国没有足够的女性从事IT工作,这是一个问题。 印度情况并非如此:黑客马拉松的参与者中约有一半是女性。 Hackathon的获奖者中有50%是女性。 我们开始大约12个小时后,开发人员开始感到疲倦。 那是我们休息一会,让现场乐队出来演奏的时候。 我们暂时把办公室变成了夜总会。 午夜过后,睡袋出来了,有些人摔了一两个小时。 我在时差方面挣扎,被骗了,然后回到酒店睡了大约4个小时。 上午6:30,评委们开始到达并与每支球队交谈,花了几个小时将范围从100多个球队缩小到大约10人。 决赛团队进行了介绍,我们选择了前三名优胜者。 尽管有许多令人印象深刻的硬件,但所有入围的应用都是主题为:农业,社会活动,政府和紧急服务以及交通的软件应用。 期待下一年。

JavaScript:内部,工具链和中间表示
JavaScript:内部,工具链和中间表示

我们有关JavaScript的系列文章中的大多数内容都涵盖了语言的表面层面,例如JavaScript是什么以及它如何处理数据类型。 但是今天,我们将深入研究内部结构,并研究JavaScript在生产和执行之间的行为方式。 工具链和内部构件 V8引擎是Google开发的开源JavaScript引擎。 它广泛用于基于Google Chrome和Chromium的浏览器。 V8 Engine用C ++编写,这是一种较低级的语言。 V8引擎将代码分解为标记,这是词法分析。 令牌形成为AST(抽象语法树)。 然后将AST传递给解释器,然后传递给编译器以获取最终的优化代码,该代码由0和1组成,以便计算机可以理解。 图片来源“ JavaScript引擎基础知识:形状和内联缓存”。JavaScript 引擎基础知识:形状和内联缓存· ,2018年6月14日,mathisasbynens.be / notes / shapes-ics。 大多数开发人员都知道JavaScript是一种单线程和解释型语言。 JavaScript引擎使用内存堆和调用堆栈来执行代码文件。 例如,DOM被堆叠起来并等待被一一执行。 但是,对于需要并发性和功能性的复杂问题(例如Web应用程序),这显然不是理想的选择。 因此,引入了异步回调,以便Web API,JSON文件,AJAX和DOM可以异步运行。 异步动作被放置在事件队列中,而不是调用堆栈,因此您的JavaScript可以继续运行。 但是,现代JavaScript广泛使用“承诺”,这是一种为JavaScript提供异步操作的强大工具。 使用事件回调,可以在调用事件侦听器之前发生事件。 通过使用promise,promise可以失败或成功,并且您可以使用回调进行检查,即使事件较早发生,promise的结果也将返回。 您甚至可以做出不同承诺的承诺,其中只有在所有其他承诺也都得到解决的情况下,承诺才能解决。 与经典的回调方法相比,promise的其他优点包括:您可以将多个异步操作链接在一起; 按它们放入事件队列的顺序调用promise,所有事件处理都放在一个catch()块的末尾。 JavaScript运行时可以完成很多事情,例如发送HTTP请求,侦听DOM事件,像设置超时一样延迟执行。 这些功能不是JavaScript的一部分,而是Web API的一部分。 JavaScript运行时的一个示例是Node.js,它实际上是一个C ++程序。 图片来源:Node.js开发人员:为什么您的业务需要它们。 (2017年4月12日)。 取自https://adoriasoft.com/blog/node-js-developers-why-your-business-needs-them/ 2009年之后,JavaScript不再仅在浏览器内部运行。 它可以在浏览器之外运行。 软件 JavaScript开发工具链中经常包含许多有用的应用程序。 文本编辑器和IDE 文本编辑器是专门用于编写和编辑代码行的程序。 文本编辑器的一个很好的例子是Windows记事本。 在编写规模不大或需要大量调试的程序时,文本编辑器非常有用。 您不想编写这么大的程序的原因与文本编辑器附带的功能有关。 文本编辑器仅编辑文本。 如果要调试程序,则必须使用外部调试器。 如果您想要一个不仅可以用作文本编辑器而且还具有调试器的程序,那么可以使用诸如Visual Studio Code或WebStorm之类的IDE。 […]

React中的提升状态,为什么?
React中的提升状态,为什么?

州? 在开始提升州立天空之前! 让我们先探索… 什么是状态? react文档对此有一个很好的定义- 状态包含特定于组件的数据,这些数据可能会随时间变化。 状态基本上不是此功能的责任。 一个使用状态如何? 在react中,组件的每个实例都具有2个属性。 1.道具 2.状态 根据react docs定义的状态-状态包含特定于该组件的数据,该数据可能会随时间而变化。 状态是用户定义的,应该是普通的JavaScript对象。 如果不在render()中使用它,则不应处于此状态。 如果可以通过道具计算得出,则不应处于状态 为了使用状态,我们需要将一个组件声明为一个类,从这里开始,我们要做的就是在类构造函数中初始化状态,并且组件的实例现在具有’this.state’属性。 从'react'导入React 导出类应用扩展了React.Component { 构造函数(道具){ 超级(道具) this.state = {name:'State'} } render(){ return( App {this.state.name} ) } } 为了更新或更改状态,应使用组件API’this.setState’,有关如何使用这些API的说明将使本帖子脱离上下文,请参见react docs 要肉! 🍖 什么是国家吊装? 🚰 随着我们应用程序的增长,我们将意识到某些组件将需要通用数据,或者一个组件中的操作可能也需要导致另一组件重新呈现。 让我们考虑一个例子 我们的应用 从'react'导入React 从“ CarHeader”导入CarHeader 从“ CarList”导入CarList 导出类应用扩展了React.Component { render(){ 返回( ) } } 我们的标题 […]