20200705 前端开发日报

听说,JavaScript 中,这几个操作对象的方法很实用;Javascript模块化-AMD;Node.js 中的缓冲区(Buffer)究竟是什么?;9个优秀的 VUE 开源项目;周末学会了 10个超级实用 Javascript 技巧;2019前端面试系列——JS面试题;HTML5学习之语义;手把手实现Vuex(二)

  1. 听说,JavaScript 中,这几个操作对象的方法很实用

    引言 操作 JavaScript 对象是日常工作中经常接触的工作,随着 JavaScript 的飞速发展,解决问题的方法越来越多了,本文整理了 6 个比较实用的操作对象的方法。 Object.create() 以参数为原型,创建一个新对象实例。 const user = {    name: ‘kylin’,  &nbsp…

  2. Javascript模块化-AMD

    最近写一个小游戏的时候用的是 RequireJs 构建项目,顺便补了一下 RequireJs ,下面讲解一些基础和进阶的用法。 AMD AMD Async Module Definition 代表的意思为异步模块定义,是 Javascript 模块化的浏览器解决方案,它采用异步的方式加载模块,模块的加载不影响它后面语句的运行。所有依赖这个模块的语…

  3. Node.js 中的缓冲区(Buffer)究竟是什么?

    从前端转入 Node.js 的童鞋对这一部分内容会比较陌生,因为在前端中一些简单的字符串操作已经满足基本的业务需求,有时可能也会觉得 Buffer、Stream 这些会很神秘。回到服务端,如果你不想只做一名普通的 Node.js 开发工程师,你应该深入去学习一下 Buffer 揭开这一层神秘的面纱,同时也会让你对 Node.js 的理解提升一个…

  4. 9个优秀的 VUE 开源项目

    Vue 结合了 React 和 Angular 的优点,并且有着团结、活跃且庞大的社区,可以帮助解决开发中遇到的问题。开源社区不断提出解决问题的新方法。工具和库的数量也贡献量不断的增加。 使用 Vue 的好处 该框架非常小。约为18–21KB; Vue 支持用基于组件的方法来构建 Web 应用; 详细的文档。这对于初…

  5. 周末学会了 10个超级实用 Javascript 技巧

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

  6. 2019前端面试系列——JS面试题

    目录 ES5 和 ES6 分别几种方式声明变量 DOM 事件有哪些阶段?谈谈对事件代理的理解 ES6 的 class 和构造函数的区别 transform、translate、transition 分别是什么属性?CSS 中常用的实现动画方式 介绍一下rAF(requestAnimationFrame) javascript 的垃圾回收机制讲一下 …

  7. HTML5学习之语义

    现在绝大多数前端开发都是使用下面的结构。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> </head&g…

  8. 手把手实现Vuex(二)

    上一节我们实现了一个简易版的Vuex,对state,actions,mutations,getters 进行了功能的实现。但是没有对modules进行处理,其实modules才是Vuex中最核心并且是最难实现的。 module Vuex 允许我们将 store 分割成大大小小的对象,每个对象也都拥有自己的 state、getter、mutation、action,这个对象我们把它叫做 module…

  9. JavaScript图形实例:递归生成树

    观察自然界中树的分叉,一根主干生长出两个侧干,每个侧干又长出两个侧干,以此类推,便生长出疏密有致的结构。这样的生长结构,使用递归算法可以模拟出来。 例如,分叉的侧干按45°的偏转角度进行生长的递归示意图如图1所示。 图1  生成树的递归示意图 按照树分叉生长侧干的递归思想,编写如下的HTML代…

  10. 太牛 了快码住GitHub上标星75k超牛的《Java面试突击版》

    不论是校招还是社招都避免不了各种面试。笔试,如何去准备这些东西就显得格外重要。不论是笔试还是面试都是有章可循的,我这个有章可循‘说的意思只是说应对技术面试是可以提前准备。

  11. JavaScript连载21-合并数组、数组中的sort函数实现原理

    一、数组遍历和其他 1.合并数组 数组.concat(数组1,数组2,数组3,…) 可以用来合并多个数组 //合并多个数组concat var arr = ; var arr1 = ; var arr2 = ["xiaoliao&q…

  12. JavaScript图形实例:Koch曲线

    Koch曲线的构造过程是:取一条长度为L0的直线段,将其三等分,保留两端的线段,将中间的一段改换成夹角为60度的两个等长直线;再将长度为L0/3的4个直线段分别进行三等分,并将它们中间的一段均改换成夹角为60度的两段长为L0/9的直线段;重复以上操作直至无穷,可得以一条具有自相似结构的折线,如图1所示。 图1&nbs…

  13. vue项目webpack打包后修改配置文件

    从webpack打包结构中我们知道,vue中有一个存放外部资源的文件夹static,它里面的文件是不会被打包编译的,所以我们就可以利用外部引入js的方式将我们的想要的数据在index.html中以js文件的方式引入,然后就可以全局使用。 具体的方法如下: 1.在项目中找到static文件夹,在里面创建一个配置文件,起名为config.js …

  14. 基于 WebGL实现自定义栅格图层踩坑实录

    以下内容转载自totoro的文章《WebGL-Y轴翻转踩坑实录》作者:totoro 链接:[链接] 来源:[链接] 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

  15. ZooTeam 前端周刊|第 89 期

    什么是Umi.js? umi,中文可发音为乌米,是一个可插拔的企业级 react 应用框架。你可以将它简单的理解为一个专注性能的类 next.js 前端框架,并通过约定、自动…

  16. 手写一个Redux,深入理解其原理

    Redux可是一个大名鼎鼎的库,很多地方都在用,我也用了几年了,今天这篇文章就是自己来实现一个Redux,以便于深入理解他的原理。我们还是老套路,从基本的用法入手,然后自己实现一个Redux来替代源码的NPM包,但…

  17. 你不知道的JS系列——了解 Web Worker

    学习总结+个人理解,巩固+方便查阅,大家愿意看的简单看看就好 为什么需要 Web Worker ? 首先上一张脑图,让我们对浏览器有个大致的了解: 这里最重要的一点: js 引擎是单线程的,且和 GUI 渲染线程互斥。 解释:当 JS 引擎执行时 GUI 线程会被挂起, GUI 更新则会被保存在一个队列中等到 …

  18. 阿里巴巴开源的这个 React Hooks 库,太好用了

    大家好,我是头条菌。 我爱程序员!我的微信号:toutiaoio007,欢迎加我好友,拉你入群~ 今天要推荐的这个阿里巴巴开源的 React Hooks 库,致力提供常用且高质量的 Hooks! 看介绍! 易学易用 包含大量提炼自应用的高级 Hooks …

  19. 关于DOM和BOM知识点汇总(适合初中级前端阅读与学习,2700+字)

    前端的发展史中,我们逻辑语言,曾经一度以“js”(Javascript )称呼。后来,随着前端的发展以及单页面架构到来,前端的逻辑逐渐以“es”(ECMAScript)称呼。 那么,js跟es(或es6)之间,有什么关系呢?答案是:js = es + bom + dom。 我们的文本节点之类,包括nodeType,nodeList,childNodes都属于dom的范畴。 可能你会…

  20. 给 JavaScript 插上多线程的翅膀 —— Web Worker 的 Promise 化实践

    Web Worker 介绍 众所周知,JavaScript 这门语言的一大特点就是单线程,即同一时间只能同步处理一件事情,这也是这门语言衍生出的 nodeJS 被各后端大佬诟病的很重要的一点。 然而,JavaScript 在设计之初,其实是故意被设计成单线程语言的,这是由于它当时的主要用途决定的。 JavaScript 最初的设计初衷是完成页面…

  21. MXFlutter:基于JS的Flutter框架,用JS也能写出Flutter应用

    项目名称: MXFlutter 项目作者: MXFlutter Team 开源许可协议: MIT 项目地址: https://gitee.com/huoxd/MXFlutter 项目简介 MXFlutter 是一套基于 JavaScript 的 Flutter 框架,可以用极其类似 Dart 的开发方式,通过编写 JavaScript 代码,来开发 Flutter 应用,或者使用 mxjsbuilder 编译器,…

  22. canvas 显示模糊问题

    引子 近期的工作中,是继 canvas 宽高问题 之后碰到的第二个问题。 Origin My GitHub 显示模糊问题 在 PC 浏览器上显示时,没有发现明显的模糊,还可以接受。但在手机上就会有明显的模糊。这是 示例 ,扫描访问二维码如下。 示例中,用 css 控制 canvas 的宽高,里面的图片展示效果…

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


关注我

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

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

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