随笔分类 - JavaScript
1
摘要：### 1、Tab组件  **功能** - 支持默认选中tab - 子元素可以是文本或者图片 - 自定义tab的数
阅读全文
摘要：## 1、使用场景 在日常开发中，我们会将重复代码抽象为一个函数或者组件，然后在需要时调用或者引入。但是，对于某些功能，这种方法可能不够优雅或者不够灵活。例如，我们可能需要在DOM元素上添加一些自定义属性或者绑定一些事件，这些操作可能难以通过函数或组件来实现。这时，[自定义指令](https://v
阅读全文
摘要：前言 网络爬虫 （又称为网页蜘蛛，网络机器人，在FOAF社区中间，更经常的称为网页追逐者），是一种按照一定的规则，自动地抓取万维网信息的程序或者脚本。另外一些不常使用的名字还有蚂蚁、自动索引、模拟程序或者蠕虫。 我们可以使用网络爬虫对数据信息进行自动
阅读全文
摘要： 在平时的业务开发中， 数组(Array) 是我们经常用到的数据类型，那么对数组的排序也很常见，除去使用循环遍历数组的方法来排列数据，使用JS数组中原生的方法 sort 来排列（没错，比较崇尚JS原生的力量）。 "面试题 如何判断一个对象是不是数组类型原文链接" 1、举个栗子
阅读全文
摘要：1、背景 很多网站为了实现推送技术，所用的技术都是 Ajax轮询 。轮询是在特定的的时间间隔由浏览器对服务器发出HTTP请求，然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点，即浏览器需要不断的向服务器发出请求，然而HTTP请求可能包含较长的头部，其
阅读全文
摘要： 几乎所有的编程语言都能够储存变量，并且能在之后对这个变量值进行访问或修改，正是储存和访问变量的能力将 状态 带给了程序，那么，这些变量储存在哪里呢？程序需要时又是如何找到他们？这些问题说明需要一套设计良好的规则来储存变量，并且之后可以方便的找到这些变量，这套规则被称为 作用域
阅读全文
摘要：1、前言 在平时工作开发中，大部分开发人员都花费大量的时间在维护其他人员的代码。很难从头开始开发新代码，很多情况下都是以他人成果为基础的，或者新增修改需求，自己写的代码也会被其他开发人员调用，所以写好一份高质量可维护的代码就显得十分重要。 2、什么是可维护代码 可维护代码需要
阅读全文
摘要：在平时项目开发中，我们经常会对文件做一些上传操作，不仅仅要实现基本需求，也要兼顾用户体验，根据自己在工作中遇到的问题谈谈对图片上传的预览以及上传进度的优化。 1.搭建项目 基于Vue.js+axios搭建的项目，新建一个Index.Vue项目如下，基本结构可以先可以选择文件，预览文件。 input的
阅读全文
摘要：前言 前端技术更新的实在是太快了，各种框架百花齐放，随着NodeJs不断的兴起，各种构建工具也是层出不穷，这不，前两周尤雨溪开源了 "Vue.js3.0" 源码之后，很多大佬早已把源码剖析皮都不剩了；昨天 "NodeJs13.0" 又发布了，真的是学学学不动了，不过既然选择了程序员这条道路，就得时刻
阅读全文
摘要：在平时的业务开发或者面试过程中，经常会遇到交换两个变量这种问题，于是，个人总结以下几种交换变量的方法： 1.方案一 使用一个临时变量来交换 2.方案二 使用ES6解构赋值语法来交换 3.方案三利用数组 根据运算符的优先级，首先执行b=a,将a的值赋值给b，然后通过数组索引将b赋值给a,一行代码解决两
阅读全文
摘要：前言 最近利用业余时间阅读了胡子大哈写的《React小书》，从基本的原理讲解了React，Redux等等受益颇丰。眼过千遍不如手写一遍，跟着作者的思路以及参考代码可以实现基本的Demo，下面根据自己的理解和参考一些资料，用原生JS从零开始实现一个Redux架构。 一.Redux基本概念 经常用Rea
阅读全文
摘要：在项目开发中，我们往往会遇到一个页面需要加载很多图片的情况。我们可以一次性加载全部的图片，但是考虑到用户有可能只浏览部分图片。所以我们需要对图片加载进行优化，只加载浏览器窗口内的图片，当用户滚动时，再加载更多的图片。这种加载图片的方式叫做图片懒加载，又叫做按需加载或图片的延时加载。这样做的好处是：1
阅读全文
摘要：1.前言 在平时的业务开发中，前端通常需要请求后台获取数据，或者NodeJs读取文件等等一系列的异步操作，我们通常需要利用异步操作的结果或者对异步操作的结果进行处理。通常我们的解决方案是：在异步操作成功或者失败的回调函数里面写方法，在异步操作比较简单的时候这样写代码还是比较好理解的，当业务逐渐趋于复
阅读全文
摘要：1.背景 最近在做一个单页面的管理后台项目，为了提高开发效率，使用了Vue框架来开发。为了使各个部分的功能，独立结构更加清晰，于是就拆分了很多组件，但是组件与组件之间数据共享成了一个问题，父子组件实现起来相对简单，prop，$emit，$on就能搞定。除此之外，有很多兄弟组件和跨多级组件，实现起来过
阅读全文
摘要：平时在使用Vue框架的业务开发中，组件不仅仅要把模板的内容进行复用，更重要的是组件之间要进行通信。组件之间通信分为三种：父-子；子-父；跨级组件通信。下面，就组件间如何通信做一些总结。 1.父组件到子组件通过props通信 在组件中，使用选项props来声明需要从父级组件接受的数据，props的值可
阅读全文
摘要：各位小伙伴在面试中被面试官问道this指向问题一定不少吧，同时还被问道apply,call和bind的用法区别，现在，就来简单的聊一聊this到底指向何方。 1.基本概念 MDN的官方解释：与其他语言相比，函数的 this 关键字在 JavaScript 中的表现略有不同，此外，在严格模式和非严格模
阅读全文
摘要：1.WebRTC开发背景 由于业务需求，需要在项目中实现实时音视频通话功能，之前基于浏览器开发的Web项目要进行音视频通话，需要安装flash插件才能实现或者使用C/S客户端进行通信。随着互联网技术的驱动下，在很多场景下需要进行音视频通信，在生活中我们现在使用电话越来越少，使用微信和视频越来越多。在
阅读全文
摘要：在前端面试中，我们经常会被问道，如何判断一个对象是不是数组类型，下面就这一点展开详细的描述，并总结一下共有几种方法。 1.我们首先回顾一下typeof操作符的用法 操作符可以用来检测给定变量的数据类型，返回的值有以下几种：undefined，boolean，string，number，object，
阅读全文
摘要：Array类型也是ECMASCRIPT中最常见的数据类型，而且数据的每一项可以保存任何类型的数值，而且数组的大小是可以动态调整的，可以随着数据的添加自动增长以容纳新的数据。下面，总结数据的一些常用方法： 1.创建数组 1.1.使用Array构造函数 1.2.数组字面量创建 2.读取和设置数组的值 i
阅读全文
摘要：ES6是JavaScript语言的新一代标准，是ECMAScript的第六个版本，加入了很多新的功能和语法，在很多框架，如在使用Vue,React等框架的项目中一般都采用ES6语法来编写的，下面对经常用到的ES6语法做简要的介绍。 1.let,const let和const是ES6中新增的两个关键字
阅读全文
1
