日志 调试JavaScript代码最常用的方法是console.log在关键步骤中添加一堆。不幸的是，JavaScriptCore（Sketch插件运行的上下文）没有提供console。...除了使用log场景后面的方法之外，它还会将日志转发给sketch-dev-tools。 debugger 和变量检查 当插件运行时，Sketch会创建一个与其关联的JavaScript上下文。...可以使用Safari检查此上下文。...在Safari中，转到Develop> name of your machine> Automatically Show Web Inspector for JSContexts。...Objective-C类内省(Introspection) Sketch中的插件系统可让您完全访问应用程序的内部结构和macOS中的核心框架。
您可以浏览有用的插件，安装它们以尝试它们，并了解如何将Sketch扩展到您自己的设计场景。 编写一个扩展 我们创建了一个小工具链，这使得创建一个新插件变得非常简单。...日志 调试JavaScript代码最常用的方法是console.log在关键步骤中添加一堆。不幸的是，JavaScriptCore（Sketch插件运行的上下文）没有提供console。...除了使用log场景后面的方法之外，它还会将日志转发给sketch-dev-tools。 debugger 和变量检查 当插件运行时，Sketch会创建一个与其关联的JavaScript上下文。...我如何注册我的插件来“聆听”一个操作？ 简单：你只需在manifest.json你的插件已有的文件中添加一个处理程序。...再次，如果有任何事件想要添加到列表中，请告诉我们，我们将尝试添加它（由于性能原因，某些事件不在列表中，例如“图层被拖动”）。
当你使用Vue-cli脚手架启动项目，所有你需要做的就是按照提示然后测试会自动为你设置。这有多容易？让我们走过这个过程，这样我们就可以确切地看到如何去做。...在这里，我们期待着里面的文字，在你的vue.js程序中设置**.hello** 中的h1为“Welcome to Your Vue.js App.”。“这是真的吗？”...回到HelloWorld.spec.js，我们的第一**it()**右下方，我们可以添加一个像这样： it('should show all the links', () => { }) 现在，我们需要像在第一次测试中那样...所以，我们可以添加相同的常量，我们在第一个**it()**中。...要检查是否正常，请尝试注释一个链接，以确保它像我们预期的那样失败。 总结 我们在这次演练中已经讨论了很多。我们开始把我们的项目和Vue-cli运行。然后，我们查看了默认测试，看看它们是如何工作的。
2.实例 下面以咖啡为例，以C++为例，使用观察者模式来解决咖啡的计价问题。 2.1丑陋的设计 咖啡添加了不同的调料，将收取不同的费用。因为调料数量众多，我们不能为每一种口味的咖啡创建一个类。...有了上面的步骤，在具体实现上，如何装饰一个对象，而委托又要如何搭配使用呢？请看下面的类图框架： image.png 四个具体组件，每个代表一种咖啡类型。...//添加牛奶 mocha1 = new Milk(mocha); cout getDescription() ...cost() << endl; //添加奶泡和牛奶 mocha1 = new Whip(mocha); mocha1 = new Milk(mocha1); cout...摩卡+奶泡 价格：10.5 摩卡+牛奶 价格：11.7 摩卡+奶泡+牛奶 价格：12.2 3.使用场景和优缺点 使用场景： （1）在不必改变原类和使用继承的情况下，动态地扩展一个对象的功能。
最近公司想要从mocha+karma的前端单元测试方式转换到Jest，然后任务就分配给我了，好吧，在这之前连单元测试是什么都不知道。...这是我们在使用Jest时遇到的第一个问题，解决的方式很简单，在test目录下的jest.config.js的配置中添加一项： ? 然后，再试一下npm run unit，我们发现测试通过了。...我们先来想象一下这样的场景，我们在开发时候需要引入一个插件，就比如是百度地图API吧，但是又无法用npm install来安装（因为npm仓库没有这个库），所以我们在index.html中用script...实际上在使用过程中，主要有两类问题，一个是环境配置的问题，要记住在写jest测试用例的时候，需要引入各依赖的文件，就像在main.js中那样。...最后，本文章为工作中遇到的问题的一些记录，以备查阅。若有错误不足，还望不吝指正，互相学习。
从微信小程序发布这段时间，陆陆续续开发了不少小程序相关的项目，总结了一些通用性的组件，但是对于小程序如何做测试，依然是一头雾水，直到做了不少的项目，积累的一些经验和开源库之后才理清如何做测试，下面将会介绍如何对小程序做...工具的准备 node puppeteer wept mocha chai 介绍 node 这个应该不用多做介绍了，不过这次demo中要求node版本应该大于7.6.0，因为puppeteer要求最低版本是...不然整个代码都是promise.then puppeteer Chrome 团队出品的一款更友好的Headless Chrome Node API，用于代替用户在页面上面点击、拖拽、输入等多种操作，常见的使用场景还是应用到...mocha JavaScript测试框架，在浏览器和Node环境都可以使用，通过测试框架，可以为你的JavaScript代码添加相应的测试用例，使得项目代码更加强健。...的name属性来获取正确的iframe const weChatFrame = frames.find(f => f.name() === 'view-0'); //在上下文环境中获取需要抓取的内容
BDD 和 TDD 均有各自的适用场景，BDD 一般更偏向于系统功能和业务逻辑的自动化测试设计，而 TDD 在快速开发并测试功能模块的过程中则更加高效，以快速完成开发为目的。...通过它，可以为 JavaScript 应用添加测试，从而保证代码的质量。...维基百科的 断言（程序）一文是这么解释断言的：在程序设计中，断言（assertion）是一种放在程序中的一阶逻辑（如一个结果为真或是假的逻辑判断式），目的是为了标示与验证程序开发者预期的结果－当程序运行到断言的位置时...真实的项目环境中，还有很多问题都需要解决，比如： 如何用 es6 语法来写测试用例？ 如果代码中有 DOM 操作怎么测试？ 如何在不同浏览器中进行测试？ 使用 React 等框架时怎么测试？...依赖 Ajax 等场景时如何测试？ ... 这些实际的情况，我们会在接下来的文章中继续讨论。
你可以将这些工具的路径添加到scripts中，但这样就需要你记住传递的参数，并通过--来传递。2. 你也可以使用像alias npmx=PATH=$(npm bin):$PATH这样的shell脚本。...当你执行npx 而并不在你的系统变量路径$PATH中，npx会自动为你从npm上下载安装叫这个名字的包，并且执行它。...你可以使用npx的-p选项指定安装特定的包，并把它们添加到系统变量$PATH中。这让你可以做一些像$ npx -p node@6这样有趣的事情。...通过npm it就像在全局环境是node@6下安装和测试当前的包。我自己总是用到这个功能——在最近的一个项目中我甚至不得不大量的使用这个功能，因为我一个正在测试的库无法运行在node@8下面。...一定要保证在执行这些gists前通读它们，就像你在执行.sh时那样做！ 加分环节：shell auto-fallback !
你该如何为ES6代码编写单元测试呢？又该如何配置测试工具以支持这些新特性呢？...正如你可能知道的那样，Babel自身用来把ES6的新语法转变为旧的JavaScript引擎可以理解的格式，而babel-polyfill则会提供旧引擎中缺失的ES6对象(例如Promise)和函数(例如...npm install --save babel-loader 然后在Webpack的配置文件中添加参数： module: { loaders: [ { test: /\.jsx...npm install karma-babel-preprocessor 一旦安装完成，你就可以在Karma配置文件中添加以下配置信息： preprocessors: { "src/**/*.js"...你只需要在testem.json中添加以下配置： "serve_files": ["tests-bundle.js"], "before_tests": "browserify -t [ babelify
下面这篇文章雷锋网重点整理了TensorFlow在图像识别中的应用，看计算机如何识别图像。...地址：http://www.csdn.net/article/2015-12-16/2826496（点击文末阅读原文查看） 除了认识TensorFlow在图像识别中的应用，关于如何搭建图像识别系统雷锋网也有相关教程...一根优秀的黄瓜应该具备什么素质？相信这是很多人不可描述的问题，而对于黄瓜农场主而言，同一个品种的黄瓜可以根据颜色、刺、体态等因素分成9类，但分检工作对于人来说恰好是一个枯燥繁琐的过程。 ?...一位日本农场主 Makoto 为解决这一难题，利用TensorFlow制作了一款黄瓜分类机，通过机器就能够完成黄瓜的分类工作，但识别准确率目前只有70%，Makoto 目前正打算使用谷歌的云机器学习（Cloud...根据像素间交叉熵损失的定义，我们在简化的场景下进行了模型的训练，并使用后向传播来更新权重。我们使用条件随机场（CRFs）来解决分割结果粗糙的问题，并取得了很好的效果。
单元测试 & mocha 简述 1....单元测试 单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证 这个最小测试单元，可以是一个函数，可以是一个类，可以是一个对象，也可以是一个组件，一个插件 在软件开发周期中，...BDD（Behavior Driven Development），行为驱动开发是一种敏捷软件开发的技术，是一种理论方法学，具体的读者可深入学习，这里不做深入 BDD的接口有： describe()：描述场景...，在里面可以设定Context，可包括多个测试用例，也可以嵌套场景 it()：位于场景内，描述测试用例 before()：所有测试用例的统一前置动作 after()：所有测试用例的统一后置动作 beforeEach...另外，当组件版本升级的时候，功能可能变多了，那这时候相应的测试用例也应该加上，一个优秀的测试框架是应该很好的支持轻易添加测试用例的，比如mocha那样
本文作者：IMWeb 黎清龙 原文出处：IMWeb社区 未经同意，禁止转载 单元测试 & mocha 简述 1....单元测试 单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证 这个最小测试单元，可以是一个函数，可以是一个类，可以是一个对象，也可以是一个组件，一个插件 在软件开发周期中，...BDD（Behavior Driven Development），行为驱动开发是一种敏捷软件开发的技术，是一种理论方法学，具体的读者可深入学习，这里不做深入 BDD的接口有： describe()：描述场景...，在里面可以设定Context，可包括多个测试用例，也可以嵌套场景 it()：位于场景内，描述测试用例 before()：所有测试用例的统一前置动作 after()：所有测试用例的统一后置动作 beforeEach...另外，当组件版本升级的时候，功能可能变多了，那这时候相应的测试用例也应该加上，一个优秀的测试框架是应该很好的支持轻易添加测试用例的，比如mocha那样
最近公司想要从mocha+karma的前端单元测试方式转换到Jest，然后任务就分配给我了，好吧，在这之前连单元测试是什么都不知道。...嗯..你的报错信息应该可能大概也许是下面这个样子： 这是我们在使用Jest时遇到的第一个问题，解决的方式很简单，在test目录下的jest.config.js的配置中添加一项： 然后，再试一下...我们先来想象一下这样的场景，我们在开发时候需要引入一个插件，就比如是百度地图API吧，但是又无法用npm install来安装（因为npm仓库没有这个库），所以我们在index.html中用script...实际上在使用过程中，主要有两类问题，一个是环境配置的问题，要记住在写jest测试用例的时候，需要引入各依赖的文件，就像在main.js中那样。...最后，本文章为工作中遇到的问题的一些记录，以备查阅。若有错误不足，还望不吝指正，互相学习。
尽管本次比赛为环境相对可控、较易标准化的温室黄瓜生产，但计算机模拟如何有效迁移到真实的农业种植中，依然是一大技术挑战。...系统如何与这些传感器结合？ 答：本次比赛中我们是唯一一个仅使用主办方配置的传感器，没有添加额外添加的 AI 种植团队。...不过，在未来的户外实验和应用中，AI 还得继续学习，研究下如何解决这个害虫的问题。...尽管本次比赛为环境相对可控、较易标准化的温室黄瓜生产，但计算机模拟如何有效迁移到真实的农业种植中，依然是一大技术挑战。 AI科技大本营：腾讯对AI+农业有着怎样的商业化布局？...此外，大数据处理和语音识别等技术可运用于农业智能专家系统中，为农业从业者提供专业咨询服务和指导，帮助解决生产中各种技术问题。
摘要： 如何使用Mocha在浏览器中测试JavaScript代码？ 本文所有代码都在Fundebug/mocha-browser-test仓库中。...mocha.jpg 在玩转Node.js单元测试博客中，我介绍了测试框架Mocha，对后端Node.js代码进行测试。在这篇博客，我将介绍如何使用Mocha在浏览器中测试JavaScript代码。...：浏览器测试入口页面 mocha.js与mocha.css是Mocha模块自身的源代码，因为需要在浏览器中展示测试结果，因此需要Mocha的CSS文件；tests.js为测试代码，为空文件，需要我们编写...init生成的测试代码中没有实际的测试案例，不妨添加一个简单的add.js： function add(a, b) { return a + b; } 可知，add是一个非常简单的加法函数。...index.html 在index.html中，需要添加源代码add.js以及断言库chai.js： <!
摘要： 如何使用Mocha在浏览器中测试JavaScript代码？ 本文所有代码都在Fundebug/mocha-browser-test仓库中。 ?...在玩转Node.js单元测试博客中，我介绍了测试框架Mocha，对后端Node.js代码进行测试。在这篇博客，我将介绍如何使用Mocha在浏览器中测试JavaScript代码。...：浏览器测试入口页面 mocha.js与mocha.css是Mocha模块自身的源代码，因为需要在浏览器中展示测试结果，因此需要Mocha的CSS文件；tests.js为测试代码，为空文件，需要我们编写...init生成的测试代码中没有实际的测试案例，不妨添加一个简单的add.js： function add(a, b) { return a + b; } 可知，add是一个非常简单的加法函数。...index.html 在index.html中，需要添加源代码add.js以及断言库chai.js： <!
防止代码混乱：当我们发现一个bug时，添加一个单元测试来检查这个场景，可以保证代码的更改不会在将来重新引入这个bug。...如何编写单元测试 现在，我们已经回顾了一些单元测试的最佳实践，你已经准备好在JavaScript中编写你的第一个单元测试。 本教程使用了Mocha框架，它是最流行的单元测试之一。...接着，在编辑器中打开package.json文件，用mocha替换占位符测试脚本： "scripts": { "test": "mocha" }, 实现一个类 接下来，编写一个简单的交通灯系统...next()：更改交通灯为下个颜色的函数。 添加单元测试 是时候为代码添加单元测试了。 在项目的目录下创建名为test的文件夹。这里是Mocha默认检查单元测试的地方。...因此我们可以为这个类设置一个顶级组，如下所示： describe( "TrafficLight", function () { }); 然后，我们在子组中添加校验交通灯颜色的单元测试，位于TrafficLight
这部分主要介绍如何依靠持久化存储来实现业务切换的功能，就像在第一篇启蒙文档中说的那样，这里不会贴大段的代码，只会帮你梳理最核心的流程，相信你亲自实践一次之后，以后的困难都可以轻松解决。 ? 1....NODE_ENV为production），我们并不希望当前界面响应右键菜单，需要通过给document添加EventListener监听将相关事件处理方法屏蔽。...Sketch所提供的了Action API可以使插件对应用程序中的事件做出反应，监听回调只需在插件的manifest.json文件中添加一个handler即可，添加了对于“OpenDocument”的监听...“不忘初心，方得始终”，就像第一篇启蒙文章中说的那样，我们除了希望制作一流的产品，也希望积木插件可以让大家在繁忙的工作中得以喘息。...我们会继续以设计语言为依托，以积木工具链为抓手，不断完善优化，拓展插件的使用场景，让设计与开发变得更轻松。 总有人在问，积木插件现在好用吗？我想说，还不够好用。
将其设置为 production。 设置你的 MONGO_URI和 API_KEY值。...如果你需要执行某些CPU密集型（例如，计算，哈希密码或压缩），那么除了为这些CPU任务产生新进程之外，你可能想到使用 setImmediate()或 setTimeout()——它们回调函数中的代码会在下一个事件循环周期中继续运行...在VS code的repo vscode/src/vs/base/node/ 中(链接),你可以看到像 crypto, process等熟悉的模块名称。不过有 ts那样的后缀。...RUN npm install pm2 -g CMD ["pm2-docker", "app.js"] 官方Alpine Linux pm2镜像在 Docker Hub中。...最后，我想谈一谈软件是如何吞噬着这个世界，而世界是如何正在被JavaScript吞噬的。。。有很多伟大的东西，比如每年发布的标准，大量的npm模块，工具和参考等等。。。然而对此最终我表示谨慎。
其实Travis CI的使用方法可以简单的概括为3步，就像官网首页的那样图片介绍的一样： ?...那我们又该怎样为我们的项目添加许可证了？...那么，我们又该如何为我们自己的开源项目添加这样的小图标呢？...您要做的，只是像在Travis CI里添加项目那样把您需要跑收集测试覆盖率的项目添加进codecov的仪表盘，然后在您的项目里安装codecov依赖： $ npm install codecov --save-dev...但是在测试的开始阶段就遇到了一个问题，在浏览器原生移动端事件中，并没有一个像 click() 那样的方法可以供我们直接调用来模拟事件触发，这个问题又该如何解决呢？
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
