环信即时通讯云

环信即时通讯云

单聊、群聊、聊天室...
环信开发文档

环信开发文档

元宇宙讨论

元宇宙讨论

元宇宙到底是什么?来畅所欲言
RTE开发者社区

RTE开发者社区

汇聚音视频领域技术干货,分享行业资讯
技术讨论区

技术讨论区

技术交流、答疑
资源下载

资源下载

收集了海量宝藏开发资源
iOS Library

iOS Library

不需要辛辛苦苦的去找轮子, 这里都有
Android Library

Android Library

不需要辛辛苦苦的去找轮子, 这里都有
0
评论

uni-app 悬浮框动效 uniapp

马师傅 发表了文章 • 348 次浏览 • 2021-04-27 16:33 • 来自相关话题

<view class="menu" :class="{active:menuFlag}"> <image src="../../static/svg/1.svg" class="menuTrigger" @tap="clickMenu"&... ...查看全部
0
评论

async/await 的错误捕获 async和await

马师傅 发表了文章 • 318 次浏览 • 2021-04-27 16:27 • 来自相关话题

一、案发现场为了更好的说明,举一个很常见的例子:function getData(data) { return new Promise((resolve, reject) => { if (data === 1) { setTim... ...查看全部
0
评论

先看看 VS Code Extension 知识点,再写个 VS Code 扩展玩玩 扩展 前端 jQuery插件

马师傅 发表了文章 • 322 次浏览 • 2021-04-27 16:20 • 来自相关话题

TL;DR文章篇幅有点长 ,可以先收藏再看 。要是想直接看看怎么写一个扩展,直接去第二部分 ,或者直接去github看源码 。第一部分 --- Extension 知识点一、扩展的启动如何保证性能 --- 扩展激活(Extension Activat... ...查看全部
0
评论

react中的组件设计 react

马师傅 发表了文章 • 176 次浏览 • 2021-04-26 18:34 • 来自相关话题

react的组件设计有很多模式。下面列举几种常见的:完全受控组件这种组件设计的特点是,组件的所有state和action都来自props,组件自身没有状态,只负责展示UI层。model层完全交给全局状态管理库比如redux或mobx。不推荐这种组件设计,因为后... ...查看全部
0
评论

如何用webpack优化moment.js的体积 webpack

马师傅 发表了文章 • 253 次浏览 • 2021-04-26 18:32 • 来自相关话题

本篇为转译,原出处。当你在代码中写了var moment = require('moment') 然后再用webpack打包, 打出来的包会比你想象中的大很多,因为打包结果包含了各地的local文件.解决方案是下面的两个webpack插件,任选其一:... ...查看全部
0
评论

git 撤销对文件的追踪 Git

马师傅 发表了文章 • 263 次浏览 • 2021-04-26 18:22 • 来自相关话题

撤销暂存区(index)区的track当我们新增加文件时,使用git status会打印出:Untracked files: (use "git add ..." to include in what will be committed) ... ...查看全部
0
评论

web前端常见的三种manifest文件 前端 web

马师傅 发表了文章 • 590 次浏览 • 2021-04-26 18:20 • 来自相关话题

manifest.jsonmanifest.json经常被用在PWA,用来 告知浏览器 关于PWA应用的一些信息如应用图标、启动应用的画面。举例:{ "short_name": "React App", "name": "Creat... ...查看全部
0
评论

谈谈react hooks的优缺点 hooks react

马师傅 发表了文章 • 360 次浏览 • 2021-04-26 13:55 • 来自相关话题

谈一下个人认为的react hooks的优缺点,通过和传统的React.Component进行对比得出。#优点一、更容易复用代码这点应该是react hooks最大的优点,它通过自定义hooks来复用状态,从而解决了类组件有些时候难以复用逻辑的问题。hooks... ...查看全部
0
评论

React Hooks究竟是什么呢? react

马师傅 发表了文章 • 233 次浏览 • 2021-04-26 11:59 • 来自相关话题

我们大部分 React 类组件可以保存状态,而函数组件不能? 并且类组件具有生命周期,而函数组件却不能?React 早期版本,类组件可以通过继承PureComponent来优化一些不必要的渲染,相对于函数组件,React 官网没有提供对应的方法来缓存函数组件以... ...查看全部
0
评论

当面试官问Webpack的时候他想知道什么 webpack

马师傅 发表了文章 • 249 次浏览 • 2021-04-26 11:56 • 来自相关话题

前言在前端工程化日趋复杂的今天,模块打包工具在我们的开发中起到了越来越重要的作用,其中webpack就是最热门的打包工具之一。说到webpack,可能很多小伙伴会觉得既熟悉又陌生,熟悉是因为几乎在每一个项目中我们都会用上它,又因为webpack复杂的配置和五花... ...查看全部
0
评论

几个优雅的JavaScript运算符使用技巧 Javascript

马师傅 发表了文章 • 235 次浏览 • 2021-04-26 11:45 • 来自相关话题

ECMAScript发展进程中,会有很多功能的更新,比如销毁,箭头功能,模块,它们极大的改变JavaScript编写方式,可能有些人喜欢,有些人不喜欢,但像每个新功能一样,我们最终会习惯它们。新版本的ECMAScript引入了三个新的逻辑赋值运算符:空运算符,... ...查看全部
0
评论

uniapp你是真的坑!! uniapp

马师傅 发表了文章 • 352 次浏览 • 2021-04-23 15:20 • 来自相关话题

最近要做一个锚点的效果,于是用到了这个方法,先获取节点信息,然后根据节点高度与页面滚动距离得到所需滑动的距离,但是这里有一个大坑,搞了两天,百思不得其解!就是h5端是正常的,app上不行,看了文档后也不存在兼容问题,于是,这里省下一百字骂人的话。。。uni.c... ...查看全部
0
评论

h5转uniapp项目技术总结 uniapp h5

马师傅 发表了文章 • 311 次浏览 • 2021-04-23 15:14 • 来自相关话题

h5项目转uniapp项目总结why先说一下为什么要用uniapp,主要是因为之前我们刚做完云闪付小程序(webview页面),老板又让我们做抖音小程序(后面还会做各种小程序),于是我们就想到了uniapp,之前也没做过想想也挺激动的项目目录├── READM... ...查看全部
0
评论

mpvue不维护了,已经成型的mpvue项目怎么办 uniapp mpvue

马师傅 发表了文章 • 290 次浏览 • 2021-04-23 15:13 • 来自相关话题

mpvue作为美团技术团队的一个KPI产品,莫名其妙突然就不维护了,随着node版本和项目依赖不断更新,你会发现你原先的项目可能突然跑不起来了,此时你需要mpvue的替代品,没错,我要说的就是uni-app。只需几步,你可以很轻松的把mpvue项目迁移到uni... ...查看全部
0
评论

JS实现精确倒计时 Javascript

马师傅 发表了文章 • 291 次浏览 • 2021-04-23 14:43 • 来自相关话题

实现倒计时对前端工程师来说,是很常见的需求。那么,要怎么实现精确的倒计时呢?首先,考虑到客户端时间和服务端时间有误差,所以计算倒计时的时候,应该读取服务端的时间。但是,只考虑到这一点还远远不够的。页面运行时间长了,新打开页面的倒计时和原打开页面的倒计时还是存在... ...查看全部
0
评论

webpack手写loader 前端面试 webpack

马师傅 发表了文章 • 222 次浏览 • 2021-04-22 18:32 • 来自相关话题

手写loader   我们在在Webpack配置基础篇介绍过,loader是链式传递的,对文件资源从上一个loader传递到下一个,而loader的处理也遵循着从下到上的顺序,我们简单了解一下loader的开发原则: 单一原则: 每个Loader只做一件事,... ...查看全部
0
评论

深入webpack打包原理 前端面试 webpack

马师傅 发表了文章 • 261 次浏览 • 2021-04-22 18:27 • 来自相关话题

本文讨论的核心内容如下: webpack进行打包的基本原理 如何自己实现一个loader和plugin 注: 本文使用的webpack版本是v4.43.0, webpack-cli版本是v3.3.11,node版本是v12.14.1,npm版本v6.13.... ...查看全部
0
评论

关于 webpack 的几个知识点 前端面试 webpack

马师傅 发表了文章 • 279 次浏览 • 2021-04-22 14:01 • 来自相关话题

随着现代前端开发的复杂度和规模越来越庞大,已经不能抛开工程化来独立开发了,比如 sass 和 less 的代码浏览器是不支持的, 但如果摒弃了这些开发框架,那么开发的效率将大幅下降。在众多前端工程化工具中,webpack 脱颖而出成为了当今... ...查看全部
1
评论

关于webpack面试题总结 前端面试 webpack

马师傅 发表了文章 • 303 次浏览 • 2021-04-22 12:00 • 来自相关话题

最近在读《webpack深入浅出》,总结一下webpack关于面试常见的问题,分享出来,希望可以帮助更多小伙伴在找到心爱的工作和期待的薪水。一.常见的构建工具有哪些?他们各自优缺点?为什么选择了webpack?Grunt、Gulp、Fis3、Rollup、Np... ...查看全部
0
评论

NodeJs中的stream(流)- 基础篇 文件发送 node.js

马师傅 发表了文章 • 240 次浏览 • 2021-04-22 11:48 • 来自相关话题

一、什么是Stream(流) 流(stream)在 Node.js 中是处理流数据的抽象接口(abstract interface)。 stream 模块提供了基础的 API 。使用这些 API 可以很容易地来构建实现流接口的对象。 流是可读的、可写的,或... ...查看全部
0
评论

Bootstrap Table web 前端 HTML5

马师傅 发表了文章 • 235 次浏览 • 2021-04-21 21:53 • 来自相关话题

前端1.BootStrap Table1.1.1 HTML<div> <div class="panel-body table-responsive"> <table id="productTable" class="tab... ...查看全部
0
评论

JavaScript重构技巧 — 函数和类 函数 Javascript

马师傅 发表了文章 • 213 次浏览 • 2021-04-21 21:21 • 来自相关话题

JavaScript 是一种易于学习的编程语言,编写运行并执行某些操作的程序很容易。然而,要编写一段干净的JavaScript 代码是很困难的。在本文中,我们将介绍一些与清理 JavaScript 函数和类有关的重构思想。不要直接对参数赋值在使用参数之前,我们... ...查看全部
0
评论

我是如何在 Vue 项目中做代码分割的 前端 web vue

马师傅 发表了文章 • 220 次浏览 • 2021-04-21 21:18 • 来自相关话题

通常为了开发效率,我们会使用 vue-cli 创建项目,这样创建的项目默认情况下编译是会对代码进行分割的。但是如果是自行配置的 webpack 环境的话,还是很有必要熟悉代码分割的相关知识的。为什么要做代码分割在配置 webpack 的过程... ...查看全部
0
评论

高质量代码的原则 web 安全性

马师傅 发表了文章 • 199 次浏览 • 2021-04-21 21:15 • 来自相关话题

简单性原则What:追求简单自始至终都以最简单的逻辑编写代码,让编程初学者一眼就能看懂。在编程时我们要重视的是局部的完整性,而不是复杂的整体关联性。Why:Bug 喜欢出现在复杂的地方软件故障常集中在某一个区域,而这些区域都有一个共同的特点,那就是复杂。编写代... ...查看全部
0
评论

TS实用工具类型 前端 typescript

马师傅 发表了文章 • 254 次浏览 • 2021-04-21 21:14 • 来自相关话题

Partial<Type>构造类型Type,并将它所有的属性设置为可选的。它的返回类型表示输入类型的所有子类型。例子interface Todo { title: string; description: string; } fu... ...查看全部
0
评论

复杂场景下的h5与小程序通信 HTML5 小程序

马师傅 发表了文章 • 280 次浏览 • 2021-04-20 11:59 • 来自相关话题

复杂场景下的h5与小程序通信一、背景在套壳小程序盛行的当下, h5调用小程序能力来打破业务边界已成为家常便饭,h5与小程序的结合,极大地拓展了h5的能力边界,丰富了h5的功能。使许多以往纯h5只能想想或者实现难度极大的功能变得轻松简单。但在套壳小程序中,h5与... ...查看全部
0
评论

小程序自动化测试 小程序

马师傅 发表了文章 • 284 次浏览 • 2021-04-20 11:53 • 来自相关话题

背景近期团队打算做一个小程序自动化测试的工具,期望能够做到业务人员操作一遍小程序后,自动还原之前的操作路径,并且捕获操作过程中发生的异常,以此来判断这次发布是否会影响小程序的基础功能。上述描述看似简单,但是中间还是有些难点的,第一个难点就是如何在业务人员操作小... ...查看全部
0
评论

键盘设置如何优化小程序使用体验? 小程序

马师傅 发表了文章 • 287 次浏览 • 2021-04-20 11:44 • 来自相关话题

在小程序开发过程中,用户输入是必不可少的,我们经常会需要用户输入一些内容,来完成产品收集用户信息的需求。在这种情况下,我们可以考虑借助小程序提供的一些和键盘相关的 API 来优化小程序的使用体验。Input 组件的 type 属性从小程序的 1.0 版本开始,... ...查看全部
0
评论

小程序canvas实现图片压缩 小程序

马师傅 发表了文章 • 276 次浏览 • 2021-04-20 11:37 • 来自相关话题

我们需要在选择图片后对图片做一次安全校验启用云开发现在我们需要一个 后端接口 来实现图片的 安全校验 功能这时候临时搭个Node服务好像不太现实又不是什么正经项目于是就想到了微信的云开发功能用起来真实方便快捷至于图片的校... ...查看全部
0
评论

小程序的「获取URL Scheme」能力 小程序

马师傅 发表了文章 • 264 次浏览 • 2021-04-20 11:32 • 来自相关话题

最近,微信小程序更新了一项新的能力:「获取URL Scheme」,这是一项非常有用的功能,你可以借助他,在微信生态中实现各种有意思的营销方式。什么是 URL Scheme微信提供了一个接口,可以生成如 weixin://dl/business/?t=... ...查看全部
0
评论

Web 安全 之 Clickjacking web 安全性

马师傅 发表了文章 • 255 次浏览 • 2021-04-19 14:08 • 来自相关话题

Clickjacking ( UI redressing )在本节中,我们将解释什么是 clickjacking 点击劫持,并描述常见的点击劫持攻击示例,以及讨论如何防御这些攻击。什么是点击劫持点击劫持是一种基于界面的攻击,通过诱导用户点击钓鱼网站中的被隐藏了... ...查看全部
0
评论

Web 安全 之 Directory traversal web 安全性

马师傅 发表了文章 • 207 次浏览 • 2021-04-19 14:05 • 来自相关话题

Directory traversal - 目录遍历在本节中,我们将介绍什么是目录遍历,描述如何执行路径遍历攻击和绕过常见障碍,并阐明如何防止路径遍历漏洞。什么是目录遍历?目录遍历(也称为文件路径遍历)是一个 web 安全漏洞,此漏洞使攻击者能够读取运行应用程... ...查看全部
0
评论

Web 安全 之 HTTP Host header attacks web 安全性

马师傅 发表了文章 • 285 次浏览 • 2021-04-19 13:59 • 来自相关话题

HTTP Host header attacks在本节中,我们将讨论错误的配置和有缺陷的业务逻辑如何通过 HTTP Host 头使网站遭受各种攻击。我们将概述识别易受 HTTP Host 头攻击的网站的高级方法,并演示如何利用此方法。最后,我们将提供一些有关如... ...查看全部
0
评论

Web 安全 之 HTTP request smuggling web 安全性

马师傅 发表了文章 • 216 次浏览 • 2021-04-19 13:54 • 来自相关话题

HTTP request smuggling在本节中,我们将解释什么是 HTTP 请求走私,并描述常见的请求走私漏洞是如何产生的。什么是 HTTP 请求走私HTTP 请求走私是一种干扰网站处理多个 HTTP 请求序列的技术。请求走私漏洞危害很大,它使攻击者可以... ...查看全部
0
评论

JS 中循环遍历数组方式总结 Javascript

马师傅 发表了文章 • 198 次浏览 • 2021-04-19 13:51 • 来自相关话题

本文比较并总结遍历数组的四种方式:for 循环:for (let index=0; index < someArray.length; index++) { const elem = someArray[index]; // ··· }... ...查看全部
0
评论

Web 安全 之 DOM-based vulnerabilities web 安全协议

马师傅 发表了文章 • 264 次浏览 • 2021-04-19 10:46 • 来自相关话题

DOM-based vulnerabilities在本节中,我们将描述什么是 DOM ,解释对 DOM 数据的不安全处理是如何引入漏洞的,并建议如何在您的网站上防止基于 DOM 的漏洞。什么是 DOM... ...查看全部
0
评论

Web 安全 之 CSRF CSRF 安全性

马师傅 发表了文章 • 238 次浏览 • 2021-04-19 10:42 • 来自相关话题

Cross-site request forgery (CSRF)在本节中,我们将解释什么是跨站请求伪造,并描述一些常见的 CSRF 漏洞示例,同时说明如何防御 CSRF 攻击。什么是 CSRF跨站请求伪造(CSRF)是... ...查看全部
0
评论

useEffect, useCallback, useMemo三者有何区别? hooks react

马师傅 发表了文章 • 293 次浏览 • 2021-04-19 10:32 • 来自相关话题

背景在目前的react开发中,很多新项目都采用函数组件,因此,我们免不了会接触到hooks。此外,Hooks也是前端面试中react方面的一个高频考点,需要掌握常用的几种hooks。常用的有基本:useState, useEffect, useContext额... ...查看全部
0
评论

关于 Node.js 中的异步迭代器 node.js

马师傅 发表了文章 • 221 次浏览 • 2021-04-19 10:28 • 来自相关话题

从 10.0.0 版开始,异步迭代器就出现在 Node 中了,在本文中,我们将讨论异步迭代器的作用,以及它们可以用在什么地方。什么是异步迭代器异步迭代器实际上是以前迭代器的异步版本。当我们不知道迭代的值和最终状态时,可以使用异步迭代器。两者不同的地方在于,我们... ...查看全部
0
评论

写TypeScript代码的10种坏习惯 typescript

马师傅 发表了文章 • 223 次浏览 • 2021-04-19 10:23 • 来自相关话题

近几年 TypeScript 和 JavaScript 一直在稳步发展。我们在过去写代码时养成了一些习惯,而有些习惯却没有什么意义。以下是我们都应该改正的 10 个坏习惯。1.不使用 strict 模式这种习惯看起来是什么样的没有用严格模式... ...查看全部
0
评论

Vue3 Teleport 简介,请过目,这个是真的好用 vue

马师傅 发表了文章 • 282 次浏览 • 2021-04-16 16:01 • 来自相关话题

关于 vue3 的一个新特性已经讨论了一段时间了,那就是 Portals(传送门) ,它的功能是将模板HTML移动到DOM不同地方的方法。Portals是React中的一个常见特性,Vue2 中可以使用portal-vue库。Vue3 中,提供了&n... ...查看全部
0
评论

webpack踩坑记录 webpack

马师傅 发表了文章 • 264 次浏览 • 2021-04-16 15:46 • 来自相关话题

最近在学习webpack的一些配置,学习的期望就是通过可以通过webpack给html文件中引用的资源例如css、js、img文件加上版本号,避免由于浏览器的缓存造成线上请求的资源依旧是旧版本的东西。首先新建一个webpack的项目(默认大家已经安装node的... ...查看全部
0
评论

2021 年值得关注的 8 个 Node.js 项目 node.js

马师傅 发表了文章 • 284 次浏览 • 2021-04-16 15:34 • 来自相关话题

1. Cytoscape.js网站 https://js.cytoscape.org/这个用于可视化和图形分析的开源 JavaScript 库实现了丰富的交互功能。选择方形区域、平移、捏拉缩放等功能都是开箱即用。Cytoscape 可以用于 Node... ...查看全部
0
评论

两种纯CSS方式实现hover图片pop-out弹出效果 CSS3 HTML5

马师傅 发表了文章 • 227 次浏览 • 2021-04-16 15:25 • 来自相关话题

主要图形的组成元素由背景和前景图两个元素,以下示例代码中,背景元素使用伪元素 figure::before 表示, 前景元素使用 figure img 表示,当鼠标hover悬浮至figure元素时,背景元素产生变大效果... ...查看全部
0
评论

TypeScript Interface vs Type知多少 interface typescript Javascript

马师傅 发表了文章 • 267 次浏览 • 2021-04-16 15:16 • 来自相关话题

接口和类型别名非常相似,在大多情况下二者可以互换。在写TS的时候,想必大家都问过自己这个问题,我到底应该用哪个呢?希望看完本文会给你一个答案。知道什么时候应该用哪个,首先应该了解二者之间的相同点和不同点,再做出选择。接口 vs 类型别名 相同点1. 都可以用来... ...查看全部
0
评论

taro-ui实现省市区三级联动 三级联动 Taro react

马师傅 发表了文章 • 637 次浏览 • 2021-04-15 16:22 • 来自相关话题

因taro-ui没有省市区三级联动,所以我们利用它提供的Picker 实现多列选择器。
0
评论

Node交互式命令行工具开发——自动化文档工具 npm node.js

马师傅 发表了文章 • 214 次浏览 • 2021-04-15 11:07 • 来自相关话题

 nodejs开发命令行工具,流程相对简单,但一套完整的命令行程序开发流程下来,还是需要下点功夫,网上资料大多零散,这篇教程意在整合一下完整的开发流程。  npm上命令行开发相关包很多,例如minimist、optimist、nopt、commander.js... ...查看全部
0
评论

JS前端面试总结 面试题 Javascript

马师傅 发表了文章 • 248 次浏览 • 2021-04-15 10:47 • 来自相关话题

ES5的继承和ES6的继承有什么区别ES5的继承时通过prototype或构造函数机制来实现。ES5的继承实质上是先创建子类的实例对象,然后再将父类的方法添加到this上(Parent.apply(this))。ES6的继承机制完全不同,实质上是先创建父类的实... ...查看全部
1
评论

面向面试编程,面向掘金面试 前端面试 iOS面试 面试题

马师傅 发表了文章 • 288 次浏览 • 2021-04-15 10:36 • 来自相关话题

我使用 curl 与 jq 一行简单的命令爬取了掘金的面试集合榜单,有兴趣的同学可以看看爬取过程: 使用 jq 与 sed 制作掘金面试文章排行榜,可以提高你使用命令行的乐趣关于前端,后端,移动端的面试,这里统... ...查看全部
0
评论

vue 自动化路由实现 路由 vue

马师傅 发表了文章 • 268 次浏览 • 2021-04-14 18:22 • 来自相关话题

1、需求描述在写vue的项目中,一般情况下我们每添加一个新页面都得添加一个新路由。为此我们在项目中会专门的一个文件夹来管理路由,如下图所示那么有没有一种方案,能够实现我们在文件夹中新建了一个vue文件,就自动帮我们添加路由。特别在我们的一个ERP后台项目中,我... ...查看全部