注册
环信即时通讯云

环信即时通讯云

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

环信开发文档

元宇宙讨论

元宇宙讨论

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

RTE开发者社区

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

技术讨论区

技术交流、答疑
资源下载

资源下载

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

iOS Library

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

Android Library

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

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

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

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

全自动jQuery与渣男的故事 jQuery

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

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

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

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

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

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

马师傅 发表了文章 • 485 次浏览 • 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

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

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

Vue3+Vite+TS+Eslint(Airbnb规则)搭建生产项目,踩坑详记(二):配置husky和lint-staged vue

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

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

Vue3+Vite+TS+Eslint(Airbnb规则)搭建生产项目,踩坑详记(一) vue

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

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

有趣的JS存储 Javascript

马师傅 发表了文章 • 329 次浏览 • 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Vue路由懒加载 vue

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

马师傅 发表了文章 • 359 次浏览 • 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

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

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

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

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

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

自动化注册组件,自动化注册路由--懒人福利(vue,react皆适用) react vue Javascript

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

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

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

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

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

20个 Javascript 技巧,提高我们的摸鱼时间! Javascript

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

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

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

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

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

JavaScript中关于null的一切 Javascript

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

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

Web 动画原则及技巧浅析 CSS3

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

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

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

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

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

Esbuild 为什么那么快 性能优化

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

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

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

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

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

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

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

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

这些node开源工具你值得拥有 node.js

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

前言:文章的灵感来源于,社群中某大佬分享一个自己耗时数月维护的github项目 awesome-nodejs 。或许你跟我一样会有一个疑惑,github上其实已经有个同类型的awesome-nodejs库且还高达41k⭐,重新维护一个新的意义何在? 当你深入对... ...查看全部
0
评论

NodeJS使用Koa框架开发对接QQ登陆功能 node.js

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

开发准备 注册开发者账号 首先我们需要先去腾讯开发者平台认证注册成为个人开发者 输入网址:https://open.tencent.com/ 然后 点击 QQ开放平台——然后点击顶部的 应用管理会提示你登陆,使用自己的QQ账号登陆后,如果是新用户会提示你注... ...查看全部
0
评论

Docker 快速部署 Node express 项目 node.js

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

前言 本文章讲解如何简单快速部署 node API 项目。可作为docker入门学习。 Node 项目基于 express+sequelize 框架。 数据库使用 mysql。 Docker 安装 Docker 官方下载地址:docs.docker.com/g... ...查看全部
0
评论

[react-native]JSX和RN样式以及和web的不同之处 react reactnative

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

全屏状态栏 import { View, Text, Image, StatusBar } from 'react-native' <StatusBar backgroundColor="transparent" translucent={ true }... ...查看全部
0
评论

学习一下Electron,据说很简单 Electron 实践

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

Electron怎么玩 真的很简单的,面向百度编程,找寻前辈的足迹,真的很容易的。😄 直接点,开整 首先安装Electron,但是有个坑 坑就是安装卡住了,没事有办法: npm config set registry=https://registry.npm.... ...查看全部
0
评论

Vue基操会了,还有必要学React么? react vue

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

React前言 很高兴你能来到这里学习React.js技术,这是本专栏的第一节,主要介绍一下小伙伴们常问的一些问题,虽然废话很多,但是还是建议你可以花几分钟看一下。 React简介 首先不能否认React.js是全球最火的前端框架(Facebook推出的前端框... ...查看全部
0
评论

React 毁了 Web 开发(转载) react

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

本文并不是为了引发争论或者让大家非要争一个好坏。我仔细阅读该文章之后,发现里面提出的问题是我们常常忽视并且对于构建可持续项目发展的非常重要的问题。 不论是小兵还是leader都应该持续的去注重这些东西。 以下是正文翻译:原文来自:medium.com/buil... ...查看全部
0
评论

FIL升级对矿工有哪些利好?现在是参与挖FIL币好时机

币需有你 发表了文章 • 468 次浏览 • 2021-06-26 13:28 • 来自相关话题

据财经媒体报道:FIL将在6月底进行系统升级,FIL升级对矿工有哪些利好?那对与刚了解FIL挖矿的朋友们现在正是参与的好时机+slf81818,为什么呢?一起来了解下:Filecoin’s v13 HyperDrive网络升级的重要意义在于:一:人类宝贵信息的... ...查看全部
0
评论

纯 CSS 创建五彩斑斓的智慧阴影!让前景图片自动转化为对应彩色的背景阴影 CSS3

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

几天前,我在 Home Depot(aka Toys "R" Us for big kids)处发现,他们有一个巨大的显示器来展示所有这些彩色的供销售的电灯泡!其中一项是y一组在电视后面的智能灯泡。它们会在电视的后面投影近似于电视在播出的内容的彩色阴影,与以下... ...查看全部
0
评论

小程序自定义TabBar 如何实现“keep-alive” 微信小程序

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

自定义TabBar方案 虽然在之前文章提到过了,本次采用组件化实现,具体实现如下: 我们可以新建一个home文件夹,在home/index.wxml中写一个tabBar,然后把TabBar页面写成组件,然后点击TabBar切换相应的组件展示就可以。代码... ...查看全部
0
评论

当前端基建任务落到你身上,该如何推动协作? 浏览器兼容性 前端

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

前言 作为一名野生的前端开发,自打本猿入行起,就未经过什么系统的学习,待过的团队也是大大小小没个准儿: 要么大牛带队,但是后端大牛。要么临时凑的团队,受制于从前,前端不自由。要么从0到项目部署,都是为了敏捷而敏捷,颇不规范。 话虽如此,经过4年生涯摧残的废猿... ...查看全部
0
评论

手把手带你入门Webpack Plugin webpack

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

关于 Webpack 在讲 Plugin 之前,我们先来了解下 Webpack。本质上,Webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。它能够解析我们的代码,生成对应的依赖关系,然后将不同的模块达成一个或多个 bundle。 ... ...查看全部