20190618 前端开发日报

送你43道JavaScript面试题;Vue基本知识点;Vue拖拽组件列表实现动态页面配置;Javascript中的树结构;你就说,你明不明白JavaScript的关键字 this?;js基本搜索算法实现与170万条数据下的性能测试;写个 Babel 插件丰富你的 console 内容;《阿里云前端技术周刊》第九期

  1. 送你43道JavaScript面试题 导读 这两天的 GitHub Trending repositories 被一个名叫  javascript-questions 的项目霸榜了,项目中记录了一些 JavaScript 题目。 我大概从头到尾看了一遍,都是一些基础的题目,我大概花了半个小时(有些题很简单,可以一扫而过)把这些题做完了,虽然题目很简单,但是每道题都对应...
  2. Javascript中的树结构 前沿 前端中设计数据结构的方面不多,最常用的就是对 树结构的一些操作 。从某种意义上来说,前端工作本身就是和树结构打交道的一个工作方向。毕竟, DOM就是天然的树结构 。所以如何能够良好地对树结构进行操作,是前端工程师不可或缺的一项能力。 树结构 定义 什么是树结构呢?从数据结构的角度来讲: ...
  3. 你就说,你明不明白JavaScript的关键字 this? 最近,看了一篇关于JavaScript的关键字 this 的教学文章,收益甚多,因此,在这篇文章的基础上,稍微整理了一下,分享给大家。希望可以有助于学习JavaScript的童鞋,好好的理解 this 这个在JavaScript中最重要的关键字。 涵义 1. 定义 this就是属性或方法“当前”所在的对象。 this.property 复制代码 上面代码中...
  4. js基本搜索算法实现与170万条数据下的性能测试 今天让我们来继续聊一聊js算法,通过接下来的讲解,我们可以了解到搜索算法的基本实现以及各种实现方法的性能,进而发现for循环,forEach,While的性能差异,我们还会了解到如何通过web worker做算法分片,极大的提高算法的性能。 同时我还会简单介绍一下经典的二分算法,哈希表查找算法,但这些不是本章的重点,之后...
  5. 写个 Babel 插件丰富你的 console 内容 console.log 相信很多人都用过,作为平时工作中主力调试工具,我常常有些困惑,就是如何找到控制台中打印的信息对应的源码。通常情况会在打印的信息之前加入一些字符串,如下所示: console.log('from handleFileUpload---->', data); 复制代码 那么有没有更好的方式来满足这个需求呢?最好是自动添加信息。因为最...
  6. 《阿里云前端技术周刊》第九期作者:灵沼校对:染陌 知乎:阿里云中台前端/全栈团队专栏Github:阿里云前端技术周刊 给我们投稿:传送门参与交流:传送门 前端速报 拒绝重复造轮子!GitHub推出新功能repository template,帮助开发者在所有项...
  7. JavaScript 线性代数:使用 ThreeJS 制作线性变换动画 本文是“JavaScript 线性代数”教程的一部分。 最近我完成了一篇关于使用 JavaScript 进行线性变换的文章,并用 SVG 网格实现了 2D 的示例。你可以在此处查看之前的文章。但是,那篇文章没有三维空间的示例,因此本文将补全那篇文章的缺失。你可以在 此处 查看本系列文章的 GitHub 仓库,与本文相关的 commit 可以在 ...
  8. vue+element加入签名效果(移动端) !------------------------------------------------------------------------------------------ 下面介绍为了方便就把项目的文件叫作父组件,然后签名的那个组件叫作子组件 ! 如有不太明白的地方,多看看代码注释。为细节地方 1. 首先根据element ui 在父组件中设置好diglog弹框,并且在全局样式下,自定义样式 ...
  9. 协调微前端 现在是时候讨论如何协调微前端了。 首先,关于微前端应该是什么样子,有两种思路,如上一篇文章 中所述,我解释了微前端的不同实现:一个微前端对应着一块用户界面的区域,其中微前端是 SPA 或单个页面。 当我们考虑基于应用的不同逻辑区域(如标题,页脚,付款表单等)的微前端实现时,我们将面临不同的挑战,例...
  10. JavaScript基础专题之原型与原型链(一) function Person(){ } let person1 = new Person() let person2 = new Person() person1.name = 'james' person2.name = 'kobe' 复制代码 我们通过new来创建一个person实例,我们可以看到不同的实例拥有自己的属性。 proto 我们可以看到每个 对象 下都会有__proto__的属性,这个属性会指向该对象的...
  11. Vue源码解析-了解vue插槽slot篇1.这里直接看到组件button-counter编译后的render函数,就不详细从template模板编译说起,直接看最后的render函数:
  12. vue 路由基础(1)vue-router 是 Vue 官方提供前端路由插件,借助它我们实现可以基于路由和组件的单页面应用。
  13. vim-web:像 IDE 一样的 Vim,安装配置自己的 Vim Only tested on Mac OSx 在 vim-web v2 版本插件配置太多,新版本 v3 只配置少量的插件,是一个简单的版本。 目录 安装 快捷键 插件管理器 理解Vim 菜单目录 HTML操作 代码导航 文本内...
  14. 给 node.js 白嫖怪的 5 个免费托管服务 本文翻译自 5 Free Ways To Host Your Node.js App In 2019 <https://amitbend.com/node.js/2019/05/13/five-free-ways-to-host-your-node-app-2019.html> 点击原文链接可达。 希望大家看完本文可以再去原文看看,拒绝二手知识从 pshu 这里开始。 ...
  15. vue 状态管理(三) 我们修改 state,然后刷新浏览器,状态又变化原来的了,因为 state 是存在内存中的,为了点击刷新,状态不回到原来的,就需要 Vuex 提供的插件功能,当然插件还能实现其他复杂的功能。 插件 Vuex 的 store 接受 plugins 选项,这个选项暴露出每次 mutation 的钩子。Vuex 插件就是一个函数,它接收 store 作为唯一参数...
  16. 基于better-scroll的vue滚动组件由于最近一个移动端项目中许多地方有滚动需求, 横向,纵向的都有,所以就基于better-scroll封装了一个通用的滚动组件,期间也踩了一些坑,有时候会滚动失效,初始化的时候就不能滚动等等...better-scroll地址: [链接]
  17. JavaScript递归实现对象深拷贝1.JavaScript递归实现对象深拷贝 JavaScript递归实现对象深拷贝 {代码...} 2. {代码...}
  18. 送你 43 道 JS 面试题》这两天的GitHub Trending repositories被一个名叫 javascript-questions的项目霸榜了,项目中记录了一些JavaScript题目。 (by ConardLi )

    送你 43 道 JS 面试题
  19. 在 Gitlab 中构建 Docker 镜像 有了 Gitlab CI 的脚本能力,又有容器镜像仓库的支持,自然的一个想法就是,在 Gitlab 上构建容器镜像,并推送到镜像仓库之中。 常见的镜像生成流程 生成执行文件(JAR/PHP/PY 等等) 将执行文件和 Dockerfile 等支持文件加入到镜像目录 构...
  20. 在 Gitlab 中构建 Docker 镜像 有了 Gitlab CI 的脚本能力,又有容器镜像仓库的支持,自然的一个想法就是,在 Gitlab 上构建容器镜像,并推送到镜像仓库之中。 常见的镜像生成流程 生成执行文件(JAR/PHP/PY 等等) 将执行文件和 Dockerfile 等支持文件加入到镜像目录 构...
  21. 在 Gitlab 中构建 Docker 镜像 有了 Gitlab CI 的脚本能力,又有容器镜像仓库的支持,自然的一个想法就是,在 Gitlab 上构建容器镜像,并推送到镜像仓库之中。 常见的镜像生成流程 生成执行文件(JAR/PHP/PY 等等) 将执行文件和 Dockerfile 等支持文件加入到镜像目录 构...

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

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

原文:20190618 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20190618.html)