注册
环信即时通讯云

环信即时通讯云

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

环信开发文档

环信FAQ

环信FAQ

集成常见问题及答案
RTE开发者社区

RTE开发者社区

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

技术讨论区

技术交流、答疑
资源下载

资源下载

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

iOS Library

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

Android Library

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

深入理解 Class 和 extends 原理 前端面试 Javascript

马师傅 发表了文章 • 1171 次浏览 • 2021-08-27 23:01 • 来自相关话题

准备工作 在开始之前,我们需要一个 babel 的环境,方便查看 babel 后的代码,这里我推荐两种方式。chrome 插件 —— ScratchJS,可以设置 babel 来转换代码,通过点击 Toggle output 就能看到 babel 后的代码。b... ...查看全部
0
评论

一个"水"按钮(滑水的水) 前端面试 CSS3

马师傅 发表了文章 • 901 次浏览 • 2021-08-26 23:54 • 来自相关话题

🐳 前言 不知道大家平时有没有留意水滴落下的瞬间。 仔细去听,仔细去看,每一滴滴水珠落下泛起的涟漪都让人意向连篇。 一个个显现而消失的涟漪就像时光仿佛带走了什么,还是留下了什么,又似乎一切都没有变,却又感觉多了些什么,让人情不自禁想要点一个赞~~ 好了不开玩... ...查看全部
0
评论

【前端可视化】如何在React中优雅的使用ECharts react 前端面试

马师傅 发表了文章 • 2335 次浏览 • 2021-08-26 23:53 • 来自相关话题

这片文章由最近公司的一个可视化项目有感而发,随着前端的飞速发展,近年来数据可视化越来越火,有些公司的业务跟地图、位置、大数据等脱离不开关系,所以数据可视化甚至成了单独的一门前端行业,比如在杭州地区的前端可视化职位不但有一定的需求量且高薪, 至今为止,已经有很... ...查看全部
0
评论

DIff算法看不懂就一起来砍我(带图) 算法 前端面试

马师傅 发表了文章 • 819 次浏览 • 2021-08-26 23:49 • 来自相关话题

前言 面试官:"你了解虚拟DOM(Virtual DOM)跟Diff算法吗,请描述一下它们"; 我:"额,...鹅,那个",完了😰,突然智商不在线,没组织好语言没答好或者压根就答不出来; 所以这次我总结一下相关的知识点,让你可以有一个清晰的认知之余也会让你在今... ...查看全部
0
评论

产品经理说你能不能让词云动起来?我觉得配得上!!! 前端面试 CSS3 vue

马师傅 发表了文章 • 802 次浏览 • 2021-08-26 23:46 • 来自相关话题

☀️ 前言 事情是这样的,前段时间拿到公司的数据大屏原型图让我一天内把一整个页面做出来。 简单看了看,就是一个3840 * 1840的大屏然后几个列表几个图例看起来也没有多复杂。 唰!很快啊加了一会班把整个页面调整好了信心十足拿给产品经理看。 产品经理皱了皱... ...查看全部
0
评论

贝塞尔曲线在前端,走近她,然后爱上她 CSS3

马师傅 发表了文章 • 1036 次浏览 • 2021-08-26 23:42 • 来自相关话题

贝塞尔曲线在前端 css3的动画主要是 transition animation transition有transition-timing-function animation有animation-timing-function 以transition-t... ...查看全部
0
评论

我用index作为key也没啥问题啊,为什么面试还有人diao我??? vue 前端面试

马师傅 发表了文章 • 1024 次浏览 • 2021-08-25 15:24 • 来自相关话题

所有熟悉 Vue 技术栈的小伙伴,都知道在列表渲染的场景下,不能使用 index 或 random 作为 key。 也有很多小伙伴在面试的时候会被面试官比较详细的追问,假如使用 index 作为 key 会有什么问题?假如使用 random 作为 key 会有... ...查看全部
0
评论

call, call.call, call.call.call, 你也许还不懂这疯狂的call Javascript

