20190618 前端开发日报-前端开发博客

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

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