jade

初步认识pug

烈酒焚心 提交于 2021-02-19 11:44:10
一、初步认识pug 1.所谓的pug就是我们之前说的jade,也就是一种通过缩进的方式来编写代码的过程,在编译的过程中,我们不需要考虑标签是否闭合的问题。此外,用这种编译方式,加快了我们写代码的速度,也为代码复用提供了便捷。 2.在学习pug基础语法之前,首先要了解pug的命令行的使用,例如: doctype html html head title aaa body 在文件里面写上述程序,然后以xxx.pug的格式保存,再再终端命令输入 pug xxx.pug,按下回车键,我们在回到之前的项目编译器,就会发现在编译器内出现了与xxx同名的xxx.html文件,点开之后会发现html 基础格式已经打印出来了。但是这里有一个问题,基础格式的排版并不像我们平时书写的格式,这里就需要我们在将pug格式转化为HTML的时候输入命令 pug -P xxx.pug;就可以得到我们想要的格式了。为了实时自动更新出现我们修改后的代码样式,我们还可以这样输入终端命令:pug -P -w xxx.pug;不想继续更新,快捷键为:ctrl+c. 3.路径设置 如果并不希望在当前目录下输入编译后的HTML文件,而是有自定义目录的需求,则需要设置-o参数 如下设置,index.html将输入到a目录下面,如果a目录不存在,则会新建a目录: pug index.pug -o a 4.批量编译:

原生js实现base64编码与解码字符串及对象

╄→гoц情女王★ 提交于 2021-02-09 09:51:35
前言:最近维护了node开发jade模版的项目,场面一度尴尬,和平时做的大相径庭,好不难受。特别是有需要把参数转换为base64拼接到url上,各种姿势试了,只能用原生方法编码解码,来总结一下。 一. Window 中的 btoa()和atob()解决字符串 该编码和解码只实用于字符串。btoa()该方法使用 "A-Z", "a-z", "0-9", "+", "/" 和 "=" 字符来编码字符串,返回一个 base-64 编码的字符串;atob() 用于解码。使用方法:`编码:const newBase = window.btoa("test");解码:const oldValue = window.atob(newBase);`。 注:如果有中文,需要使用URL转码配合使用。使用方法:`编码:const newBase = window.btoa(window.encodeURIComponent(JSON.stringify("原生js实现base64编码与解码字符串及对象")));解码:const oldValue =window.decodeURIComponent(window.atob(newBase));` 二. Node.js Buffer(缓冲区)解决对象 JavaScript 语言自身只有字符串数据类型,没有二进制数据类型。但在处理像TCP流或文件流时

马斯克:让我成功的其实是工程思维。

蹲街弑〆低调 提交于 2021-01-19 23:40:43
此文写给未来春藤的伙伴们,   欢迎登上飞船。   上:原理篇   一   什么人能靠创业发大财?在这里,钱其实是一个计量工具,用于量化我们如下这个思考:创业成功最关键的个人要素是什么?你可能会说,这类问题怎么会有标准答案呢?   首先当然是要运气好,肯干,愿意冒险。从鸡汤的角度说,需要有愿景,要追随内心的梦想;从鸡血的角度说,需要有执行力,百折不挠。从商学院的角度说,需要商业模式;从硅谷的角度说,需要精益创业。   ......   我认为,如果你想靠创业发大财,最关键的个人要素是:工程思维。事实上,这是地球上那些最聪明的家伙正在运用的关键思维。本文将阐述如下观点:   工程思维是创业方面最基本的、最普适的、最科学的利器。   二   我们先来看看,什么是“工程学”?维基百科是这样定义的:   工程学、工程科学或工学,是通过研究与实践应用数学、自然科学、社会学等基础学科的知识,来达到改良各行业中现有材料、建筑、机械、仪器、系统、化学和加工步骤的设计和应用方式一门学科。   听起来像是传统意义上“工程师”干的事情?让我(在参考了 ECPD 的定义的基础上)来简化一下工程学的定义:有创意地应用科学定律,来系统化地解决现实问题。在商业领域,拥有“工程学思维”的著名人物应该是埃隆·马斯克和任正非。埃隆·马斯克说过:“我是具有创新精神、具有创意的工程师。我想我是工程师。”他在太阳能、电动车

