20191102 前端开发日报

运营商劫持狠起来,连 json 都改;调用堆栈以及js的内存回收机制;网站新添加站点设置(后台处理程序分别为PHP,nodejs,python等);关注JavaScript的未来功能;手撸 Promise;基于 ES6 的 Proxy ,100行代码实现一个 XMLHttpRequest 的拦截核心 ajax-proxy;如何优雅地打包前端代码;JavaScript类型检测和转换

  1. 运营商劫持狠起来,连 json 都改 原创:小姐姐味道(微信公众号ID:xjjdog),欢迎分享,转载请保留出处。感谢`neko`的供稿 运营商劫持,是常见的流氓手段,它们老少通吃,连孩子都不放过,经常嚣张的在右下角或者网页头尾,弹出一些羞羞的广告。这让正在辅导孩子功课的妈妈,很难解释。 一、前言 一道经典面试题:当你…
  2. 调用堆栈以及js的内存回收机制 调用栈: 具有LIFO(先进后出)结构。用于存储在代码执行期间创建的所有执行上下文 执行栈,解释器(就像浏览器的JavaScript解释器)追踪函数执行流的一种机制。通过此机制,追踪到哪个函数正在执行,执行的函数体中又调用了哪些函数 每调用一个函数,解释器就会把函数添加进调用栈并开始执行 正在调用栈中执行…
  3. 网站新添加站点设置(后台处理程序分别为PHP,nodejs,python等) 如果要新添加一个站点,首先需要确定的是后台执行程序,是PHP还是nodejs还是python等。然后如果是nodejs等,就是用nginx做反向代理,让请求程序通过转发处理,比如: upstream django { server 127.0.0.1:9999; keepalive 2000; } server{ listen 80; server_name www.wrlod.com wrlod.com; …
  4. 关注JavaScript的未来功能 译者:道奇 作者:Christopher Kade 原文: The future of Javascript – features to keep an eye on 很多我们认为理所当然的功能,map,filter,reduce,const/let,扩展运算符…每个都对我们的代码产生了很大的影响,引用它们可以让我们写更加干净和更高性能的代码。 现在简短的描述一下谁会决定JavaScript…
  5. 手撸 Promise手撸 Promise Promise作为ES6的核心内容,是前端童鞋必备的基础知识!更是面试通关的必刷题! Promise的出现,解决了”蛮荒时代”的回调地狱,让js异步callback走向简洁,优雅! 本文参照Promise/A+实现(不足之处…
  6. 基于 ES6 的 Proxy ,100行代码实现一个 XMLHttpRequest 的拦截核心 ajax-proxy 前一段时间,项目在对 WKWebview 进行适配时,接触到了公共能力组使用的 Ajax-hook 方案,于是便对它的怎么实现的很感兴趣,到网上查资料学习时,找到了作者 @wendux 的Ajax-hook原理解析 这篇文章,当时边看脑子里就边想:“卧槽,这种骚操作怎么感觉 Proxy 也能来一波!”。等看到这篇文章的评论区有个老哥 @银冰雪千载 …
  7. 如何优雅地打包前端代码 我就是头发掉光,累死,死在ICU,也不会使用Docker。 唉呀妈呀,真香。。。 Hyperf In Docker 作为Hyperf框架作者之一,强烈安利大家使用Docker,现在Docker集群技术已经十分成熟,K8s强势领跑,深受一线企业的厚爱,而Swarm使用简单,绝对是中小型企业的首选。 但今天,并不是讲Hyperf在Docker…
  8. JavaScript类型检测和转换 JavaScript的知识点中,类型是易忽视的,关乎细节,你可能因之犯错,但同时也可加以利用,要看熟悉程度。 类型无外乎这几种—数值(number)、字符串(string)、布尔值(boolean)、undefined、null、对象(object)。 同时,object是广义的对象,它又可以包含狭义的对象、数组(array)和函数(function)。 先来看”检测…
  9. 通过 41 个 问答方式快速了解学习 Git阿里云服务器很便宜火爆,今年比去年便宜,10.24~11.11购买是1年86元,3年229元,可以点击 下面链接进行参与:[链接]
  10. 「干货」用 Vue + Echarts 打造你的专属可视化界面(下)前言 接上一篇文章 《「干货」用 Vue + Echarts 打造你的专属可视化界面(上)》),今天着重介绍 标记 的用法,来实现下图中的效果。 所用的 Echarts 的版本号为: v4.3。v-charts 的版本号为:v1.19.0。 标记的…
  11. ES6的Set类型本文内容 Set的基本使用 常用用法 Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。 基本使用 {代码…} iterator <Iterator> 与Map类似,Set接收一个可选的Iterator对象,所有元素将按…
  12. NodeJS 支付宝网站支付 Demo 开发 因为后期的一些需求需要使用到支付宝网站支付业务,而近期又学习了 NodeJS 后端的开发,于是乎从网上找了一些资料,而支付宝开放平台又没有现成的 Demo 案例,也只有 NodeJS 开发的 SDK 所以,自己花了一些时间尝试使用 NodeJS 开发一个示例 Demo 便于后面开发项目时去使用。 测试 DEMO: github.com/xiluotop/No… 开…
  13. Vue Slot小记我们知道在HTML中标签可以分为闭合标签和空标签,其中大多数都是闭合标签,只有少数空标签,比如:<input/>、`<img/>、<base/>、<hr/>等。在Vue中定义的组件也可以采用两种方式来书写。
  14. 你可能不知道的 JSON.stringify 用法JS 中有许多常见的函数,我们可能每天都在使用它们,但是却不知道它们的一些额外功能。JSON.stringify 就是这样的一个函数,今天就来看下它的特殊用法。
  15. Three.js截图并下载的大坑 最近做有关three.js的动画,想通过截图然后在新的页面打开截图,并且想把图片下载到本地,连环坑很ok:ok_hand:嗯。这个必须要记下来! 先来看看普通页面的截图 一开始看到这个,完全没思路,普通的html标签要怎么才能变成一张图???,其实嘞,目前的截图方案都并不是我们理解的那种截图,不管是使用canvas还是svg,…
  16. [技术翻译]您应该知道的13个有用的JavaScript数组技巧 本次预计翻译三篇文章如下: 01. 9个可以让你在2020年成为前端专家的项目 02. 预加载响应式图像,从Chrome 73开始实现 03. 您应该知道的13个有用的JavaScript数组技巧 我为什么要创建这个git仓库?通过翻译国外的web相关的技术文章来学习和跟进web发展的新思想和新技术。git…
  17. 从JavaScript到Python之并发(上) 本文通过分析对比探究JavaScript与Python的并发能力,分上下两篇,上篇探究CPU并发,下篇探究网络IO并发。 测试环境: 操作系统: win10 x64 CPU: Intel i5-8400 6核6线程 复制代码 实现并发操作一般来说有3种方式: 进程 , 线程 和 协程 。 用一个简单的耗时功能来进行测试:递归实现 斐波那契数列 第n项的…
  18. 一线大厂前端怎么做?百度资深前端工程师,带你手写微前端框架本文中的命令仅适用于支持shell的系统,如Mac、乌班图及其他linux发行版。不适用于windows,如果想在windows下执行文章中的命令请使用git命令窗口(需安装git)或linux子系统(win10以下不支持)。
  19. 7个常见的 JavaScript 测验及解答[每日前端夜话0xDE] 每日前端夜话 0xDE 每日前端夜话,陪你聊前端。 每天晚上18:00准时推送。 正文共:2244 字 预计阅读时间:10 分钟 作者:Milos Protic 翻译:疯狂的技术宅 来源: devinduct 介绍 我相信学习新事物并评估我们所知的东西对自己的进步非常有用,可以避免了我们觉得自己的知…
  20. 【THE LAST TIME】一文吃透所有JS原型相关知识点前言 The last time, I have learned 【THE LAST TIME】一直是我想写的一个系列,旨在厚积薄发,重温前端。 也是给自己的查缺补漏和技术分享。 欢迎大家多多评论指点吐槽。 系列文章均首发于公众号【全栈前端精选…

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流