20200625 前端开发日报

JavaScript类型判断的四种方法;几道面试题理解JavaScript运行机制;Webpack之SplitChunks插件用法详解;2.(译)图说前端-ArrayBuffers 和 SharedArrayBuffers;HTML 转 PDF 工具 Wkhtmltopdf 安装使用;Deno 1.0 发布:为 JavaScript 和 TypeScript 提供安全运行时环境;2020年,我们该如何学习 WEB 前端开发?;构建基于 iOS 模拟器的前端调试方案

  1. JavaScript类型判断的四种方法

    JavaScript有八种内置类型,除对象外,其他统称为“基本类型”。 空值(null) 未定义(undefined) 布尔值(boolean) 数字(number) 字符串(string) 对象 (object) 符号(symbol, ES6中新增) 大整数(BigInt, ES2020 引入) Symbol: 是ES6…

  2. 几道面试题理解JavaScript运行机制

    文章中若有错误的地方,欢迎指出。 我们先来看看下面:point_down:几道面试题: // example1 let a = {}, b = ‘0’, c = 0; a = ‘堆栈’; a = ‘内存’; console.log(a );//内存 —————————————————————– // example 2 let a = {}, b = Symbol(‘1’), c = Symb…

  3. Webpack之SplitChunks插件用法详解

    SplitChunks插件是什么呢,简单的来说就是Webpack中一个提取或分离代码的插件,主要作用是提取公共代码,防止代码被重复打包,拆分过大的js文件,合并零散的js文件。 提到前端优化,提取公共代码是必不可少的手段。在Webpack出现前,提取公共代码是人为去处理,而SplitChunks插件的作用就是通过配置让Webpack去帮你提…

  4. 2.(译)图说前端-ArrayBuffers 和 SharedArrayBuffers

    在 上一篇文章 ,我解释了像JavaScript这样的自动内存管理语言如何与内存一起工作,我还解释了像C语言这种手动内存管理如何工作。 当我们谈论 ArrayBuffers 和 SharedArrayBuffers 的时候,为什么花了大篇幅介绍内存管理呢? 这是因为Arraybuffer为您提供了一种手动处理某些数据的方法,即使您使用的是具有自动内…

  5. HTML 转 PDF 工具 Wkhtmltopdf 安装使用

    空心菜 读完需要 5分钟 速读仅需 2 分钟 在这里推荐一款比较好用的 HTML 转换为 PDF 的工具 Wkhtmltopdf,安装使用介绍如下。 1 Centos7 下安装 系统信息: 系统: Centos7.6 CPU架构: X86 系统架构: 64位 在版…

  6. Deno 1.0 发布:为 JavaScript 和 TypeScript 提供安全运行时环境

    经过了为期 2 年的开发,Deno 终于在 2020 年的 5 月份完成了 1.0 版本 。其 官方网站 宣称,Deno 为 JavaScript 和 TypeScript 提供了一个安全的运行时环境。听起来是不是和 Node.js 类似?没错,就是这样,因为 Deno 是由 Node.js 的原班人马开发的。Ryan Dahl(Deno 和 Node.js 作者)之前发表过一篇文章—— “关于 …

  7. 2020年,我们该如何学习 WEB 前端开发?

    每当想要开始学习,脑子里总会跳出一系列问题:WEB前端的学习先后顺序是什么?PC端必须要掌握哪些知识和框架?移动端要掌握哪些知识和框架?TypeScript和node.js是否为可学可不学?新手应该按照什么先后次第学习呢?本文是阿里巴巴淘系技术部高级前端工程师——小问的个人经验总结,希望帮到处于迷茫期的你! 我们可以…

  8. 构建基于 iOS 模拟器的前端调试方案

    我们在开发 iOS App 内的前端页面时,有一个很大的痛点,页面无法使用 Safari Inspector 等工具调试。遇到了问题,我们只能想办法加 vConsole,或者注入 Weinre,或者盲改,实在不行就找客户端同学手动打包调试,…

  9. 在 JavaScript 中替换所有指定字符 3 种方法

    点赞再看,养成习惯本文 GitHub [链接] 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。

  10. JavaScript|箭头函数的用法

    欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。 问题描述 JavaScript ES6标准新增了比较重要的一种新的函数:Arrow Function(箭头函数),但大多数人都不能很好的了解箭头函数的用法,也不能区别箭头函数和function(),所以接…

  11. JS运用:热歌榜单的批量选择功能实现

    作者: Culaccino酱 来源:掘金 特别声明:原创不易,未经授权不得对此文章进行转载或抄袭,否则按侵权处理,如需转载可联系我,希望各位尊重原创的知识产权。 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 写在前面 现在许多的音乐软件都拥有自己的歌曲巅峰榜区块。用户能…

  12. threejs游戏开发经验总结

    2020年6月21日,中国大部分地区可观测到日环食现象,头条热点联合新华社开展了一个日环食H5活动,以游戏的形式展开,附带直播、资讯等内容分发。我负责本次运营活动的 H5 游戏部分开发。 体验入口(仅适配移动端): 今日头条端内搜索 “日环食大挑战” 链接直接打开: 日环食大挑战 实现基于 three…

  13. 在webview_flutter中封装JSBridge

    本文同步在个人博客 shymean.com 上,欢迎关注 最近的业务需要使用Flutter开发App应用了,其中打算将部分已有的Web应用进行复用,因此需要研究一下Flutter的Hybird应用开发。本文主要整理在Flutter中使用Webview的教程和遇见的一些问题,最后给出了关于Flutter中对JSBridge的简单封装。 本文完整代码均放在 github…

  14. vue小白日记之layout布局组件

    本猿由于公司业务接触到了,面对@花裤衩大大的vue-admin-element快速开发平台进行二次开发,源代码布局中大列使用了element-ui,对于我这个刚接触element-ui的小白真的太痛苦TAT !自己萌生了封装布局的想法,实现组件布局,组件功能分离化。 何为布局分离 我们先看下正常使用一般布局代码 html <el-row :gu…

  15. JavaScript之原型 & 原型链

    JavaScript 中万物皆对象,对象皆出自构造函数。 对象分为:函数对象和普通对象。 对象独有: __proto__ constructor ; 函数独有: prototype 。 JavaScript 中函数也是对象,故函数也拥有 __proto__ constructor 属性。 原型 定义:给其它对象提供共享属性的对象。 prototype 自己也是对象,只…

  16. JavaScript之深入理解立即调用函数表达式(IIFE),你对它的理解,决定了它的出镜率(系列六)

    立即调用函数 本篇文章,主要讲解的立即执行函数或自执行匿名函数的含义、用法、以及使用它的主要场景。系列的前面几篇文章主要讲解了作用域、原型、执行上下文,本篇文章一样起到了承上启下的作用,如果您感兴趣,不妨去看看哦~ 传送门 目录 一、了解立即调用函数表达式 二、立即调用函数表达式报错…

  17. 你不知道javascript–笔记

    ​ 作用域是一套规则,用于确定在何处以及如何查找变量(标识符)。如果查找的目的是对 变量进行赋值,那么就会使用 LHS 查询;如果目的是获取变量的值,就会使用 RHS 查询。作用域是一套规则,用于确定在何处以及如何查找变量(标识符)。如果查找的目的是对 变量进行赋值,那么就会使用 LHS 查询;如果目的是获取…

  18. 用JS来理解设计模式(三)——装饰者模式

    距离上篇文章已经过去一个月了,没想到时间竟是如此匆忙,容不得你一点喘息(可能是我喘息太多了)。本来想着每两周一篇的设计模式的规划就这样被自己打破了,不过没关系,看过的一本书里有说过,对自己的预期要有失败的包容,不能泄气,否则懈怠下来,导致下一篇文章久久写不出来,那就变成负反馈了。 这次讲的装饰者…

  19. 10个打开了我新世界大门的 WebAPI

    你可能已经知道并使用更为流行的 Web APIs(Web Worker,Fetch等),但也有少数不那么流行的 API,我个人喜欢使用,并建议你也尝试一下。

  20. JavaScript重要事件大回顾

    Hello,大家好!我是Cathy海希。 接下来终于就要正式进入JavaScript(以下简称JS)的学习,想想还有些小激动呢!俗话说得好,“知己知彼,百战百胜”,在学习JS之前,让我们一起来看看它的发展过程中那些重要的事件吧! 诞生 1995年,由美国程序员布兰登创造。他当时正在为网景(NetScape)工作,公司让他为浏览器开发…

  21. Vue项目中使用国际化, 并配置动态切换语言的方法

    主要由以下几个模块组成由 : srcmain.js srclocalesindex.js srclocaleszh_CN.json srcutilsconfig.js # srcmain.js {代码…} # srclocalesindex.js {代码…} # srclocaleszh_CN.json 示例项目包…

  22. 如何简化 Canvas 图片绘制

    目前所有的 APP 或者 web 页面都可以直接分享到朋友圈,从朋友圈看到一条分享动态,很难区别这条动态是公众号文章,还是一支 H5 的链接。 相比之下,在朋友圈发一张图片,会更容易吸引朋友的注意,内容也可以更直接的曝光。同时微信可以识别图片中的二维码,又能起到回流作用。 而单一的图片又会缺乏趣味性。因此,…

  23. 你不知道的 Web Workers (上)[7.8K 字 | 多图预警]

    阅读完本文你将学到以下知识: 进程与线程的区别:进程与线程的概念及单线程与多线程; 浏览器内核的相关知识:GUI 渲染线程、JavaScript 引擎线程、事件触发线程等; Web Workers 是什么:Web Workers 的限制与…

  24. JS执行上下文的两个阶段做了些啥?

    点赞再看,养成习惯本文 GitHub [链接] 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。

  25. Flutter 新闻客户端 – 03 静态路由、组件抽取、登录注册界面

    B站视频 [链接] 本节目标 静态路由 带阴影的椭圆图标 输入有效性校验 组件抽取方法 通用组件、业务组件 程序目录组织 抽取透明导航栏 toast 提示组件 1 静态路由 1.1 定义静态路由 登录页 lib/pages/sign_in/sign…

  26. 另辟蹊径搭建阅读 React 源码调试环境:支持所有 React 版本细分文件断点调试

    引言(为什么写这篇文章) 若要高效阅读和理解React源码,搭建调试环境是必不可少的一步。而常规方法:使用react.development.js和react-dom.development.js调试,虽然方便,但无法知道每段代码属于哪个细分文件,所以本文将介绍一种取巧的方法搭建便于调试React源码的环境,支持断点调试细分文件,并且此方法…

更多内容请关注公众号【前端开发博客】每日更新


关注我

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

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

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