注册
环信即时通讯云

环信即时通讯云

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

环信开发文档

环信FAQ

环信FAQ

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

RTE开发者社区

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

技术讨论区

技术交流、答疑
资源下载

资源下载

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

iOS Library

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

Android Library

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

巧用CSS filter，让你的网站更加酷炫！ CSS3

马师傅 发表了文章 • 857 次浏览 • 2021-09-06 10:26 • 来自相关话题

前言 我们在处理图片时，经常使用的一个功能就是滤镜，它能使一张图像呈现各种不同的视觉效果。 在 CSS 中，也有一个filter属性，让我们能用 CSS 代码为元素指定各种滤镜效果，比如模糊、灰度、明暗度、颜色偏移等。 CSS filter的基础使用非常简单... ...查看全部
0
评论

用 JavaScript 做数独 Javascript

马师傅 发表了文章 • 791 次浏览 • 2021-09-06 10:04 • 来自相关话题

最近看到老婆天天在手机上玩数独，突然想起 N 年前刷 LeetCode 的时候，有个类似的算法题（37.解数独），是不是可以把这个算法进行可视化。 说干就干，经过一个小时的实践，最终效果如下： 怎么解数独 解数独之前，我们先了解一下数独的规则： 数字 1-... ...查看全部
1
回复

uniapp如何设置到主屏幕显示 平板的 环信_WebIM uniapp

五彩斑斓的黑 回复了问题 • 2 人关注 • 898 次浏览 • 2021-09-01 12:20 • 来自相关话题

0
评论

JS中this的指向原理 Javascript 前端面试

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

前言 在JS中，每个函数的 this 是在调用时被绑定的，完全取决于函数的调用位置（也就是函数的调用方法）。与声明的位置无关。 调用位置 理解调用位置：调用位置就是函数在执行时被调用的位置（而不是声明的位置）。 要找到函数的调用位置，最重要是找到函数的调用... ...查看全部
0
评论

一道看似简单的阿里前端算法题 算法 前端面试

马师傅 发表了文章 • 879 次浏览 • 2021-08-31 17:57 • 来自相关话题

