注册
环信即时通讯云

环信即时通讯云

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

环信开发文档

Demo体验

Demo体验

场景Demo，开箱即用
RTE开发者社区

RTE开发者社区

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

技术讨论区

技术交流、答疑
资源下载

资源下载

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

iOS Library

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

Android Library

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

基础篇 - 从构建层面看 import 和 require 的区别 webpack

马师傅 发表了文章 • 1327 次浏览 • 2021-07-21 23:42 • 来自相关话题

前言 一切的一切，都是因为群里的一个问题 虽然说最近在做 webpack 相关的事情，但是也没有对着干问题做过相关的研究，网上很多文章包括 vue 都介绍了建议使用 import ，但是没有说为什么要使用 import，对于开发者来说，调用的方式是没有区别的... ...查看全部
0
评论

小程序页面返回传值四种解决方案总结 微信小程序

马师傅 发表了文章 • 1332 次浏览 • 2021-07-21 23:37 • 来自相关话题

使用场景 小程序从A页面跳转到B页面，在B页面选择一个值后返回到A页面，在A页面使用在B页面选中的值。例如：在购买订单页面跳转到地址列表，选择完地址以后回退到订单页面，订单页面的配送地址需要同步更新。 解决方案 常见的比容要容易解决的方案是使用小程序的全局存储... ...查看全部
0
评论

腾讯面试官：兄弟，你说你会Webpack，那说说他的原理？ webpack

马师傅 发表了文章 • 1179 次浏览 • 2021-07-21 23:32 • 来自相关话题

原理图解 1、首先肯定是要先解析入口文件entry，将其转为AST(抽象语法书)，使用@babel/parser 2、然后使用@babel/traverse去找出入口文件所有依赖模块 3、然后使用@babel/core+@babel/preset-env将入... ...查看全部
0
评论

Electron上手指南 Javascript

马师傅 发表了文章 • 1270 次浏览 • 2021-07-21 20:10 • 来自相关话题

前置 配置代理，解决网络问题： npm set electron_mirror https://npm.taobao.org/mirrors/electron/ # electron 二进制包镜像 npm set ELECTRON_MIRROR https:/... ...查看全部
0
评论

你真的了解package.json吗？来看看吧，这可能是最全的package解析 Javascript

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

1. 概述 从我们接触前端开始，每个项目的根目录下一般都会有一个package.json文件，这个文件定义了当前项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等）。 当运行npm install命令的时候，会根据package.json文件中... ...查看全部
0
评论

教你使用whistle工具捉小程序包 微信小程序

马师傅 发表了文章 • 2181 次浏览 • 2021-07-20 20:24 • 来自相关话题

介绍 我们说起捉包工具，可能大家比较熟悉的Fiddler工具，它是通过断点修改请求响应的方式，平时使用测试捉包也是很方便的，今天主角介绍另一个捉包工具whistle，这个工具比较轻，无需安装客户端只需通过终端node即可跑起捉取数据 whistle用的是类似... ...查看全部
0
评论

面试了十几个高级前端，竟然连（扁平数据结构转Tree）都写不出来 推荐算法

马师傅 发表了文章 • 1089 次浏览 • 2021-07-20 20:02 • 来自相关话题

