20191024 前端开发日报

【JS 口袋书】第 9 章:使用 JS 操作 HTML 元素;Vue项目中使用Axios封装http请求;VUE框架:基础知识及核心原理;那些你应该知道的 ES6 特性;不使用任何插件,前端原生js从音频数据源上改动尝试音频倒放(未完成);JS 原生面经从初级到高级【近1.5W字】;[小组分享] React 当中性能优化手段整理;【JS 口袋书】第 8 章:以更细的角度来看 JS 中的 this

  1. 【JS 口袋书】第 9 章:使用 JS 操作 HTML 元素 作者:valentinogagliardi 译者:前端小智 来源:github 这几天自己的公众号无套路送现金 200+,参与方式如下: https://mp.weixin.qq.com/s/PT… 文档对象模型(DOM) JS 有很多地方让咱们吐槽,但没那么糟糕。作为一种在浏览器中运行的脚本语言,它对于处理web页面非常有用。在本中,我们将看到…
  2. Vue项目中使用Axios封装http请求 使用axios可以统一做请求响应拦截,例如请求响应时我们拦截响应信息,判断状态码,从而弹出报错信息。请求超时的时候断开请求,还可以很方便地使用then或者catch来处理请求。 下载源码 安装 npm install axios –save 建立http.js文件 在/src/utils/目录下建立一个htttp.js 1.首先导入axios和router。…
  3. VUE框架:基础知识及核心原理 cn.vuejs.org Vue (读音 /vjuː/,类似于 view ) 是一套用于构建用户界面的 渐进式框架 特点:易用、灵活、高效 全家桶:vue + components(vue element / iview…) + vue-router + vuex + vue-cli 类库 vs 插件 vs 组件 vs 框架 类库:jquery、zepto、underscore… 插件:dialog、banner、drag、…
  4. 那些你应该知道的 ES6 特性 原文:https://www.freecodecamp.org/news/these-are-the-features-in-es6-that-you-should-know-1411194c71cb/ 作者:Cristian Salcescu 译者:Hanx 校对者:ZhichengChen 提示:文中的蓝色字体可点击“阅读原文”访问更多内容 ES6 为 JavaScript 这门语言…
  5. 不使用任何插件,前端原生js从音频数据源上改动尝试音频倒放(未完成) 为啥是尝试——因为现在我也没搞明白前端使用blob二进制储存音频到底是个什么解析规则,网上实在找不到参考资料,完全是自己一点一点试出来的,下面说我是怎么试的以及试出来的结果。 界面 三个<audio>标签,分别用来录音,正放和倒放,两个<button>分别用来开始录音和结束录音。 尝试 首先…
  6. JS 原生面经从初级到高级【近1.5W字】是时候撸一波 JS 基础啦,撸熟了,银十速拿 offer;本文不从传统的问答方式梳理,而是从知识维度梳理,以便形成知识网络包括函数,数组,对象,数据结构,算法,设计模式和 http.
  7. [小组分享] React 当中性能优化手段整理内部小组分享底稿. 回顾一下 React class 组件的优化 useMemo 提供的优化 React.memo 优化 useCallback 优化 避免 render 当中的 DOM 操作 class 组件的优化 通过判断减少数据变化触发的重新渲染, 以及之后的 DOM…
  8. 【JS 口袋书】第 8 章:以更细的角度来看 JS 中的 thisJS 中的this关键字对于初学者来说是一个谜,对于经验丰富的开发人员来说则是一个永恒的难题。this 实际上是一个移动的目标,在代码执行过程中可能会发生变化,而没有任何明显的原因。首先,看一下this关键字在其…
  9. 一周 GitHub 开源项目推荐,Star 吧 一周 GitHub 开源项目推荐 点击链接或图片即可阅读 喜欢请分享到朋友圈哦 一款超轻量级通用人脸检测模型,大小仅 1MB 该模型设计是针对边缘计算设备或低算力设备(如用 ARM 推理)设计的一款实时超轻量级通用人脸检测模型,旨在能在低算力设备中如用 ARM 进行实时的通用…
  10. HTTP 服务端架构演进 摘要 在详解http报文相关文章中我们介绍了http协议是如何工作的,那么构建一个真实的网站还需要引入组件呢?一些常见的名词到底是什么含义呢? 什么叫正向代理,什么叫反向代理 服务代理与负载均衡的差别 有了nginx,为啥还需要LVS …
  11. 浅谈JS高阶函数 我们都知道函数是被设计为执行特定任务的代码块,会在某代码调用它时被执行,获得返回值或者实现其他功能。函数有函数名和参数,而函数参数是当调用函数接收的真实的 值 。 今天要说的高阶函数的英文为 Higher-order function , 高阶函数的高阶是什么意思呢? 定义 至少满足下列一个条件的函数 接收一…
  12. 基于Nuxt.js项目的服务端性能优化与错误检测,容错处理 nuxt.js 是一个基于 Vue.js 的服务端渲染应用框架,使用nuxt.js在做同构项目开发时,需要考虑的一些点总结如下: 一、node服务端性能优化(提高node应用程序处理高流量的能力) 基于nuxt.js的服务端渲染项目我们能做的服务端性能优化有以下几点(需要注意的是持久化缓存不应该在本地开发环境去做,这样在缓存期间不会…
  13. 前端小菜,先别慌——JS篇(数组) 随着前端MVVM框架(React,Vue,Angular)的全面普及,前端工程师在数据操作上耗费的时间越来越多;数组作为数据的主要载体,自然挑起了大梁,在前端编码中扮演者不可或缺的角色。因此,数组是菜鸟们的前端成长之路上,必须消灭的一个精英怪。 1. 开始之前 在讲数据的创建,访问,遍历以及其他具体的操作方法之前,我…
  14. vue-next/runtime-core 源码阅读指南最近又抽时间把 vue-next/runtime-core 的源码陆陆续续地看完了,期间整理了很多笔记,但都是碎片化的。本来是想整理一下,写成一篇文章分享出来的,但是感觉最终的成果物只能是一篇篇幅巨长的解析文,就算我一行…
  15. Flutter插件之webview_flutter简要使用说明 本文以官方插件及代码为例,简要说明 webview_flutter 插件的使用,包括基本的使用,加载本地 html 文本,以及 Flutter 调用 js 、 js 调用 Flutter 等。 前言 最近项目使用到官方的 webview_flutter 插件,虽然官方有提供 Example 但并没有提供什么说明文档,这里记录一下自己的使用情况。以官方代码为例,方…
  16. WebAssembly 完全入门:了解 wasm 的前世今身 接触 WebAssembly 之后,在 google 上看了很多资料。然而,这些资料对 WebAssembly 的使用、介绍、意义等方面的解释都比较模糊和笼统,总是令人感觉没有获得预期的收获,要么是因为文章中的例子自己去实操不能成功,要么就是不知所云、一脸蒙蔽。本着业务催生技术的态度,这篇文章就此诞生了。本文主要是对 WebAssembly …

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

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


关注我

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

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

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