2020年05月_Vam的金豆之路

原创你要的几个JS实用工具函数（持续更新）

你要的几个JS实用工具函数（持续更新）1、封装fetch源码：/** * 封装fetch函数，用Promise做回调 * @type {{get: (function(*=)), post: (function(*=, *=))}} */const fetchUtil = { get: (url) => { return new Promise((resolve, reject) => { fetch(url, {

2020-05-15 14:10:23 3596 3

原创 Vue 3.0 有哪些新特性值得我们提前了解

一、迎接 Vue 3.01. 简介 Vue.js 作者兼核心开发者尤雨溪宣布 Vue 3.0 进入 Beta 阶段。已合并所有计划内的 RFC已实现所有被合并的 RFCVue CLI 现在通过 vue-cli-plugin-vue-next 提供了实验性支持2. 新特性重点关注：更快更省Object.defineProperty ——> Proxy重构 Virtual DOM完全的TypeScript团队开发更轻松架构更灵活，阅读源码更轻松可以独立使用V

2020-05-27 08:54:22 3155

原创重学ES系列之模版字符串

作者：Vam的金豆之路主要领域：前端开发我的微信：maomin9761微信公众号：前端历劫之路

2020-05-24 22:49:03 2272

原创重学ES系列之字符串方面的处理

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>字符串方面的处理</title></head><body> </body&gt

2020-05-24 00:45:50 2836

原创 JS怎么判断鼠标进入离开的方向?

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&lt...

2020-05-23 23:58:18 2446

原创重学ES系列之变量的作用范围

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>变量的作用范围</title></head><body> </body>

2020-05-23 23:50:38 2249

原创送你一个封装的移动端横屏展示的JS库

前言我们经常在移动端横屏展示一些东西，所以今天我们来介绍下怎么在移动端实现横屏展示。效果实现源码：// screenOrientation.jsexport default function (option) { var _this = this; _this.option = { 'mode': 'portrait', //portrait(竖屏)、landscape(横屏) 'id': 'wrap', //最外层容器ID 'init': false, 'callbac

2020-05-19 16:06:41 2478

原创 2分钟实现一个Vue实时直播系统

前言我们在不敲代码的时候可能会去看游戏直播，那么是前台怎么实现的呢？下面我们来讲一下。第一步，购买云直播服务首先，你必须去阿里云或者腾讯云注册一个直播服务。也花不了几个钱，练手的话，几十块钱就够了。这里我拿阿里云举例，购买完了，配置好推流域名跟播流域名，下面我们将进行地址生成。记住下面生成的地址，下面会用到。第二步，下载本地推流工具https://obsproject.com/第三步，设置OBS在第一步中图片底部有推流地址，需要注意，分为两部分填入下方图所示。在AppName字段为分

2020-05-12 23:43:51 10318 4

原创 JS中new操作符做了什么？

1.new操作符做了什么new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。new 关键字会进行如下的操作：创建一个空的简单JavaScript对象（即{}）；链接该对象（即设置该对象的构造函数）到另一个对象；将步骤1新创建的对象作为this的上下文；如果该函数没有返回对象，则返回this。2.简单实现function create(Con, …args...

2020-05-01 15:08:06 15019 1

原创 JS数组去重你知道有几种方法？

1.参考答案一：利用ES6新增数据类型 SetSet类似于数组，但是成员的值都是唯一的，没有重复的值。function uniq(arry) {return […new Set(arry)];}2.参考答案二：利用 indexOffunction uniq(arry) {var result = [];for (var i = 0; i < arry.length; i++)...

2020-05-01 14:57:36 2587

主要领域：前端开发