20190405 前端开发日报

你真的懂JavaScript基础类型吗;来了老弟,最简单的Promise原理;JavaScript大师必须掌握的12个知识点;LeetCode 之 JavaScript 解答第一题 —— 两数之和(Two Sum);使用 nodejs 写爬虫(-): 常用模块介绍和前置JS语法;JavaScript垃圾收集;深入了解浏览器存储–从cookie到WebStorage、IndexedDB;《前端面试手记》之JavaScript基础知识梳理(下)

  1. 你真的懂JavaScript基础类型吗 夯实Javascript基础。 基本类型有六种: null,undefined,boolean,number,string,symbol。 基本类型的值是保存在 栈内存 中的简单数据段 基础类型特性 基础类型最重要的特性 基础类型是不变的 因此:基础类型没有splice,sort之类的直接改变变量的方法 强行改变…
  2. 来了老弟,最简单的Promise原理 Promise 是一种异步编程的解决方案,通过链式调用的方式解决回调地狱。作为前端面试中的考点,也是前端的基本功,掌握其原理是非常重要的。本次分享就从 Promise 的使用方式上出发,一步一步剖析其原理,最后帮助大家封装出自己的 Promise 。 注:如果你还不了解 Promise ,建议点击这里学习 Promise 的基本使用语法…
  3. JavaScript大师必须掌握的12个知识点译者按: 前端技术涉及的越来越多! 原文: 10 things to learn on the way to becoming a JavaScript Master 译者: Fundebug 为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习…
  4. LeetCode 之 JavaScript 解答第一题 —— 两数之和(Two Sum) Given an array of integers, return indices of the two numbers such that they add up to a specific target.You may assume that each input would have exactly one solution, and you may not use the same element twice. 问题:给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为…
  5. 使用 nodejs 写爬虫(-): 常用模块介绍和前置JS语法 本篇是使用 nodejs 写爬虫系列教程的第一篇, 介绍了使用 nodejs 写爬虫过程中常用的模块和一些必须掌握的 js 语法 常用模块 常用模块有以下几个: fs-extra superagent cheerio log4js sequelize chalk puppeteer fs-extra 使用 async/await 的前提是必须将接口封装成 …
  6. JavaScript垃圾收集 JavaScript 具有自动垃圾收集机制,也就是说,执行环境会负责管理代码执行过程中使用的内存。而在 C 和 C++ 之类的语言中,开发人员的一项基本任务就是手工跟踪内存的使用情况,这是造成许多问题的一个根源。在编写 JavaScript 程序时,开发人员不用再关心内存使用问题,所需内存的分配以及无用内存的回收完全…
  7. 深入了解浏览器存储–从cookie到WebStorage、IndexedDB随着移动网络的发展与演化,我们手机上现在除了有原生 App,还能跑“WebApp”——它即开即用,用完即走。一个优秀的 WebApp 甚至可以拥有和原生 App 媲美的功能和体验。WebApp 优异的性能表现,有一部分原因要归功于…
  8. 《前端面试手记》之JavaScript基础知识梳理(下) 内容速览 实现ES5继承的4种方法 原型和原型链 作用域和作用域链 Event Loop 执行上下文 闭包的理解和分析 查看全部教程 / 阅读原文 ES5继承 题目:ES5中常用继承方法。 方法一:绑定构造函数 缺点:不能继…
  9. 前端战五渣学JavaScript——深克隆(深拷贝) 5种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和String; 1种复杂数据类型:Object; 基本数据类型(5种简单数据类型): 直接存储在栈(stack)中的数据 引用类型(复杂数据类型Object): 存储的是该对象在栈中引用,真实的数据存放在堆内存里 浅克隆 基础数据类型 (我个…
  10. Javascript中的原型继承的实现 这篇文章是翻译一篇文章《 blog.vjeux.com/2011/javasc… 》 这是法国前端工程师Vjeux 2011年写的一篇文章,用假设、代码表现的方法,通俗易懂的解释了一下Javascript的设计原理,给人醍醐灌顶的感觉。希望你能从中能学到知识,如果内容有误,还请指出,多谢! 翻译: 上网一搜,遍地都是写Javascript的原型…
  11. 深入 JavaScript 常用的8种继承方案 本文基于 《JavaScript 常用八种继承方案》 ,细化了原理分析和代码注释,从原型链开始逐渐深入至 ES6 的 extends 。 原型链继承 这个是大家都知道的: function Parent(name) { this.name = name this.relation = } Parent.prototype.say = function () {/*…*/} function …
  12. #前端技术#【从没有人告诉过我的 CSS 小知识】详见: 本文作者记录了研究 CSS 过程中学到的关于 CSS 的一些要点,同时也分享了一些有意思的工具。(译者:Xuyuey)

    从没有人告诉过我的 CSS 小知识
  13. 深入剖析Vue源码 – 数据代理,关联子父组件 简单回顾一下这个系列的前两节,前两节花了大篇幅讲了vue在初始化时进行的选项合并。选项配置是vue实例化的第一步,针对不同类型的选项,vue提供的丰富选项配置策略以保证用户可以使用不同丰富的配置选项。而在这一节中,我们会分析选项合并后的又两步重要的操作: 数据代理和关联子父组件关系,分别对应的处理过程为ini…
  14. JS+CHM捆绑后门 思路: 利用CHM后门调用rundll32.exe执行javascript获取恶意代码并执行 结果: 交互式shell or meterpreter(poershell) 0x02 chm后门 calc.exe P0c <!DOCTYPE html><html><head><title>Mousejack replay</title><head></head><b…
  15. 了解一下JavaScript继承的方法 function P1() { this.name = "p1" } P1.prototype.say = function() { console.log(‘say’) } function C1() { P1.call(this) // 关键 this.age = 1 } 复制代码 这是最简单的一种方式,但是这种方式存在一种明显的缺陷,即只能继承构造函数内的属性, 不能继承原型链上的属性和方法 。…
  16. 剑走偏锋之Vue 组件通信(一)—通过$parent和$children构建自己的通讯方式 在我平常的开发中,很多问题都是见招拆招,遇到了便去解决。长此以往,出现了一个大问题,就是会反复的碰到这个问题,而反复去解决,因为上次解决的方式不一定能记到。就像你看你几个月前的代码,都觉得:卧槽,谁的代码,这么烂。所以,最好的方式就是总结,不断总结。 Vue 的简便之处便在于组件,组件之间的复用让 …
  17. 灵活使用 console 让 js 调试更简单Web开发最常用的高度就是 console.log ,虽然 console.log 占有一席之地,但很多人并没有意识到 console 本身除了基本 log 方法之外还有很多其他方法。 适当使用这些方法可以使调试更容易,更快速,更直观。
  18. 浏览器多线程和js单线程 在涉及浏览器多线程和js单线程之前,我们先铺垫一下前置概念: 1、进程(process) 进程和线程都是操作系统的概念。 进程是应用程序的执行实例,每个进程是由私有的虚拟地址空间、代码、数据和其它各种系统资源组成,即进程是操作系统进行资源分配和独立运行的最小单元。 当我们启动一个应用,计算机会至少创建…
  19. webpack手动配置笔记 通过 @vue/cli 搭建交互式的项目脚手架。 webpack创建项目 vue init webpack my-vue 复制代码 根据需要安装,建议都进行安装 当看到这个,表示安装成功 按提示运行项目 npm run dev 复制代码 当看到这个表明,启动成功 浏览器,输入http://localhost:8080/ 项…
  20. 懂编译真的可以为所欲为|不同前端框架下的代码转换整个前端领域在这几年迅速发展,前端框架也在不断变化,各团队选择的解决方案都不太一致,此外像小程序这种跨端场景和以往的研发方式也不太一样。在日常开发中往往会因为投放平台的不一样需要进行重新编码。前段…
  21. js基础(二):构造函数与原型(看完必懂)写在最前:构造函数和原型模式的使用场景很广泛,但因为对概念的混淆不清导致无法熟练掌握。切图带你从代码和流程图一步步攻克,纯干货,建议收藏详看,原型模式理解图非常重要,务必多看几遍!
  22. Vue项目实战(一)——ToDoList @ vue-cli2搭建待办事项项目 create by db on 2019-3-10 16:28:10 Recently revised in 2019-4-1 17:06:13 Hello 小伙伴们,如果觉得本文还不错,麻烦点个赞或者给个 star,你们的赞和 star 是我前进的动力! GitHub 地址 查阅网上诸多资料,并结合自己的学习经验,写下这篇Vue学习笔记,以记录自己的学…
  23. 微信小程序自定义单页面、全局导航栏》产品说小程序返回到首页不太方便,想添加返回首页按钮,UI说导航栏能不能设置背景图片,因为那样设计挺好看的。 (by 小白)

    微信小程序自定义单页面、全局导航栏
  24. <script> 属性详解默认情况下,浏览器是同步加载 JavaScript 脚本,即渲染引擎遇到<script>标签就会停下来,等到执行完脚本,再继续向下渲染。如果是外部脚本,则先去下载脚本,再执行脚本,等到执行完脚本,再继续向下渲染。
  25. Node.js 应用故障排查手册 —— Node.js 性能平台使用指南前一节中我们借助于 Chrome devtools 实现了对线上 Node.js 应用的 CPU/Memory 问题的排查定位,但是在实际生产实践中,大家会发现 Chrome devtools 更加偏向本地开发模式,因为显然 Chrome devtools 不会负责去…
  26. React 组件单元测试 React组件自动化测试 1. 为什么要进行自动化测试 当我们编写一个组件的时候,要怎么保证组件功能能达到预期呢?你可能回答:我可以人工测试。但是当经历三四次迭代,当有多人协调开发,当进行重构的时候,如何能快速的验证组件是否依然正确执行?这正是需要自动化测试的原因。无论经历多少次迭代,…
  27. Vue传参一箩筐 Vue页面、组件之间传参方式繁多,此处罗列出常用的几种方式,欢迎审阅补充。 一丶路由传参 这里的路由传参以编程式 router.push(…) 为例,声明式 <router-link :to="…"> 与之类似。此处模拟情景为从 componentsA.vue 页面跳转到 componentsB.vue 页面传参。首先,路由配置信息如下: rout…
  28. Node.js通过Dubbo2.js调用Java Dubbo 是一个由阿里开源的 RPC 框架。 简单说下RPC框架的背景。 Dubbo 是一种 RPC 框架,应用在分布式服务。 2. 使用 Dubbo 实现 Java 互调 ​ 首先我们可以先尝试下同语言下的 Dubbo 调用,从容易开始。 ​ 可以参考下 dubbo 官方文档 dubbo.apache.org/zh-cn/docs/… ​ 这边简单尝试下…

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

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


关注我

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

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

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