排序
推荐 Flutter 简单易用可以个性化定制的步骤条组件
前言 我们在应用里,会经常遇到一项业务有多个步骤,比如订单状态,任务进展等等,这个时候就需要用到步骤指示器,也叫步骤条。步骤条可以让用户清晰地知道整个业务会经历哪些环节,以及当前所...
深入了解Flutter滚动组件
前言 本文适合有一定Flutter基础,但是对于Flutter滚动组件不够深入理解的同学。从应用场景入手,在合适的场景使用合适的组件。 ListView 单纯的使用ListView的话它会把列表数据全部渲染出来这...
深入 js 的异步编程《上》
什么是异步编程? 这个问题并不是特定于 js 的,故而它的答案也是并特定于 js。任何一门编程语言都会面临一个命题:如果用户要执行一个很耗时的任务,我应该怎么执行用户的全部代码? 假设全部代...
提高开发效率的vscode插件和小技巧
最近整理了一下觉得好用并且使用频率比较高的vscode插件。 1. Emmet插件 示例: 快速生成5个class为item的li标签,并且内容文本填充为3个单词 代码:ul>li*5.item>lorem3 代码讲解: ' &g...
WEB3.0的DApp开发-开发工具介绍
在进入 WEB3.0 开发工具的介绍之前,我们先来了解一下 WEB3.0 的概念。WEB3.0,也被称为“智能互联网”,是对目前互联网的进一步发展的描述。它不仅仅是一个信息交互的平台,还将...
学习ReactJS Context: 深入理解和使用useContext
不管是在 Vue 还是在 React 中,都是通过 Props 向数据传递到子组件中,如果组件嵌套很深,就会有 Props 透传的问题。 在 Vue 中提供了 provide 和 inject 依赖注入的方式来解决,这样只需要在...
Webpack通识
Webpack相对其他打包器不同的地方 Webpack忽略具体资源类型之间的差异,将所有代码/非代码文件都统一看作Module——模块对象,以相同的加载、解析、依赖管理、优化、合并流程实现打包,并借助Lo...
React动画:react-transition-group 使用以及动画原理
简单介绍 React Transition Group 是一个 React 库,用于管理和处理在 React 应用中的过渡动画效果。它提供了一组组件,可以帮助你在组件的进入和退出时应用动画效果。 这个动画库在npm上周下载...
前端实现复制文字和图片,原来这么简单!
1.功能需求 2.document.execCommand('copy') 2.1 基本用法语法返回值参数值简单举例指令兼容性问题2.2 Selection Api2.3复制文字2.4复制图像3.clipboard.js3.1安装和引入clipboard.js3.2基本...
怎么使用node搭建一个前端的私有脚手架Cli?
前言 在 搭建一个企业私有的npm私有库服务 中,我梳理了怎么快速实现一个企业私有的npm私有库,文章内容写的不是很详细,只做到了领进门的效果。 有了npm私有库做前提,这次我们就可以实现企业...
前端食堂技术周刊第 89 期:ES 2023、MDN Playground、TS 5.2 Beta、逆向分析 GitHub Copilot
美味值:????? 口味:糯米糍荔枝 食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly 大家好,我是童欧巴。欢迎来到前端食堂技术周刊,我们先来看下上周的技术资讯。 技术资讯 Ecma Inte...
Chrome 插件开发
浏览器插件是我们每天都在打交道的工具,他为我们提供了各式各样便捷的功能。按照惯例,先介绍一下插件的定义: Extensions are small software programs that customize the browsing experien...
脚手架开发流程
本文作者为360公司奇舞团团队前端工程师韩国芳。 目前日常工作中常用的脚手架有 vue-cli、create-react-app、angular-cli 等等,都是通过简单的初始化命令,完成内容的快速构建。 脚手架是我们...
关于前端字体图标乱码问题的研究
1. 字体图标 字体图标是前端显示图标的解决方案之一,其基本原理是将一组图标打包成一种字体,将该字体加载到网页之后,使用与某个图标对应的 Unicode 字符去显示该图标。 例如在图标库 Materia...
使用Node.js的Nodemailer模块发送QQ邮箱带附件、抄送和HTML格式的电子邮件
Node.js是一个强大的JavaScript运行时环境,可以用于构建服务器端应用程序。在开发过程中,我们经常需要实现邮件服务,而Node.js提供了丰富的模块和库来处理电子邮件的发送和接收。 其中,Nodem...
如何在企业内部搭建低代码平台
原创 廖云富 / 叫叫技术团队 导读:这篇文章是叫叫前端团队在建设低代码平台的过程中,从前端全栈角度将整个建设过程和相关的功能设计进行整理和提炼而来。希望能够帮助你在建设自有的低代码平...
React Native列表组件:FlatList、RecyclerListView对比
前言 永远把别人对你的批评记在心里,别人的表扬,就把它忘了。Hello 大家好~!我是南宫墨言 在京东首页、淘宝首页、抖音视频、微信朋友圈这类信息流页面中,你看一页,还有下一页,看完下一页...
JavaScript 将对象数组按字母顺序排序
原文链接:JavaScript 将对象数组按字母顺序排序 这里给出三种解决方案: 1.if条件语句 + sort() 2.localeCompare() + sort() 3.Collator() + sort() sort 用法 语法 array.sort(compareFunctio...
lifeCycle
lifeCycle 生命周期钩子函数相信应该都不陌生,它能够帮助我们在一些重要的React阶段做一些处理,接下来将分析React生命周期的流程和每个生命周期所做的事情。 类组件生命周期 React有两个重要...
前端跨域解决方案——JSONP
JSONP(JSON with Padding)是一种跨域请求的解决方案,它允许在不受同源策略限制的情况下从一个域中向另一个域中请求数据。 JSONP的基本原理是利用<script>标签的src属性没有跨域限制的...