前言 招聘季节一般都在金三银四，或者金九银十。最近在这五六月份，陆陆续续面试了十几个高级前端。有一套考察算法的小题目。后台返回一个扁平的数据结构，转成树。 我们看下题目：打平的数据内容如下： let arr = [ {id: 1, name: '部门1... ...查看全部
0
评论

前端是不是又要回去操作真实dom年代？ 前端

马师傅 发表了文章 • 1299 次浏览 • 2021-07-20 19:58 • 来自相关话题

写在开头 近期我有写两篇文章，一篇是:petite-vue源码解析和掘金编辑器的源码解析，发现里面用到了Svelte这个框架 加上最近React17，vite大家也在逐步的用在生产环境中，我于是有了今天的思考 看前端的技术演进 原生Javascript ... ...查看全部
0
评论

面试官：你知道git xx 和git xx的区别吗？看完这篇Git指南后直呼：内行！ Git

马师傅 发表了文章 • 1420 次浏览 • 2021-07-20 19:47 • 来自相关话题

前言 作为一名工程师，既然想要加入一个团队，并肩作战地协同开发项目，就必不可少要学会Git基本操作。面试过程中，面试官不止是考察1-3年的工程师，高级岗位也同样会考察团队协作的能力。相信小伙伴们经常会在面试中被问到以下问题吧，可以帮助你测试一下你的Git基础牢... ...查看全部
0
评论

为了让她10分钟入门canvas，我熬夜写了3个小项目和这篇文章 canvas

马师傅 发表了文章 • 1537 次浏览 • 2021-07-20 19:36 • 来自相关话题

1. canvas实现时钟转动 实现以下效果，分为几步： 1、找到canvas的中心，画出表心，以及表框 2、获取当前时间，并根据时间画出时针，分针，秒针，还有刻度 3、使用定时器，每过一秒获取新的时间，并重新绘图，达到时钟转动的效果 1.1 表心，表框... ...查看全部
1
回复

webim3.60版本如何一个id登录多个页面使用 环信_WebIM

luzhu 回复了问题 • 2 人关注 • 1125 次浏览 • 2021-07-20 10:43 • 来自相关话题

0
评论

CSS 奇思妙想 | 巧妙的实现带圆角的三角形 CSS3

马师傅 发表了文章 • 1326 次浏览 • 2021-07-14 20:06 • 来自相关话题

之前在这篇文章中 -- 《老生常谈之 CSS 实现三角形》，介绍了 6 种使用 CSS 实现三角形的方式。 但是其中漏掉了一个非常重要的场景，如何使用纯 CSS 实现带圆角的三角形呢？，像是这样： 本文将介绍几种实现带圆角的三角形的实现方式。 法一. 全兼容... ...查看全部
0
评论

微前端模块共享你真的懂了吗 微前端

马师傅 发表了文章 • 2061 次浏览 • 2021-07-14 20:03 • 来自相关话题

前言：我们运用微前端架构解决了应用体积庞大的问题，通过实践微前端的理念，将前端应用拆分为多个微应用（可独立部署、松散耦合的应用）。同时微应用的存在，使得我们无需在构建一个庞大的应用，而是按需构建，极大了加快了构建效率。但只是解决了应用层面的问题，在中后台应用场... ...查看全部
0
评论

全自动jQuery与渣男的故事 jQuery

马师傅 发表了文章 • 1205 次浏览 • 2021-07-14 20:00 • 来自相关话题

我是个恋旧的人，Github头像还是上古时期端游仙剑奇侠传的截图。 对于前端，如果能jQuery一把梭，我是很开心的。 React、Vue的普及让大家习惯了虚拟DOM的存在。但是虚拟DOM一定是最优解么？ 举个例子，要进行如下DOM移动操作： // 变化前 ... ...查看全部
0
评论

拖拽竟然还能这样玩！ 低代码

马师傅 发表了文章 • 1254 次浏览 • 2021-07-14 19:57 • 来自相关话题

在大多数低代码平台中的设计器都支持组件拖拽的功能，这样大大地提高了用户的设计体验。而拖拽另一个比较常见的场景就是文件上传，通过拖拽的方式，可以让用户方便地上传文件。其实利用拖拽功能，我们还可以 跨越浏览器的边界，实现数据共享。 那么如何 跨越浏览器的边界，实现... ...查看全部
0
评论

JS循环大总结， for, forEach，for in，for of, map区别 Javascript

马师傅 发表了文章 • 1801 次浏览 • 2021-07-13 19:33 • 来自相关话题

map（数组方法）： 特性： map不改变原数组但是会 返回新数组 可以使用break中断循环，可以使用return返回到外层函数 实例： let newarr=arr.map(i=>{ return i+=1; console.log(i); })... ...查看全部
0
评论

Vue3+Vite+TS+Eslint（Airbnb规则）搭建生产项目，踩坑详记（三）：引入Element-plus，解决字体文件404问题 vue

马师傅 发表了文章 • 3216 次浏览 • 2021-07-13 19:17 • 来自相关话题

今天我们来看引入大杯Element，其实引入很简单，跟着文档操作就完事了。所以这篇文章重点是看如何修改主题以及在修改主题中我遇到的问题。 废话少说，开整！ 引入Element-plus npm install element-plus --save // m... ...查看全部
0
评论

Vue3+Vite+TS+Eslint（Airbnb规则）搭建生产项目，踩坑详记（二）：配置husky和lint-staged vue

马师傅 发表了文章 • 1837 次浏览 • 2021-07-13 19:12 • 来自相关话题

上回我们说到配置ESLint以及添加vue-recommended、airbnb-base、prettier规则，一切都很顺利。唯有一点需要注意的就是 .eslintrc 文件extends配置项中，plugin:prettier/recommended一定要... ...查看全部
0
评论

Vue3+Vite+TS+Eslint（Airbnb规则）搭建生产项目，踩坑详记（一） vue

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

前段时间领导告知公司将开启一个全新的项目。 从零开始，如果不尝试一下最近火热的 Vue3 + Vite 岂不是白白浪费了这么好的吃螃蟹的机会。 说干就干，然后就开始读各种文档，从 0 开始，一步一步搭完这个项目到可以正常开发，这对于我一个第一次搭生产项目的菜鸡... ...查看全部
0
评论

有趣的JS存储 Javascript

马师傅 发表了文章 • 1168 次浏览 • 2021-07-13 18:57 • 来自相关话题

今天给大家分享一下关于JS存储的问题。 建议阅读时间：5-10分钟。 序章 首先看一道经典的关于JS存储的题目，来一场紧张又刺激的脑内吃鸡大战吧： var a = {n:1};a.x = a = {n:2};console.log(a.x);console.... ...查看全部
0
评论

petite-vue源码分析：无虚拟DOM的极简版Vue vue

马师傅 发表了文章 • 1840 次浏览 • 2021-07-12 20:33 • 来自相关话题

最近发现Vue增加了一个petite-vue的仓库，大概看了一下，这是一个无虚拟DOM的mini版Vue，前身貌似是vue-lite(瞎猜的~)，主要用于在服务端渲染的HTML页面中上"sprinkling"(点缀)一些Vue式的交互。颇有意思，于是看了下源码... ...查看全部
0
评论

【学不动了就回家喂猪】尤大大新活 petite-vue 尝鲜 vue

马师傅 发表了文章 • 3674 次浏览 • 2021-07-12 20:12 • 来自相关话题

前言 打开尤大大的GitHub，发现多了个叫 petite-vue 的东西，好家伙，Vue3 和 Vite 还没学完呢，又开始整新东西了？本着学不死就往死里学的态度，咱还是来瞅瞅这到底是个啥东西吧，谁让他是咱的祖师爷呢！ 简介 从名字来看可以知道 peti... ...查看全部
0
评论

10张脑图带你快速入门Vue3 | 附高清原图 vue

马师傅 发表了文章 • 1432 次浏览 • 2021-07-12 19:54 • 来自相关话题

前言 这个月重新开始学习Vue3 目前已经完结第一部分：基础部分 我将所有内容吸收整理成10张脑图，一来快速入门Vue3，二来方便以后查看 脑图 应用实例和组件实例 模板语法 配置选项 计算属性和监听器 绑定class和style 条件渲染 列表渲... ...查看全部
0
评论

面试官问我CORS跨域，我直接一套操作斩杀！ 前端面试

马师傅 发表了文章 • 1283 次浏览 • 2021-07-12 19:15 • 来自相关话题

前言 我们都知道由于同源策略的存在,导致我们在跨域请求数据的时候非常的麻烦。首先阻挡我们的所谓同源到底是什么呢?，所谓同源就是浏览器的一个安全机制,不同源的客户端脚本没有在明确授权的情况下,不能读写对方资源。由于存在同源策略的限制,而又有需要跨域的业务,所以就... ...查看全部
0
评论

「百毒不侵」面试官最喜欢问的13种Vue修饰符 前端面试

马师傅 发表了文章 • 1175 次浏览 • 2021-07-12 18:39 • 来自相关话题

1.lazy lazy修饰符作用是，改变输入框的值时value不会改变，当光标离开输入框时，v-model绑定的值value才会改变 <input type="text" v-model.lazy="value"> <div>{{val... ...查看全部
0
评论

比浏览器 F12 更好用的免费调试抓包工具 Fiddler 介绍 前端

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

身为一名前端搬砖工，长久以来有两个问题困扰着我，一个是做后台项目接口返回的数据都为空，不方便做更进一步的对数据的查改及测试；另一个是做移动端的项目，比如 uniapp，每次遇到接口问题都只能 console 在 HBuilder 进行调试，苦不堪言，后来发现我... ...查看全部
0
评论

小程序自动化测试入门到实践 微信小程序

马师傅 发表了文章 • 1482 次浏览 • 2021-07-11 21:06 • 来自相关话题

背景 随着小程序项目越来越复杂，业务场景越来多，花费在回归测试上的时间会越来越多，前端自动化测试就非常有必要提上日程。 今天要带来的是: 小程序自动化测试入门教程。 环境 系统 ：macOS 微信开发者工具版本: 1.05.2106300 什么是小程序自动化 ... ...查看全部
0
评论

面试官:能不能手写几道链表的基本操作 算法

马师傅 发表了文章 • 1242 次浏览 • 2021-07-11 21:02 • 来自相关话题

反转链表 示例： 输入: 1->2->3->4->5->NULL 输出: 5->4->3->2->1->NULL 循环解决方案 这道题是链表中的经典题目，充分体现链表这种数据结构 操作思路简单 ,... ...查看全部
0
评论

前端工程化实战 - 企业级 CLI 开发 webpack

马师傅 发表了文章 • 1347 次浏览 • 2021-07-11 20:54 • 来自相关话题

背景 先罗列一些小团队会大概率会遇到的问题： 规范 代码没有规范，每个人的风格随心所欲，代码交付质量不可控 提交 commit 没有规范，无法从 commit 知晓提交开发内容 流程 研发没有流程，没有 prd，没有迭代的需求管理，这个项目到底做了... ...查看全部
0
评论

完了，又火一个前端项目 Javascript

马师傅 发表了文章 • 1193 次浏览 • 2021-07-11 20:50 • 来自相关话题

今天逛 GitHub 的时候，在趋势榜上看到一个项目，竟然短短一天的时间内，涨了 1000 多个星星！ 就是这个名为 solid 的项目： 要知道日增上千 star 可是非常难得的，我不禁感到好奇，点进去看看这个项目到底有啥牛逼的？ 啥是 Solid？ 这是... ...查看全部
0
评论

一文读懂JavaScript函数式编程重点-- 实践 总结 函数式

马师傅 发表了文章 • 1148 次浏览 • 2021-07-09 01:25 • 来自相关话题

什么是函数式编程？函数式编程是一种思维方式，函数式编程与命令式编程最大的不同其实在于：函数式编程关心数据的映射，命令式编程关心解决问题的步骤。函数式编程的初衷来, 也就是: 希望可以允许程序员用计算来表示程序, 用计算的组合来表达程序的组合, 而非函数式编程则... ...查看全部
0
评论

Vue路由懒加载 vue

马师傅 发表了文章 • 1276 次浏览 • 2021-07-09 01:00 • 来自相关话题

Vue路由懒加载对于SPA单页应用，当打包构建时，JavaScript包会变得非常大，影响页面加载速度，将不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这就是路由的懒加载。实现方式#Vue异步组件#Vue允许以一个工厂函数的方式定... ...查看全部
0
评论

一份传男也传女的 React Native 学习笔记 reactnative

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

这段时间了解了一些前端方面的知识，并且用 React Native 写了一个简易新闻客户端 Demo。 React Native 和原生开发各有所长，具体就不细说。混合使用能充分发挥各自长处，唯一的缺憾就是 React Native 和原生通信过程相对不那么友... ...查看全部
0
评论

React的路由，怎么开发得劲儿 react

马师傅 发表了文章 • 1389 次浏览 • 2021-06-29 23:58 • 来自相关话题

首先确定业务场景如果我们把场景设定在开发一个pc端管理后台的话，那么很常见的需求就是根据不同用户，配置不同的权限，显示不同的菜单项目，渲染不同的路由。那权限到底归谁管一般来说都是后台配置权限，然后驱动前端显示菜单，但我觉得这样不太好，加一个menu就要向后台申... ...查看全部
0
评论

宝， 来学习一下CSS中的宽高比，让 h5 开发更想你的夜！ 性能优化

马师傅 发表了文章 • 1241 次浏览 • 2021-06-29 23:53 • 来自相关话题

在图像和其他响应式元素的宽度和高度之间有一个一致的比例是很重要的。在CSS中，我们使用padding hack已经很多年了，但现在我们在CSS中有了原生的长宽比支持。在这篇文章中，我们将讨论什么是宽高比，我们过去是怎么做的，新的做法是什么。当然，也会有一些用例... ...查看全部
0
评论

前端白屏监控探索 性能优化

马师傅 发表了文章 • 1370 次浏览 • 2021-06-29 23:42 • 来自相关话题

背景不知从什么时候开始，前端白屏问题成为一个非常普遍的话题，'白屏' 甚至成为了前端 bug 的代名词：_喂，你的页面白了。_而且，'白' 这一现象似乎对于用户体感上来说更加强，回忆起 windows 系统的崩溃 '蓝屏'。可以说是非常相似了，甚至能明白了白屏... ...查看全部
0
评论

面试官问我会canvas? 我可以绘制一个烟花?动画 canvas

马师傅 发表了文章 • 1290 次浏览 • 2021-06-29 23:34 • 来自相关话题

在我们日常开发中贝塞尔曲线无处不在：svg 中的曲线（支持 2阶、 3阶）canvas 中绘制贝塞尔曲线几乎所有前端2D或3D图形图表库(echarts，d3，three.js)都会使用到贝塞尔曲线所以掌握贝塞尔曲线势在必得。 这篇文章主要是实战篇，不会介绍和... ...查看全部
0
评论

在 React 应用中展示报表数据 react

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

创建 React 应用创建 React 应用 参考链接， 如使用npx 包运行工具：npx create-react-app arjs-react-viewer-app如果您使用的是yarn，执行命令：yarn create react-app arjs-re... ...查看全部
0
评论

Babel配置傻傻看不懂？ webpack

马师傅 发表了文章 • 1410 次浏览 • 2021-06-28 22:33 • 来自相关话题

1.2 AST 是什么玩意？👨‍🎓 啊斌同学： 上面说到的抽象语法树AST又是什么玩意？答：我们上文提到，Babel在解析是时候会通过将code转换为AST抽象语法树，本质上是代码语法结构的一种抽象表示，通过以树🌲形的结构形式表现出它的语法结构，抽象在于它的语... ...查看全部
0
评论

如何用 JS 一次获取 HTML 表单的所有字段 ？ Javascript

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

问：如何用 JS 一次获取 HTML 表单的所有字段 ？考虑一个简单的 HTML 表单，用于将任务保存在待办事项列表中：<form> <label for="name">用户名</label> <input... ...查看全部
0
评论

自动化注册组件，自动化注册路由--懒人福利（vue，react皆适用） react vue Javascript

马师傅 发表了文章 • 1254 次浏览 • 2021-06-28 22:20 • 来自相关话题

我是一个react主义者，这次因为项目组关系必须用vue，作为vue小白就记录一下开发过程中的一些骚想法。正文1. 对于路由的操作可能用过umi的同学知道，umi有一套约定式路由的系统，开发过程中可以避免每写一个页面就去手动import到路由的数组中，你只需要... ...查看全部
0
评论

ES6 中 module 备忘清单，你可能知道 module 还可以这样用！ Javascript

马师傅 发表了文章 • 1278 次浏览 • 2021-06-28 22:13 • 来自相关话题

这是一份备忘单，展示了不同的导出方式和相应的导入方式。 它实际上可分为3种类型：名称，默认值和列表 ?// 命名导入/导出 export const name = 'value'import { name } from '...'// 默认导出/导入expor... ...查看全部
0
评论

20个 Javascript 技巧，提高我们的摸鱼时间！ Javascript

马师傅 发表了文章 • 1195 次浏览 • 2021-06-28 22:09 • 来自相关话题

使用方便有用的方法，以减少代码行数，提高我们的工作效率，增加我们的摸鱼时间。在我们的日常任务中，我们需要编写函数，如排序、搜索、寻找惟一值、传递参数、交换值等，所以在这里分享一下我工作多年珍藏的几个常用技巧和方法，以让大家增加摸鱼的时间。这些方法肯定会帮助你：... ...查看全部
0
评论

从 Flutter 和前端角度出发，聊聊单线程模型下如何保证 UI 流畅性 Flutter

马师傅 发表了文章 • 1313 次浏览 • 2021-06-28 00:11 • 来自相关话题

一、单线程模型的设计1. 最基础的单线程处理简单任务假设有几个任务：任务1: "姓名：" + "杭城小刘"任务2: "年龄：" + "1995" + "02" + "20"任务3: "大小：" + (2021 - 1995 + 1)任务4: 打印任务1、2、3... ...查看全部
0
评论

JavaScript中关于null的一切 Javascript

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

JavaScript有2种类型：基本类型（string, booleans number, symbol）和对象。对象是复杂的数据结构，JS 中最简单的对象是普通对象：一组键和关联值：let myObject = { name... ...查看全部
0
评论

Web 动画原则及技巧浅析 CSS3

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

在 Web 动画方面，有一套非常经典的原则 -- Twelve basic principles of animation，也就是关于动画的 12 个基本原则（也称之为迪士尼动画原则），网上对它的解读延伸的文章也非常之多：Animation Prin... ...查看全部
0
评论

这个vue3的应用框架你学习了吗？ vue

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

1.新项目初期当我们开始一个新项目的筹备的时候（这里特指中后台应用），项目初始化往往我们可能会考虑以下几个问题如何统一做权限管理？如何统一对请求库比如基于 Axios做封装（取消重复请求、请求节流、错误异常处理等统一处理）如何作为子应用嵌入到微前端体系（假设基... ...查看全部
0
评论

Esbuild 为什么那么快 性能优化

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

Esbuild 是什么Esbuild 是一个非常新的模块打包工具，它提供了与 Webpack、Rollup、Parcel 等工具相似的资源打包能力，却有着高的离谱的性能优势：下面展开细讲。为什么快语言优势大多数前端打包工具都是基于 JavaScript 实现的... ...查看全部
0
评论

Event Loop 和 JS 引擎、渲染引擎的关系 浏览器

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

安卓就是这样的架构，在主线程里面完成 ui 的更新，事件的绑定，其他逻辑可以放到别的线程，然后完成以后在消息队列中放一个消息，主线程不断循环的取消息来执行。 electron ui 架构 开发过 electron 应用的同学会知道，electron 中分为了... ...查看全部
0
评论

浏览器原理 之 页面渲染的原理和性能优化篇 浏览器

马师傅 发表了文章 • 1462 次浏览 • 2021-06-27 01:03 • 来自相关话题

001 浏览器的底层渲染页面篇 浏览器中的5个进程 浏览器在获取服务器的资源后将 html 解析成 DOM 树，CSS 计算成 CSSOM 树，将两者合成 render tree。具体如下浏览器根据 render tree 布局生成一个页面。需要理解的... ...查看全部

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

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