20190608 前端开发日报-前端开发博客

你了解vue3.0响应式数据怎么实现吗？；DVWA 黑客攻防演练（十三）JS 攻击 JavaScript Attacks；Angular 6+依赖注入使用指南：providedIn与providers对比；基于WebSocket的web端IM即时通讯应用的开发；阿里巴巴前端暑期实习面经；掌握 Javascript 类型转换：从规则开始；WebAssembly的前世今身；JS的柯里化与偏应用

你了解vue3.0响应式数据怎么实现吗？从 Proxy 说起什么是Proxy proxy翻译过来的意思就是”代理“，ES6对Proxy的定位就是target对象(原对象)的基础上通过handler增加一层”拦截“，返回一个新的代理对象，之后所有在Proxy中被拦截的属性，都可以定制化一些新的流程在上面，先看一个最简单的例子 const target = {}; // 要被代理的原对象 // 用于描述代…
DVWA 黑客攻防演练（十三）JS 攻击 JavaScript Attacks 新版本的 DVWA 有新东西，其中一个就是这个 JavaScript 模块了。玩法也挺特别的，如果你能提交 success 这个词，成功是算你赢了。也看得我有点懵逼。初级如果你改成 “success” 提交一下会出现了这个，Invalid token。这是什么回事呢？你可以打开控制台（F12），看看情况。你会看到这个 token，不是后台…
Angular 6+依赖注入使用指南：providedIn与providers对比
基于WebSocket的web端IM即时通讯应用的开发功能列表：1、Web端的IM应用2、支持上线、下线、实时在线提醒3、单聊、群聊的建立4、普通文字、表情、图片的传输（子定义富文本）5、单人的顶级提醒，多对话的窗口的提醒6、调用图灵机器人的自动回复演示核心技术…
阿里巴巴前端暑期实习面经先说一下为什么要去面试，因为之前跟学长吃饭的时候聊起来，大三这时候找一个暑期实习是个好机会，并且我在学校拿的奖也都围绕着前端来的。作为一个想知道自己处于什么水平的人来说，肯定要投大厂了，于是选择了…
掌握 Javascript 类型转换：从规则开始Javascript 里的类型转换是一个你永远绕不开的话题，不管你是在面试中还是工作写代码，总会碰到这类问题和各种的坑，所以不学好这个那是不行滴。关于类型转换我也看过不少的书和各种博客、帖子，也查过规范和做过…
WebAssembly的前世今身摘要：天才们又搞出一个牛逼的技术。原文：WebAssembly完全入门——了解wasm的前世今身作者：detectiveHLHlv-2 Fundebug经授权转载，版权归原作者所有。前言接触WebAssembly之后，在google上看了很多资料。感…
JS的柯里化与偏应用在之前的文章中对函数式编程做了一个简单的概述，在这篇文章中对一个大家喜闻乐见的话题——函数的柯里化进行一个总结。 :warning:注意：柯里化和偏应用的概念经常被混用，在文中会有概念上的简单区分一些基本概念一元函数、多元函数以及变参函数这些概念还是很好理解的，我们的日常开发中总是伴随着这些函数： …
如何反转CSS中的贝塞尔曲线首先来看一看我之前写的一个CSS轮播动画效果，为了让切换时动画的过渡更加的平滑我在animation-timing-function属性中并没有使用CSS提供的各种关键词，而使用了cubic-bezier（贝塞尔）函数。
Node.js 日志打印指南当你开始使用JavaScript开发时，可能要学习的第一个技能就是如何使用 console.log 将内容打印到控制台。如果你搜索如何调试JavaScript，将会发现数百篇博客和StackOverflow文章指向 console.log 。因为这是一种很常见的方法，我们甚至开始使用像 no-console 这样的linter规则来确保我们不会在生产代码中留下意外…
js 函数参数推荐书写方式 ({ param1, param2, … })一般编程语言都是按序取值，比如 C、Java、JavaScript 等，少数语言支持按名取值，比如 Groovy。
在 React 16 中从 setState 返回 null 的妙用在 React 16 中为了防止不必要的 DOM 更新，允许你决定是否让 .setState 更来新状态。在调用 .setState 时返回 null 将不再触发更新。
#开源项目#【在线文本高亮笔记：web-highlighter】详见： web-highlighter 是一个支持在任意网站上快速实现“在线文本高亮笔记”功能的开源库。它包含了文本高亮笔记，以及永久保存高亮笔记区域的核心功能，并且支持通过它的 API 来实现自己的产品需求。
JavaScript 系列–JavaScript一些奇淫技巧的实现方法（三）数字取整，数组求和数字格式化 1234567890 –> 1,234,567,890；argruments 对象(类数组)转换成数组：
JavaScript 系列–JavaScript一些奇淫技巧的实现方法（二）数字格式化；类数组转数组之前写了一篇文章：JavaScript 系列–JavaScript一些奇淫技巧的实现方法（一）简短的sleep函数，获取时间戳
流程篇 | 避免 evalString 进行回调，使用 JSB 进行手动绑定背景一直以来，ABCmouse 项目中的整体 JS/Native 通信调用结构都是基于 callStaticMethod <-> evalString 的方式。通过 callStaticMethod 方法我们可以通过反射机制直接在 JavaScript 中调用 Java / Objective-C 的静态方法。而通过 evalString 方式，则可以执行 JS 代码，这样便可以进行双端通信。虽…
前端答疑-chrome开发者工具正确食用-看网页源码写这个文章，是因为在今天早上，有两个兄弟找我要源码。有图有真相。我震惊于都 9102年了，身为了一个正（xie）经（xin）前端er，还不会看控制台？
JS基础篇之作用域、执行上下文、this、闭包 js中的作用域是词法作用域，即由函数声明时所在的位置决定的。词法作用域是指在编译阶段就产生的，一整套函数标识符的访问规则。（区别于词法作用域，动态作用域是在函数执行的时候确认的，js的没有动态作用域，但js的 this 很像动态作用域，后面会提到。词法作用域的概念十分重要，请多加记忆并理解。）说到底js的作…