题目描述 题目分析 我们以下面这个数组为例，我们首先要明白题目中的第2大的元素指的是4，第3大的元素指的是3，也就是说指的是去重后的数组中的排序。我们之所以要建立一个哈希表是因为我们需要知道第k大和第m大的元素总共出现了几次，因为最后需要进行求和。 [1... ...查看全部
0
评论

cookie和session、localStorage和sessionStorage、IndexedDB、JWT汇总 前端面试

马师傅 发表了文章 • 952 次浏览 • 2021-08-31 17:54 • 来自相关话题

cookie和session HTTP协议是一种无状态协议，即每次服务端接收到客户端的请求时，都是一个全新的请求，服务器并不知道客户端的历史请求记录；Session和Cookie的主要目的就是为了弥补HTTP的无状态特性。 cookie是什么？ cookie是... ...查看全部
0
评论

Flutter 系列 - 环境搭建 Flutter

马师傅 发表了文章 • 842 次浏览 • 2021-08-31 10:40 • 来自相关话题

Flutter 作为火热的跨端工具包，在 github 上超过 120k 的关注量，可见一斑。 基于目前本人正在学习 Flutter 的路上，会将整个学习的过程记录下来。 本博文主要讲解环境的搭建，先把项目搭建好，跑通 demo 才有玩下去的必要和成就感，你说... ...查看全部
0
评论

面试官问：我们聊聊原型和继承？我：这里边水深，我把握不住。。。 前端面试

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

前言 原型和继承一直是js中非常基础和重要的部分，我们来看看日常开发中经常会用到的原型和继承。 class Person extends React.Component { componentDidMount() {} render() {... ...查看全部
0
评论

二进制都不了解？也配做什么程序员？？？ 前端面试

马师傅 发表了文章 • 900 次浏览 • 2021-08-30 23:38 • 来自相关话题

最近在学习一些计算机专业课，学习的过程中二进制的基础是必须要有的，不管是计算机网络，还是组成原理，还是操作系统，都是以二进制为基础的，所以本文总结一些二进制基础。今天，2021年8月30日，写下第一版，后面会陆续增加一些内容，增加一些应用便于更多人理解。 本文... ...查看全部
0
评论

一个"剑气"加载?️ CSS3

马师傅 发表了文章 • 807 次浏览 • 2021-08-30 23:35 • 来自相关话题

🙇 前言 我们在网页加载的时候总会加上一些过渡效果来引导用户，减少白屏时间，而加载的效果可以用svg也可以使用一些我们封装好的组件,今天就来分享一种"剑气"加载效果。 相信大家看封面都知道效果了，那我们就直接开干吧。 🏋️‍♂️ToDoList 剑气... ...查看全部
0
评论

学会这个，我的http加载速度更快了！ 性能优化

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

1. 前言 说到 HTTP 怎么提升网络加载速度，就不得不聊一聊 HTTP/2 了。 HTTP/2 的主要目标是通过支持完整的请求与响应复用来减少延迟，通过有效压缩 HTTP 标头字段将协议开销降至最低，同时增加对请求优先级和服务器推送的支持。 HTTP/2 ... ...查看全部
0
评论

我是如何用这3个小工具，助力小姐姐提升100%开发效率的 性能优化

马师傅 发表了文章 • 1322 次浏览 • 2021-08-30 13:23 • 来自相关话题

前言 简单的知识点搭配合适的业务场景，往往能起到意想不到的效果。这篇文章会用三个最基础人人都知道的前端知识来说明如何助力运营小姐姐、公司48+前端开发同学的日常工作，让他们的工作效率得到极大地提升。 看完您可以会收获：用vue从零开始写一个chrome插件&n... ...查看全部
0
评论

跨浏览器窗口通讯 ，7种方式，你还知道几种呢？ 浏览器兼容性

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

前言 为什么会扯到这个话题，最初是源于听 y.qq.com/ QQ音乐， 播放器处于单独的一个页面 当你在另外的一个页面搜索到你满意的歌曲的时候，点击播放或添加到播放队列 你会发现，播放器页面做出了响应的响应 这里我又联想到了商城的购物车的场景，体验确实有... ...查看全部
0
评论

更新需要提示用户，需要控制应用是否更新 Electron 实践

马师傅 发表了文章 • 1153 次浏览 • 2021-08-30 13:16 • 来自相关话题

更新需要提示用户，需要控制应用是否更新1. 方案一在检测到更新后提示用户，让用户选择更新。设置autoDownload参数为false，让应用检测到更新不自动下载，改成手动下载更新包。通过在钩子update-available中，加入对话框提示用户，让用户选择... ...查看全部
0
评论

JS数字之旅——Number Javascript

马师傅 发表了文章 • 1006 次浏览 • 2021-08-29 22:37 • 来自相关话题

首先来一段神奇的数字比较的代码 23333333333333333 === 23333333333333332 // output: true 233333333333333330000000000 === 23333333333333333999999999... ...查看全部
0
评论

前端动画lottie-web 动画效果 CSS3

马师傅 发表了文章 • 1020 次浏览 • 2021-08-28 23:58 • 来自相关话题

lottie是一个跨平台的动画库，通过AE（After Effects）制作动画，再通过AE插件Bodymovin导出Json文件，最终各个终端解析这个Json文件，还原动画。本文中我只介绍前端用到的库lottie-web。 对比三种常规的制作动画方式 Pn... ...查看全部
0
评论

居然不知道CSS能做3D？天空盒子了解一下，颠覆想象? CSS3

马师傅 发表了文章 • 1555 次浏览 • 2021-08-28 23:56 • 来自相关话题

大家好，这次给大家换换口味，我们来点不一样的东西。请不要理解歪了🐶。 上周六和昊神的一聊，然后就有了这篇文章。 通过H5实现3D全景是挺平常的事情了，通过three.js可以很容易实现一个全景图。 可以这个链接来查看，three.js来实现的，戳👇thre... ...查看全部
0
评论

奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？ CSS3 vue

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

本文将从比较多的方面详细阐述如何利用 CSS 3D 的特性，实现各类有趣、酷炫的动画效果。认真读完，你将会收获到： 了解 CSS 3D 的各种用途 激发你新的灵感，感受动画之美 对于提升 CSS 动画制作水平会有所帮助 CSS 3D 基础知识 本文默认读者... ...查看全部
0
评论

想了解到底啥是个Web Socket？猛戳这里！！！ websocket

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

什么是 Web Socket WebSocket 协议在2008年诞生，2011年成为国际标准，所有浏览器都已经支持了。其是基于TCP的一种新的网络协议，是 HTML5 开始提供的一种在单个TCP连接上进行全双工通讯的协议，它实现了浏览器与服务器全双工(ful... ...查看全部
0
评论

我写的页面打开才用了10秒，产品居然说我是腊鸡！！！ 前端面试 性能优化

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

背景 产品：你看看这页面加载的如此之慢，怎么会有用户用呢？（并甩给了我一个录屏） 我: （抛出前端应对之策）前端需要加载vue，js，html，css这些都需要时间呀，是不是，别说还需要接口请求，数据库查询，js执行，这些都需要时间是不是，所以加载慢很正常，... ...查看全部
0
评论

这里是一个让你为所欲为，欲罢不能的抽奖demo Javascript vue

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

寒暄 抽奖系统有很多，各式各样的，不知道大伙都抽中过什么，还是像我这样经历了绝望，看破红尘，存起来留给下一代。 这种抽奖场景在活动中很常见，为了更好的摸鱼，决定自己去写一个插件来解决重复劳动。接下来为大伙介绍一个不错的宫格抽奖组件，请看官往下挪步 关于gri... ...查看全部
0
评论

vue、react函数式编程 react vue 性能优化

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

函数式编程 JavaScript 语言从一诞生，就具有函数式编程的烙印。它将函数作为一种独立的数据类型，与其他数据类型处于完全平等的地位。在 JavaScript 语言中，你可以采用面向对象编程，也可以采用函数式编程。有人甚至说，JavaScript 是有史以... ...查看全部
0
评论

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

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

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

一个"水"按钮（滑水的水） 前端面试 CSS3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CSS为什么这么难学？方法很重要！ CSS3

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

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

前端面试知识点（四） 前端面试

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

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

前端面试知识点（三） 前端面试

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

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

前端面试知识点（二） 前端面试

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

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

前端面试知识点（一） 前端面试

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

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

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

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

0
评论

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

一个开放、互助、协作、创意的社区

关于imGeek
关于专职工程师值守
社区财富榜
赞助商
友情链接
热门标签
京ICP备2023000793号