马师傅 发表了文章 • 801 次浏览 • 2021-08-25 09:41 • 来自相关话题

Function.prototype.call 我想大家都觉得自己很熟悉了,手写也没问题!! 你确认这个问题之前, 首先看看 三千文字,也没写好 Function.prototype.call, 看完,你感觉还OK,那么再看一道题: 请问如下的输出结果 fun... ...查看全部
0
评论

Vue3的7种和Vue2的12种组件通信,年轻人?还不收藏在等什么!!! vue 前端面试

马师傅 发表了文章 • 1157 次浏览 • 2021-08-25 09:37 • 来自相关话题

Vue2.x组件通信12种方式写在后面了,先来 Vue3 的 奥力给! Vue3 组件通信方式 props $emit expose / ref $attrs v-model provide / inject Vuex Vue3 通信使用写法 props ... ...查看全部
0
评论

前端9种图片格式基础知识, 你应该知道的 性能优化

马师傅 发表了文章 • 853 次浏览 • 2021-08-25 09:33 • 来自相关话题

彩色深度 彩色深度标准通常有以下几种: 8位色,每个像素所能显示的彩色数为2的8次方,即256种颜色。 16位增强色,16位彩色,每个像素所能显示的彩色数为2的16次方,即65536种颜色。 24位真彩色,每个像素所能显示的彩色数为24位,即2的24次方,约... ...查看全部
0
评论

(算法入门)人人都能看懂的时间复杂度和空间复杂度 前端面试

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

你是怎么理解算法的呢? 简单说就是,同一个功能 别人写的代码跑起来占内存 100M,耗时 100 毫秒 你写的代码跑起来占内存 500M,耗时 1000 毫秒,甚至更多 所以 衡量代码好坏有两个非常重要的标准就是:运行时间和占用空间,就是我们后面要说到的... ...查看全部
0
评论

什么?数学不好人都不配写CSS? CSS3

马师傅 发表了文章 • 796 次浏览 • 2021-08-23 18:17 • 来自相关话题

前言 大家好,这里是 CSS 兼 WebGL 魔法使——alphardex。 之前一直在玩 three.js ,接触了很多数学函数,用它们创造过很多特效。于是我思考:能否在 CSS 中也用上这些数学函数,但发现 CSS 目前还没有,据说以后的新规范会纳入,估计... ...查看全部
0
评论

聊一聊移动端适配 性能优化 h5

马师傅 发表了文章 • 842 次浏览 • 2021-08-23 18:12 • 来自相关话题

一、引言 用户选择大屏幕有两个几个出发点,有些人想要更大的字体,更大的图片;有些人想要更多的内容,并不想要更大的图标;有些人想要个镜子…. 充分了解各种设备,我们会知道不同尺寸的屏幕本身就有各自的定位,像ipad类的大屏设备本身相比较iphone5就应该具... ...查看全部
0
评论

8个工程必备的JavaScript代码片段(建议添加到项目中) Javascript

马师傅 发表了文章 • 756 次浏览 • 2021-08-23 18:09 • 来自相关话题