脑电图伪迹去除方法汇总

一笑奈何 提交于 2020-10-28 11:07:19
欢迎关注我们,选择加"星标"或“置顶” 更多技术,第一时间送达 1.眼动伪迹 通常出现在额部,两侧对称性分布,可以以波形特征进行鉴别。 排除的方法包括以下几点: 1).要求受检者消除紧张心理,保持放松状态。 2).令受检者将手指尖轻压自己的眼部上方或眼睑,可以使较高振幅的眼球波得以控制。 3)在眼部附近放置电极,以监测眼动和鉴别眼部与额 部 慢波的关系。 2.肌电伪迹 使受检者全身放松,尤其是颈部、下颌。 轻轻闭眼、张口、不吞咽、不咬牙等。 单个电极的伪迹,可以通过按摩该电极附近的皮肤和更换电极得以纠正。 3.运动伪迹 可以要求受检者停止运动,即可以消除运动伪迹。 4.心电伪迹 调换参考电极的位置,如果心电还不能排除,则应使用双耳作为参考电极组合的参考导联进行描记,可以使心电伪迹减少。 必要的话,可以使用非脑部平衡的参考电极。 5.血管波伪迹 可以将动搏动部位的电极移至一定的距离,排除血管波伪迹的发生,不过新的电极位置应该标明在图纸上。 6.50Hz和静电干扰 装置屏蔽室是最有效的方法,如果在监护室或手术室进行脑电图描记,应尽可能远离电力线、减少电极线的摆动、容器内液体或其他物体的电荷运动。 伪迹去除方法分类 目前处理伪迹的方法主要有: 避免伪迹产生、直接移除 法 、伪迹消除法。 1.避免伪迹产生法 避免伪迹产生法(artifact avoidance

学习 JAVA,有什么书籍推荐?学习的方法和过程是怎样的?

我与影子孤独终老i 提交于 2020-10-02 20:01:34
现在互联网上资源丰富,Java 学习并不难。贴个 Java 服务端入门和进阶指南,是给我们组新人入门用的,包括了学习目标、需要掌握的技能和参考资料,并规划了学习阶段和时间,希望帮助到题主。 前言 欢迎加入我们。这是一份针对实习生/毕业生的服务端开发入门与进阶指南。遇到问题及时问你的 mentor 或者直接问我。 建议: 尽量用 google 查找技术资料。 有问题在 stackoverflow 找找,大部分都已经有人回答。 多看官方的技术文档。 ibm developerworkers 的文章质量整体上有保障。 平时花一些时间在 github 上阅读优秀项目源码。 入门(1-2 个月) 目标:参与简单的项目开发。 技能: 掌握 Java。经典的《Java 核心技术:卷1 基础知识》(或者《Java 编程思想》)必看,跳过其中的图形和 applet 章节。习惯查阅 Java API Doc。为了保证代码的质量,《Effective Java》、《Clean Code》和《重构》也需要至少通读一遍。 熟悉 Linux 开发环境和 bash shell。Linux 是我们的开发和部署环境,你最好尽快熟练它。Linux 的基本使用可以通过《鸟哥的Linux私房菜:基础学习篇(第三版)》学习,开发 bash shell 脚本可以参考《Linux Shell脚本攻略》。 掌握开发工具

人工智能刚上岗就“翻车” 培养一名合格的AI编辑总共分几步

纵饮孤独 提交于 2020-08-16 23:23:11
  目前阶段的编辑工作完全依赖AI是不现实的,让AI成为人类编辑的帮手似乎更切实可行。双方协同起来,将使工作更加高效有质量。   日前,微软宣布6月底拟裁撤近80名外包编辑,由AI编辑负责接下来的MSN网站的新闻抓取、排版和配图等工作。但没想到,刚到岗没多久,AI编辑就“翻车”了,而且犯了一个非常低级的错误。AI编辑在寻找配图的时候,把非裔歌手Leigh跟阿拉伯裔歌手Jade弄混了。   针对此次微软AI的配图错误事件,Jade也在社交媒体上表达了不满:“正常区分两个不同肤色的人有那么难吗?”为何一向以高识别率著称的AI,这次却“翻车”了?   解决脸盲问题需要不断扩大学习范围   人脸识别技术是目前AI领域公认的比较成熟的技术,圈内人士也热衷像刷分一样把人脸识别准确率屡屡刷出新高,最高的号称准确率可达99.9%。人脸识别技术有如此辉煌的战绩,为何此次AI编辑还会脸盲呢?   “人脸识别技术的工作原理,主要是比对五官比例以及面部特征。”天津大学智能与计算学部教授韩亚洪解释,简单说,就是基于人脸图像的大数据,先对看到的人脸图像进行预处理,提取面部各个方面的特征,并通过分层多次提取,寻找对于识别个体人脸最有效的特征表达。   人脸识别技术这些年已经发生了重大的变化,传统的人脸识别方法已经被基于卷积神经网络的深度学习方法替代。深度学习方法的主要优势是它们可通过大规模数据集进行训练

Flutter+FaaS一体化任务编排的思考与设计

让人想犯罪 __ 提交于 2020-08-08 00:11:28
简介: 闲鱼flutter faas一体化提升研发体验+研发质量 作者:闲鱼技术-古风 Flutter+Serverless三端一体研发架构,客户端不仅仅是编写双端的代码,而是扩展了客户端的工作边界,形成完整的业务闭环。在新的研发模式落地与实践的过程中,一直在思考如何提高FaaS端研发体验与研发质量,以下是落地过程中遇到的问题。 如何提高FaaS研发体验? FaaS层通常是直接在主干中逐块增加业务代码,这种写法领域数据间的依赖并不清晰,后续维护时需要针对领域数据进行更换、顺序调整或者由串行改并行时需要增加很多工作。 如何提高FaaS侧研发质量? 客户端同学编写FaaS代码时,需要针对服务端各种异常增加保护性代码与降级策略,比较容易出现遗漏从而导致整体质量下降。 任务编排是什么? 回顾一个完整的业务闭环,包括中台、领域层、业务层与渲染层。云端一体场景下FaaS侧更多的工作集中在业务层与渲染层,进行数据聚合、裁剪、字段映射和结构调整。 以下单业务为例,FaaS层通过6次HSF(RPC框架)调用获取领取数据组装而成。商品信息、收货地址与闲鱼币可以并行执行,红包、运费与验货担保可以并行执行,由于依赖商品信息与收货地址,两组任务需要串行执行。 上图中可以把每一个节点(例如:获取商品信息)抽象为任务,通过代码实现此流程就是任务编排。 任务编排如何提升开发体验?

Flutter+FaaS一体化任务编排的思考与设计

牧云@^-^@ 提交于 2020-08-08 00:05:43
简介: 闲鱼flutter faas一体化提升研发体验+研发质量 作者:闲鱼技术-古风 Flutter+Serverless三端一体研发架构,客户端不仅仅是编写双端的代码,而是扩展了客户端的工作边界,形成完整的业务闭环。在新的研发模式落地与实践的过程中,一直在思考如何提高FaaS端研发体验与研发质量,以下是落地过程中遇到的问题。 如何提高FaaS研发体验? FaaS层通常是直接在主干中逐块增加业务代码,这种写法领域数据间的依赖并不清晰,后续维护时需要针对领域数据进行更换、顺序调整或者由串行改并行时需要增加很多工作。 如何提高FaaS侧研发质量? 客户端同学编写FaaS代码时,需要针对服务端各种异常增加保护性代码与降级策略,比较容易出现遗漏从而导致整体质量下降。 任务编排是什么? 回顾一个完整的业务闭环,包括中台、领域层、业务层与渲染层。云端一体场景下FaaS侧更多的工作集中在业务层与渲染层,进行数据聚合、裁剪、字段映射和结构调整。 以下单业务为例,FaaS层通过6次HSF(RPC框架)调用获取领取数据组装而成。商品信息、收货地址与闲鱼币可以并行执行,红包、运费与验货担保可以并行执行,由于依赖商品信息与收货地址,两组任务需要串行执行。 上图中可以把每一个节点(例如:获取商品信息)抽象为任务,通过代码实现此流程就是任务编排。 任务编排如何提升开发体验?

裁掉数十名人工编辑后,微软的新闻 AI 翻车了

↘锁芯ラ 提交于 2020-07-27 22:08:57
  前段时间,微软解雇了约 50 名 MSN 新闻编辑,同时打算用日渐成熟的 AI 系统取而代之的消息引发广泛讨论,不少编辑同事都担心自己的饭碗将来也会被人工智能抢走。然而事情才过去没几天,微软的 AI 就翻车了。   据 外媒报道 ,近日,微软新的人工智能发布软件推送了一篇文章,文中内容谈到种族主义对一位英国混血女歌手 Jade Thrilwall 的个人影响,但文中的配图却是 Jade 的队友 —— 另一位混血女歌手 Leigh Anne Pinnock 的照片。显然,该 AI 系统在人脸识别方面犯下了错误。   Jade Thirlwall 是英国女子组合 Little Mix 的一员,近期在一档与“Black Lives Matter”相关的 BBC 访谈节目中,Jade 分享了自己在英格兰东北部南希尔兹一个以白人为主的社区环境下成长遭遇的不平等对待。她的外祖父母来自埃及和也门,而她因为阿拉伯血统而受到同龄人的欺负。   Jade 的这篇采访稿由《独立报》报道,并被微软旗下的 MSN.com 网站转载。该网站收录了来自全球各地的优质内容,内容原本由 AI 系统辅助数十名人工编辑混合校审,然后发表。MSN.com 网站过去有数十名人工编辑策划,他们负责挑选故事、新闻和图片在网站上发表,直到上个月微软宣布裁掉约 50 名人工编辑。微软认为, 原本辅助编辑们完成这一系列工作的

TypeScript完全解读百度云

别说谁变了你拦得住时间么 提交于 2020-05-02 20:23:50
原文配套视频资源获取链接: 点击获取 原文配套源码资源获取链接: 点击获取 课程大纲 : 1.搭建开发环境 (1) 前端开发环境 (2) Node服务端开发环境 2.基础类型 (1)布尔值 (2)数值 (3)字符串 (4)数组 (5)元组 (6)枚举 (7)any (8)void (9)null和undefined (10)never (11)object (12)类型断言 3.【赠课】ES6精讲 - Symbol (1)基础 (2)作为属性名 (3)属性名的遍历 (4)Symbol.for和Symbol.keyFor 4.接口 (1)基本用法 (2)可选属性 (3)多余属性检查 (4)绕开多余属性检查 (5)只读属性 (6)函数类型 (7)索引类型 (8)继承接口 (9)混合类型接口 5.函数 (1)函数类型 i.为函数定义类型 ii.完整的函数类型 iii.使用接口定义函数类型 iv.使用类型别名 (2)参数 i.可选参数 ii.默认参数 iii.剩余参数 (3)重载 6.泛型 (1)基本用法 (2)泛型变量 (3)泛型类型 (4)泛型约束 (5)在泛型约束中使用类型参数 7.【赠课】ES6精讲 - 类Class基础 (1)实现创建实例 (2)constructor方法 (3)类的实例 (4)取值函数和存值函数 (5)class表达式 (6)静态方法 (7)实例属性其他写法