首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JS箭头函数三连问:为何用、怎么、何时

在现代JS中最让人期待的特性就是关于箭头函数,=>来标识。箭头函数有两个主要的优点:其一是非常简明的语法,另外就是直观的作用域和this的绑定。...什么才是箭头函数 JS的箭头函数大概就像python中的lambda(python定义匿名函数的关键字)和ruby中的blocks(类似于闭包)一样。...例如在Vue.js中,有一种通用模式,就是使用mapState将Vuex存储的各个部分,直接包含到Vue组件中。...曾经流行一种趋势,class类的语法和箭头函数,为其自动绑定方法。比如:事件方法可以使用,但是仍然绑定在class类中。...总结 箭头函数是JS语言中十分特别的属性,并且使很多情形中代码更加的变化莫测。尽管如此,就像其他的语言特性,他们有各自的优缺点。

2.5K20

怎么防止同事Evil.js的代码投毒

最近Evil.js被讨论的很多,项目介绍如下项目被发布到npm上后,引起了激烈的讨论,最终因为安全问题被npm官方移除,代码也闭源了作为一个前端老司机,我肯定是反对这种行为,泄私愤有很多种方式,代码里下毒会被...还不如离职的时候给老板一个大逼兜来的解恨今天我们来讨论一下,如果你作为项目的负责人,如何甄别这种代码下毒欢迎加入前端学习,一起上王者,交个朋友下毒手法最朴实无华的下毒手法就是直接替换函数,比如evil.js...llll"}'复制代码node 的vm模块node中也可以通过vm模块创建一个沙箱来运行代码,教程可以看这里,不过这对我们代码的入侵性太大了,适用于发现bug后的调试某段具体的代码,并且没法再浏览器里直接const...ShadowRealm()console.log( sr.evaluate(`JSON.stringify({name:'Illl'})`) )复制代码Object.freeze我们还可以项目代码的入口处,直接Object.freeze.../anti-evil.js"><script src=".

3K20

怎么Node.js创建HTTPS服务器?

怎么Node.js创建HTTPS服务器? HTTPS已经无所不在,作为开发者,我们经常需要访问或者使用HTTPS服务器。本文重要介绍了如何用 Node.js 在本地创建一个HTTPS开发服务器。...HTTPS服务器.jpg 要创建一个HTTPS服务器,你需要两样东西:SSL证书和Node.js内置的https模块。 我们先从SSL证书开始。...将这些文件放在与Node.js服务器文件相同的目录中。...如下是一个hello world示例(https和http模块之间最大的区别是options参数): 2.jpg 要启动https服务器,请在终端上运行 node app.js(这里,app.js是文件的名称...文件里,你可以在终端中运行 nodeindex.js ,然后你可以访问 https://localhost:3000 访问这个页面了。

6.5K00

怎么防止同事Evil.js的代码投毒

视频移步B站最近Evil.js被讨论的很多,项目介绍如下图片项目被发布到npm上后,引起了激烈的讨论,最终因为安全问题被npm官方移除,代码也闭源了作为一个前端老司机,我肯定是反对这种行为,泄私愤有很多种方式...还不如离职的时候给老板一个大逼兜来的解恨今天我们来讨论一下,如果你作为项目的负责人,如何甄别这种代码下毒欢迎加入前端学习,一起上王者,交个朋友下毒手法最朴实无华的下毒手法就是直接替换函数,比如evil.js...:"llll"}'node 的vm模块node中也可以通过vm模块创建一个沙箱来运行代码,教程可以看这里,不过这对我们代码的入侵性太大了,适用于发现bug后的调试某段具体的代码,并且没法再浏览器里直接const...ShadowRealm()console.log( sr.evaluate(`JSON.stringify({name:'Illl'})`) )Object.freeze我们还可以项目代码的入口处,直接Object.freeze.../anti-evil.js"><script src=".

3.7K20

看看 Nest.js 怎么

JS 代码在 es6 中加入了 class 的支持,TS 又实现了 interface 和 abstract class 的语法,现在写面向对象的代码容易了很多,所以使用设计模式也就方便了很多。...如果不知道怎么的话,不妨来看下 Nest.js怎么的吧: 案例 1 Nest.js 除了支持跑一个单独的 http 服务之外,还支持微服务,微服务一般就不是直接处理 http 了,可能是和 Redis...各种不同中间件的客户端连接方式不同,而 Nest.js 希望把它们统一管理起来。 怎么统一管理呢?...案例 2 Nest.js 其实本身并不处理 http 协议,处理 http 是依赖更底层的 Express 实现的,但是它又不想和 Express 强耦合。 怎么办呢?...之后 ExpressAdapter 继承了 AbstractHttpAdapter,基于 Express 的 api 提供了这些方法的实现: 这样比起直接 Express 的 api 有什么好处呢?

1.4K40

基本的导航条的制作

1、垂直导航条的制作 一想到导航菜单就会想到 ul li无序列表来制作。因为他的语义非常接近条目性的内容。...width:100px; background-color:#f60; margin-bottom:1px; padding-left:10px;} //padding-left:10px是为了让文字向右移动...10个像素,但是li的宽度也会增加10个像素,这里推荐text-indent:10px;文本缩进10个像素 a{text-decoration:none; display:block; height:...将首页设置为了超链接状态 首页 标签设置了class=“on”,css样式表中.on{ }里边的设置就一直生效,所以移到其他标签上首页也不还原,想要还原要用到js 4、通过js对导航条进行伸缩变换...,而不是向上延伸 注意:margin可以取负值,使他沿着相反的方向移动 改变宽度的伸缩 *{margin:0; padding:0; font-size

1.8K20

让天下没有难学的js之this到底是什么,怎么,这里可能给你答案

即便是一些入门级的同学在遇到这些问题时,也只是通过不断的尝试使用var _this = this、.call()等方法去实现效果,最后虽然达到了想要的效果,但是却并没有明白问题所在,也懒得去仔细研究,那么今天我就来带大家一起看看js...粘贴到console里运行一下 上述的结果可以看到,我们直接运行函数时候,函数里的this是直接绑定到Window上的,其实按我个人的理解是,所有的全局变量都是默认绑定到Window上的,全局变量a,Window.a...关于new调用函数后是如何执行的,《你不知道的JavaScript》一书中是这么说的 ❝ 使用 new 来调用函数,或者说发生构造函数调用时,会自动执行下面的操作。...以上代码可以看出,箭头函数的this指向取决于它所在作用域的this,并且箭头函数无法被改变this指向,无论是call还是new。...其实箭头函数和我们之前使用的一种方法几乎一样,那就是一个变量暂存this function foo() { var self = this // lexical capture of this

50730
领券