1. 获取文件后缀名 使用场景:上传文件判断后缀名 /** * 获取文件后缀名 * @param {String} filename */ export function getExt(filename) { if (typeof filena... ...查看全部
0
评论

前端工程化实战 - 可配置的模板管理 react 性能优化

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

功能设计 如果每一次新脚手架的开发或者模板的更新都需要重新更新一次 CLI 的话,虽然成本不高,但是开发模板的同学需要通知 CLI 开发的同学去升级,使用模板的同学又需要在等 CLI 开发完毕才能使用,中间交流沟通的成本就增加了。 其次,对于业务开发同学来说,... ...查看全部
0
评论

CSS为什么这么难学?方法很重要! CSS3

马师傅 发表了文章 • 901 次浏览 • 2021-08-23 17:59 • 来自相关话题

大家好,我是零一。前段时间我在知乎刷到这样一个提问:为什么CSS这么难学? 看到这个问题以后,我仔细一想,CSS学习起来好像是挺困难的,它似乎没有像JavaScript那样非常系统的学习大纲,大家平时也不会用到所有的CSS,基本上用来用去就是那么几个常用的属... ...查看全部
0
评论

前端面试知识点(四) 前端面试

马师傅 发表了文章 • 914 次浏览 • 2021-08-16 23:11 • 来自相关话题

9、ES6 Module 相对于 CommonJS 的优势是什么?温馨提示:如果你只是想知道本题的答案,那么直接进入传送门 16.8.2 Static module structure 。除此之外,以下 ES Module 的代码只在 No... ...查看全部
0
评论

前端面试知识点(三) 前端面试

马师傅 发表了文章 • 1104 次浏览 • 2021-08-16 23:10 • 来自相关话题

6、简单描述一下 Babel 的编译过程? Babel 是一个源到源的转换编译器(Transpiler),它的主要作用是将 JavaScript 的高版本语法(例如 ES6)转换成低版本语法(例如 ES5),从而可以适配浏览器的兼容性。 温馨提示:如果某种高... ...查看全部
0
评论

前端面试知识点(二) 前端面试

马师傅 发表了文章 • 889 次浏览 • 2021-08-16 23:03 • 来自相关话题

语法 22、如何实现一个上中下三行布局,顶部和底部最小高度是 100px,中间自适应? 23、如何判断一个元素 CSS 样式溢出,从而可以选择性的加 title 或者 Tooltip? 24、如何让 CSS 元素左侧自动溢出(... 溢出在左侧)? The&n... ...查看全部
0
评论

前端面试知识点(一) 前端面试

马师傅 发表了文章 • 813 次浏览 • 2021-08-16 23:00 • 来自相关话题

基础知识 基础知识主要包含以下几个方面: 基础:计算机原理、编译原理、数据结构、算法、设计模式、编程范式等基本知识了解 语法:JavaScript、ECMAScript、CSS、TypeScript、HTML、Node.js 等语法的了解和使用 框架:Rea... ...查看全部
1
回复

H5怎么切换了英语,中文以外的语言 多语言框架

五彩斑斓的黑 回复了问题 • 2 人关注 • 857 次浏览 • 2021-08-13 19:06 • 来自相关话题

0
评论

如何在大型代码仓库中删掉 6w 行废弃的文件和 exports? 前端面试 性能优化

马师傅 发表了文章 • 995 次浏览 • 2021-08-13 00:56 • 来自相关话题

起因 很多项目历史悠久,其中很多 文件或是 export 出去的变量 已经不再使用,非常影响维护迭代。 举个例子来说,后端问你:“某某接口统计一下某接口是否还有使用?”你在项目里一搜,好家伙,还有好几处使用呢,结果那些定义或文件是从未被引入的,这就会误导你们去... ...查看全部
0
评论

性能优化面试官想听的是什么?别再说那些老掉牙的性能优化了 前端面试 性能优化

马师傅 发表了文章 • 995 次浏览 • 2021-08-11 23:06 • 来自相关话题

网上性能优化的文章太多了,都说如何如何请求优化代码优化之类的,所有人都知道的事,而且实际工作中根本不可能每个项目都用到那些全部,而是应该对我们的项目有针对性的优化,你说是吗? 比如 说一下前端性能优化? 你平时是怎么做性能优化的? 等等类似这样的问题,不过就是... ...查看全部
0
评论

微信小程序中wxs文件的妙用 微信小程序 CSS3 Javascript

马师傅 发表了文章 • 1412 次浏览 • 2021-08-11 22:59 • 来自相关话题

wxs文件是小程序中的逻辑文件,它和wxml结合使用。 不同于js, wxs可以直接作用到视图层,而不需要进行视图层和逻辑层的setData数据交互; 因为这个特性,wxs非常适合应用于优化小程序的频繁交互操作中; 应用 过滤器 在IOS环境中wxs的运行... ...查看全部
0
评论

使用 Electron 开发桌面应用 Electron 实践 前端

马师傅 发表了文章 • 1137 次浏览 • 2021-08-11 22:54 • 来自相关话题

介绍 Electron,官方简介:使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序。 出于个人爱好,接触到了Electron,并开始尝试开发一些本地小工具。 以下是对开发过程做的一个经验总结,便于回顾和交流。 使用 下面来构建一... ...查看全部
0
评论

H5 性能极致优化 前端 性能优化

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

项目背景 H5 项目是企鹅辅导的核心项目,已迭代四年多,包括了课程详情页/老师详情页/报名页/支付页面等页面,构建产物用于企鹅辅导 APP/H5(微信/QQ/浏览器),迭代过程中了也累积了一些性能问题导致页面加载、渲染速度变慢, 为了提升用户体验,近期启动了“... ...查看全部
0
评论

code review 流程探索 前端面试 前端

马师傅 发表了文章 • 722 次浏览 • 2021-08-11 22:44 • 来自相关话题

前言 没有无缘无故的爱,也没有无缘无故的恨,当然也没有无缘无故的 code review 为什么要 CR 给大家讲个故事,“大神 A”上班时突然恼羞成怒的骂道,这是谁写的代码,没有注释啥也没有,这么明显的 bug。当时整个小组都不敢说话,慌的要死,生怕说的就是... ...查看全部
0
评论

还不会Hook?一份React Hook学习笔记 react

马师傅 发表了文章 • 1160 次浏览 • 2021-08-06 19:28 • 来自相关话题

Hook 是 React 16.8.0 版本增加的新特性,可以在函数组件中使用 state 以及其他的 React 特性。 ✌️为什么要使用 Hook? 在组件之间复用状态逻辑很难 由providers,consumers,高阶组件,render prop... ...查看全部
0
评论

图解React源码 - React 应用的3种启动方式 react

马师傅 发表了文章 • 1067 次浏览 • 2021-08-06 19:21 • 来自相关话题

在前文reconciler 运作流程把reconciler的流程归结成 4 个步骤. 本章节主要讲解react应用程序的启动过程, 位于react-dom包, 衔接reconciler 运作流程中的输入步骤. 在正式分析源码之前, 先了解一下react应用的启... ...查看全部
0
评论

白话聊React为何采用函数式编程的不可变数据 react

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

前言 大家好,今天来聊一下React采用函数式编程的理念:不可变数据。 看到标题的你不用担心,你可能在顾虑需要函数式编程的知识,完全不需要,今天我们就0基础聊聊什么是不可变数据?React采用这种方式有什么好处? 例子 React采用函数式编程的不可变数据特性... ...查看全部
0
评论

这几个关键的数据结构都不会,你也配学react源码??? react

马师傅 发表了文章 • 962 次浏览 • 2021-08-06 19:17 • 来自相关话题

不知道大家在学习react源码的时候有没有这样的感觉:fiber对象的结构太复杂了,不仅是属性繁多,而且有些属性还是个巨复杂的对象。我在学习hooks的时候,这种感觉尤为强烈。那么,这篇文章就以fiber.memoizedState和fiber.updateQ... ...查看全部
0
评论

react hooks 万字总结 react

马师傅 发表了文章 • 909 次浏览 • 2021-08-06 18:52 • 来自相关话题

Hooks is what? react-hooks是react16.8以后,react新增的钩子API,它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性. Hook是一些可以让你在函数组件里“钩入” React sta... ...查看全部
0
评论

基于环信MQTT消息云,Web客户端快速实现消息收发 web MqttClient MQTT创意挑战赛

akss5768 发表了文章 • 882 次浏览 • 2021-08-05 17:27 • 来自相关话题

仓库地址: https://gitee.com/yoki_ss_admin/task-1-web使用说明:实例化客户端client.connect();var topic = 'topic/chat'; if(clienct.isConnect){ ... ...查看全部
0
评论

看完 React 哲学,我悟了 react

马师傅 发表了文章 • 981 次浏览 • 2021-08-04 23:34 • 来自相关话题

前言 最近测试给我提的的 bug 终于少了很多, 在 codeReview 的时候同事们也很少指出我那个地方写的不对 反而对我整体的文件结构和组件的编写结构及状态的设计提出了更高的要求,不得不说我这代码水平还是有所提高的,表示在稳步提升的过程还有很大的进步空... ...查看全部
0
评论

淘宝详情页分发推荐算法总结:用户即时兴趣强化 前端面试 前端

马师傅 发表了文章 • 781 次浏览 • 2021-08-04 23:29 • 来自相关话题

商品详情页是手淘内流量最大的模块之一,它加载了数十亿级商品的详细信息,是用户整个决策过程必不可少的一环。这个区块不仅要承接用户对当前商品充分感知的诉求,同时也要能肩负起其他来源导流流量的留存,最终尽可能地激活平台内部流量以及外部流量在整个生态中的活跃度。同时,... ...查看全部
0
评论

用three.js写一个3D地球 three.js

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

着色器的入门介绍 Webgl绘制图形是基于着色器(shader)的绘图机制,着色器提供了灵活且强大的绘制二维或三维图形的方法,所有Webgl程序必须使用它。 着色器语言类似于c语言,当我们写webgl程序时,着色器语言以字符串的形式嵌入在javascrip... ...查看全部
0
评论

这种微前端设计思维听说过吗? 微前端

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

前言:最近有种感觉,好像微前端成为当下前端工程师的标配,从single-spa到qiankun,各种微前端架构解决方案层出不穷。那一夜,我在翻阅github时,留意到一个新的微前端框架,来自京东零售开源的MicroApp,号称无需像上面提到那两个框架一样需要对... ...查看全部
0
评论

你可能不知道的动态组件玩法? 组件化 vue

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

○ 背景 知道的大佬请轻锤😂。 这篇是作者在公司做了活动架构升级后,产出的主文的前导篇,考虑到本文相对独立,因此抽离出单独成文。 题目为动态组件,但为了好理解可以叫做远程加载动态组件,后面统一简化称为“远程组件”。 具体是怎么玩呢?别着急,听我慢慢道来,看... ...查看全部
0
评论

前端这个工种未来会继续拆分么? 前端面试 前端

马师傅 发表了文章 • 678 次浏览 • 2021-08-02 23:10 • 来自相关话题

作为前端,你和UI撕过逼么?脑中的场景前端:“上线日期定死了,你什么时候出设计稿?你不出稿子后面开发、测试都得加班!”UI:“快了快了,别催~”前端:“做好的先给我吧,我画静态页面”UI:“快了快了,别催~”前端流泪,后端沉默,终究测试承担了所有......你... ...查看全部
0
评论

【Web动画】科技感十足的暗黑字符雨动画 前端面试 动画 CSS3

马师傅 发表了文章 • 812 次浏览 • 2021-08-02 23:06 • 来自相关话题

本文将使用纯 CSS,带大家一步一步实现一个这样的科幻字符跳动背景动画。类似于这样的字符雨动画: 或者是类似于这样的: 运用在一些类似科技主题的背景之上,非常的添彩。 文字的竖排 首先第一步,就是需要实现文字的竖向排列: 这一步非常的简单,可能方法也很多... ...查看全部
0
评论

前端button组件之涟漪效果 前端 Javascript

马师傅 发表了文章 • 1205 次浏览 • 2021-08-02 23:01 • 来自相关话题

前言 在前端项目中,我们常常会使用到button组件进行事件的触发,而一些项目为了更好的交互效果,加入了一系列的动画,例如:脉冲、果冻、涟漪、滑箱等特效。 今天我们来讲讲如何使用HTML CSS和JavaScript来实现涟漪效果,我们先看下成品: 看完是... ...查看全部
0
评论

我给公司封装的组件帮公司提效了60% vue Javascript

马师傅 发表了文章 • 758 次浏览 • 2021-08-02 22:52 • 来自相关话题

前置内容 在公司开发中或多或少都会有几个管理系统的项目,而对于这些系统大多页面都是表单、表格组成,为了不花费太多精力在这些不那么需要定制化的页面上,一般都会选择去用组件库完成,这个时候就如果将这些简单、枯燥的事情用配置项完成,把精力放在更有挑战的事情上,那么工... ...查看全部
0
评论

面对 this 指向丢失,尤雨溪在 Vuex 源码中是怎么处理的 Javascript

马师傅 发表了文章 • 813 次浏览 • 2021-08-02 19:22 • 来自相关话题

1. 前言简单再说说 this 指向和尤大在 Vuex 源码中是怎么处理 this 指向丢失的。 2. 对象中的this指向 var person = { name: '若川', say: function(text){ console.log... ...查看全部
0
评论

我在几期薅羊毛活动中学到了什么~ 前端 Javascript

马师傅 发表了文章 • 761 次浏览 • 2021-07-31 15:18 • 来自相关话题

前言 为什么突然想写一篇总结了呢,其实也是被虐的。今年 3 月份初期,我们商城接了一个 XX 银行的一分购活动(说白点就是薅羊毛),那时候是活动第一期,未曾想到活动入口开放时,流量能直接将 cpu 冲至 100%,导致服务短暂的 502 了。。期间采取了紧急方... ...查看全部
0
评论

webpack5 和 webpack4 的区别有哪些 ? 前端 前端面试 webpack

马师傅 发表了文章 • 6590 次浏览 • 2021-07-31 15:05 • 来自相关话题

1、Tree Shaking 作用: 如果我们的项目中引入了 lodash 包,但是我只有了其中的一个方法。其他没有用到的方法是不是冗余的?此时 tree-shaking 就可以把没有用的那些东西剔除掉,来减少最终的bundle体积。 usedExports... ...查看全部
0
评论

与大厂面试官的高端博弈、顶级拉扯 前端面试

马师傅 发表了文章 • 775 次浏览 • 2021-07-31 14:58 • 来自相关话题

前言 最近是跳槽季,发现有小伙伴在一些非技术的软性问题上答的不是很好。 众所周知,程序员情商偏低,而这些软性问题,恰恰都具有一定欺骗性和吹牛皮成分在里边,对于演技不好的直男癌,简直就是天生克星。 其实不用太担心,软性问题往往就那几个,稍加训练和准备,你就可以成... ...查看全部
0
评论

vuepress的使用 vue 测试

马师傅 发表了文章 • 1181 次浏览 • 2021-07-31 14:55 • 来自相关话题

快速上手 前提条件 VuePress 需要 Node.js (opens new window)>= 8.6 1.安装vuepress yarn add -D vuepress # npm install -D vuepress 2.创建你的第一篇文... ...查看全部
0
评论

如何做前端单元测试 前端 测试

马师傅 发表了文章 • 980 次浏览 • 2021-07-31 14:51 • 来自相关话题

单元测试 什么是单元测试 单元测试(unit testing),是指对软件中的最小可测试单元进行检查和验证 需要访问数据库的测试不是单元测试 需要访问网络的测试不是单元测试 需要访问文件系统的测试不是单元测试 --- 修改代码的艺术 为什么要做单元测... ...查看全部
0
评论

老掉牙之前端组件化 前端面试 组件化

马师傅 发表了文章 • 836 次浏览 • 2021-07-28 19:45 • 来自相关话题

组件化已经无处不在。可能每个人一张嘴都是组件化模块化。 这个时候我们能否认真回想一下,自己的组件,真的是组件化了吗? 怎样的组件化才算比较好的组件化? 根据客观事实(主要是主观臆想),浅谈一下前端的组件化。 1、组件化的使用背景 业务的迭代和堆积 1、单个文件... ...查看全部
0
评论

防抖和节流知多少 前端面试 Javascript

马师傅 发表了文章 • 809 次浏览 • 2021-07-28 19:44 • 来自相关话题

防抖 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新再等n秒在执行回调。 例子 //模拟一段ajax请求 function ajax(content) { console.log('ajax request ' + content) } l... ...查看全部