搜索[前端工具]结果-低调大师优秀个人博客

精选列表

搜索[前端工具]，共10000篇文章

Fundebug前端异常监控插件更新至2.0.0，全面支持TypeScript

Fundebug前端异常监控服务 Fundebug提供专业的前端异常监控服务，我们的插件可以提供全方位的异常监控，可以帮助开发者第一时间定位各种前端异常，包括但不限于JavaScript执行错误以及HTTP

2019-09-04

前端学习笔记（5） - JavaScript中this 关键字的机制

JavaScript中有几种函数 1.使用function定义的函数 function foo(){ } 2.使用箭头函数定义的函数 const foo=()=>{ } 3.在class中定义的函数 class A{ foo(){ } } 4.生成器函数 function* foo(){ } 5.class定义的类，实际上也是函数 class Foo { constructor(){ } } 6、7、8异步函数 async function foo(){ } const foo = async () => { } async function foo*(){ } 不同函数this关键字的行为 function showThis(){ console.log(this); } var o = { showThis: showThis } showThis(); // global o.showThis(); // o 普通函数的 this 值由“调用它所使用的引用”决定，其中奥秘就在于：我们获取函数的表达式，它实际上返回的并非函数本身，而是一个 Reference 类型。Reference 类型由两部分组成：一个对象和一个属性值。不难理解 o.showThis 产生的 Reference 类型，即由对象 o 和属性“showThis”构成。当做一些算术运算（或者其他运算时），Reference 类型会被解引用，即获取真正的值（被引用的内容）来参与运算，而类似函数调用、delete 等操作，都需要用到 Reference 类型中的对象。在这个例子中，Reference 类型中的对象被当作 this 值，传入了执行函数时的上下文当中。调用函数时使用的引用，决定了函数执行时刻的 this 值。 const showThis = () => { console.log(this); } var o = { showThis: showThis } showThis(); // global o.showThis(); // global 我们看到，改为箭头函数后，不论用什么引用来调用它，都不影响它的 this 值。 class C { showThis() { console.log(this); } } var o = new C(); var showThis = o.showThis; showThis(); // undefined o.showThis(); // o 创建一个类并实例化以后再次调用获得的结果又是不同的 this关键字的机制 JavaScript 标准定义了 [[thisMode]] 私有属性。[[thisMode]] 私有属性有三个取值。 lexical：表示从上下文中找 this，这对应了箭头函数。 global：表示当 this 为 undefined 时，取全局对象，对应了普通函数。 strict：当严格模式时使用，this 严格按照调用时传入的值，可能为 null 或者 undefined。 class中的函数this行为与其他函数不一样正是因为class设计成了默认为strict模式执行。在strict模式下普通函数与class中的函数行为一致。 "use strict" function showThis(){ console.log(this); } var o = { showThis: showThis } showThis(); // undefined o.showThis(); // o 而箭头函数中this的指向当前上下文中的this，所以下例中foo函数内部潜逃的剪头函数this与foo相同，o.foo（）中this为对象o所以内部剪头函数的this均为o。 var o = {} o.foo = function foo(){ console.log(this); return () => { console.log(this); return () => console.log(this); } } o.foo()()(); // o, o, o 操作this的内置函数 JavaScript中提供了apply call bind三个方法来改变函数中this的指向（不清楚用法自行百度）。三个方法只针对普通函数有效，箭头函数、class均不会报错，但是无法改变this，可以传参。

2019-08-15

前端开发教程：JavaScript的相等比较你了解吗？

前端开发教程：JavaScript的相等比较你了解吗？相等如果你搞C#或Java一定非常熟悉==比较运算符。值类型（或字符串）相等只需要比较值，引用类型相等需要有相同的引用。

2019-06-23

马蜂窝容器化平台前端赋能实践

容器对前端开发真的有用吗？答案是肯定的。最初当我向公司的前端同学「安利」容器技术的时候，很多人都会说：「容器？这不是用在后端的技术吗？我不懂啊，而且前端开发用不上吧。」

2019-06-21

好程序员web前端教程分享js模板模式

this指向doglet dog = new Dog();dog.live(); // 此时, Animal中的this指向catlet cat = new Cat();cat.live();好程序员web前端分享

2019-04-11

好程序员web前端分享JavaScript学习指南

下面，好程序员Web前端培训为大家简单介绍一下javascript学习指南。

2019-03-27

百篇前端文章干货合集！

在寒冬最值得投资的是学习，我们整合了2018年云栖社区百篇前端技术文章供大家学习参考。为了让营造一个针对前端语言的技术交流平台，我们特意新建了一个前端技术交流群。

2019-01-13

茴字的四种写法——浅谈移动前端适配

什么是前端适配从UI展现层面上：我们期望不同尺寸的设备，页面可以自适应的展示或者进行等比缩放，从而在不同的尺寸的设备下看起来协调或者差不多。

2018-10-08

2018年8月中级前端开发推荐书籍

这些书籍适合中级前端开发者阅读，初级前端开发人员买来除了自我安慰和垫高显示器以外可能没什么用处。说是推荐书单，实际上是笔者自己的读书计划。欢迎你在阅读中与我交流。 1.

2018-07-25

你用过的网站前端优化的技术有哪些？

① 浏览器访问优化：减少HTTP请求数量：合并CSS、合并JavaScript、合并图片（CSS Sprite）使用浏览器缓存：通过设置HTTP响应头中的Cache-Control和Expires属性，将CSS、JavaScript、图片等在浏览器中缓存，当这些静态资源需要更新时，可以更新HTML文件中的引用来让浏览器重新请求新的资源启用压缩 CSS前置，JavaScript后置减少Cookie传输 ② CDN加速：CDN（Content Distribute Network）的本质仍然是缓存，将数据缓存在离用户最近的地方，CDN通常部署在网络运营商的机房，不仅可以提升响应速度，还可以减少应用服务器的压力。当然，CDN缓存的通常都是静态资源。 ③ 反向代理：反向代理相当于应用服务器的一个门面，可以保护网站的安全性，也可以实现负载均衡的功能，当然最重要的是它缓存了用户访问的热点资源，可以直接从反向代理将某些内容返回给用户浏览器。

2018-07-24

web前端学习：React是什么，为什么要使用它？

小编每天都会跟大家分享文章，也会给大家提供web前端学习资料。

2018-07-15

9道前端面试题及答案，赶紧收藏！

【如果大家对程序员，web前端感兴趣，想要学习的，关注一下小编吧。我是一名前端开发程序员，现在在网上授课教前端，每晚都会在群内免费直播。

2018-07-11

前端越来越不好干了

大前端听着都累最近2年人人都在说【大前端】这个概念，我也一直想写一篇关于这个的文章，其实概念没什么好说的，主要是在这个概念下，我们的技能更新和职业方向是什么，因为现在前端承担的职责和人物越来越重了，

2018-07-09

前端开发者常用的9个JavaScript图表库

对于前端开发人员来说，如果能够掌握交互式网页中的数据可视化技术，则是一项很棒的技能。当然，通过一些 JavaScript 的图表库也会使前端的数据可视化变得更加容易。

2018-06-22

前端使用 BootStrap 写一些后台常用的界面

②于是接着选择了最新最热门的基于Vue2.0的ElementUI，为此还特地深入学习了Vue，后来觉得有点笨重，并且其是侧重于前端工程化的，最好每次都使用webpack去开启，作为一个后台的，写好CRUD

2018-06-21

为什么微前端开始在流行——Web 应用的聚合

过去，我一直有一个疑惑，人们是否真的需要微服务，是否真的需要微前端。毕竟，没有银弹。当人们考虑是否采用一种新的架构，除了考虑它带来好处之外，仍然也考量着存在的大量的风险和技术挑战。

2018-06-13

我理解的阿里无线前端“架构”（半鸡汤，少干货）

尤其是“前端架构”。觉得说“前端”这个软件工程化都相对薄弱，还在拼死拼活的往成熟的语言领域，往已有的软件工程慢慢靠近的的方向，真的需要所谓的“架构”么。

2018-06-11

前端面试考点多？看这些文章就够了

跨域前端常见跨域解决方案（全）常见工具函数手写（节流，防抖，扁平，柯里化...） JavaScript专题系列20篇正式完结！

2018-06-07

前端不止：Web性能优化 – 关键渲染路径以及优化策略

第一步，分析你的网站渲染状况我们以Google为例，通过Chrome的Performance工具查看页面渲染情况，如下图，你应该可以清晰的看到图中有四条竖线，他们分别是什么含义呢？

2018-06-02

大话大前端时代(一) —— Vue 与 iOS 的组件化

序今年大前端的概念一而再再而三的被提及，那么大前端时代究竟是什么呢？

2018-05-31

资源下载

更多资源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。