今天带来一篇不一样的组件库开发文章,强烈推荐先收藏后阅读。当你看了很多的从0到1开发的组件库的文章后会发现跟你主流使用的组件库总是天差地别,但又不是不能用。这样的组件库其实就严重缺少了工程化的支撑,缺少了全局的考虑。如果你已经看过了那些文章,那么你将通过这次介绍的6件事让你的组件库提升到更高的高度1\.组件库的使用体验很重要4.1背景描述在编码中使用组件库的时候你是因为什么原因去不停的翻找组件文档
今天带来一篇不一样的组件库开发文章,强烈推荐先收藏后阅读。当你看了很多的从0到1开发的组件库的文章后会发现跟你主流使用的组件库总是天差地别,但又不是不能用。这样的组件库其实就严重缺少了工程化的支撑,缺少了全局的考虑。如果你已经看过了那些文章,那么你将通过这次介绍的6件事让你的组件库提升到更高的高度1\.留一个好的印象给Contributor1.1背景描述在Workspace模式的项目中各个子包都会
大家好,我是小鑫同学。一位长期从事前端开发的编程爱好者,我信奉编程最重要的是分享。请跟随小鑫同学的步伐,一起带你畅游不一样的前端世界~
大家好,我是小鑫同学。一位长期从事前端开发的编程爱好者,我信奉编程最重要的是分享。请跟随小鑫同学的步伐,一起带你畅游不一样的前端世界1.前言在以前的一篇文章中讲述了在前端开发时通过配置自签名证书来完成必须使用协议才能工作的功能。那么当你同时需要在手机端预览的时候,可能就要将公钥证书也安装到手机上了,但无论你通过什么方式将证书发送到手机中都不如我写的这
1.前言大家好,我是小鑫同学。一位从事过Android开发、混合开发,现在长期从事前端开发的编程爱好者,我觉得在编程之路上最重要的是知识的分享,所谓三人行必有我师。
tsup 是一个基于 ESBuild 实现在零配置的情况下快速捆绑 Typescript 模块的项目,在构建 CLI类 项目时可以优先考虑采用。 第一部分 在这一节中你将了解简单上手案例、配置文件的使用以及多入口如何配置等内容,准别好我们就要开始学习 tsup 了。 1. 介绍 tsup: tsup 是一个基于 ESBuild 实现在零配置的情况下快速捆绑 Typescript 模块的项目,
组合式API应用 在类组件中可以使用 @Setup 装饰器来对组合式 API 进行描述,这样就可以在类组件中使用组合式 API 了。 这里我们使用 06钩子函数 中的代码,因为 router 在 Vuejs3 开发中往往会选择使用组合式 API 的风格。通过使用 @Setup 引入组合式 API useRouter,来实现导航的切换。 <script lang="ts"&
模板引用 在类组件中组件的引用(ref)同样是一个特殊的类属性,这个类属性是由 @Ref 装饰器描述的一个只读属性。 <script lang="ts"> import { Component, Ref, Vue } from 'vue-facing-decorator'; @Component({ name: 'MyComponent', }) export
计算属性 计算属性的设计背景:在 Vuejs 开发时我们可以在模板中通过编写表达式的方式做一系列的逻辑处理,但这就偏离的模板的概念,还会使得模板的内容变得臃肿且难以维护,所以引入了计算属性的来对不该出现在模板中的复杂逻辑处理进行重构,使用计算属性重构后的依然保持了状态的响应式。 在类组件中,通过使用类属性的访问器方法(getter、setter)来描述计算属性的读写操作。在下面的代码中就是一个
钩子函数 类组件支持几乎全部 Vuejs 原生生命周期钩子函数,钩子函数在类组件中同样使用类方法来表示,也就是说钩子函数是一组特殊的类方法。 内置钩子函数 钩子函数 执行时机 beforeCreate 在组件实例初始化完成之后立即调用 created 在组件实例处理完所有与状态相关的选项后调用 beforeMount 在组件被挂载之前调用 mounted 在组件被挂载之后
类组件正如在模板项目中使用的那样,是一个由 @Component 装饰器描述的 继承自 Vue 基类的类。在 @Component 装饰器中还提供了多个选项的支持,接着一起来熟悉一下这些选项。 支持选项&分类 基础选项 name 用于显式声明组件展示时的名称 components 用于注册对当前组件实例可用的组件 directives 用于注册对当前组件实例可用
教程前言 AOP 切面编程是面向对象开发中的一种经典的编程范式,旨在将横切关注点与核心业务逻辑分离来提高代码的模块性和可维护性。如:日志记录、事务管理等就属于横切关注点。在为 H5 提供 Android 原生支持时,曾将插件模块改造为 AOP 模式,实现插件的自动注册。Java 领域的 SpringBoot 就是典型的切面编程引领者。 Vuejs 的开发风格其实是多样的,按 API 可分为:opt
?Hi大家好,我是小鑫同学,一位长期从事前端开发的编程爱好者,我将使用更为实用的案例输出更多的编程知识,同时我信奉分享是成长的唯一捷径,在这里也希望我的每一篇文章都能成为你技术落地的参考在做一些新的项目时考虑使用Vite、Vuejs、Less、TypeScript这些依赖库的构建项目基础,在编写组件时使用TSX来获得更好的类型体验,其中在Less模块的使用遇到
?Hi大家好,我是小鑫同学,一位长期从事前端开发的编程爱好者,我将使用更为实用的案例输出更多的编程知识,同时我信奉分享是成长的唯一捷径,在这里也希望我的每一篇文章都能成为你技术落地的参考在开发小程序的时候经常会通过手机扫描小程序开发工具生成的二维码来快速在手机上打开正在开发的小程序进行功能调试,但是在H5开发时却还是通过聊天软件来粘贴地址,费时费力,所以我将编
1.前言大家好,我是小鑫同学。一位从事过Android开发、混合开发,现在长期从事前端开发的编程爱好者,我觉得在编程之路上最重要的是知识的分享,所谓三人行必有我师。所以我开始在社区持续输出我所了解到、学习到、工作中遇到的各种编程知识,欢迎有想法、有同感的伙伴交流利用Babel自动解析源码属性上的注释生
Rollup是一个用于JavaScript的模块打包器,它将小段代码编译成更大更复杂的东西,例如库或应用程序。它对JavaScript的ES6修订版中包含的代码模块使用新的标准化格式,而不是以前的特殊解决方案,例如CommonJS和AMD。ES模块让您可以自由无缝地组合您最喜欢的库中最有用的单个函数。这最终将在任何地方本地实现,但Rollup让您今天就可以做到。————《rollupjs.org》
1.前言大家好,我是小鑫同学。一位从事过Android开发、混合开发,现在长期从事前端开发的编程爱好者,我觉得在编程之路上最重要的是知识的分享,所谓三人行必有我师。我想在掘金逛了一段时间的朋友有看到关于自动签到等相关的文章吧,这里当然不是讲自动签到了,主要是说说在签到完后如何通知到我们签到的结果。在一些文章中我看到有人会使用Server酱(https://sct.ftqq.com/)(一个集成了多
我正在参加「初夏创意投稿大赛」详情请看:初夏创意投稿大赛 炎炎的夏日一起来为头像增加点夏天的元素,让清爽的头像陪伴你一整个夏天。通过一个完整的小程序串通整个开发生命周期 。。。
写作背景:在以往的技术分享中有总会有一些常用的命令虽然懂的人多,但是需要说明的,还有一部分命
分享一篇以前做Vue2.x开发时总结的组件通信汇总 一、组件间通信方式表 序号 方式 使用场景 演示代码
写作背景: 做前端开发很久了,但是每次都依赖脚手架或开源的代码模版的统一风格来编写代码,碰上不
现在其实做的不错的开源 UI 库有很多,我还没有真正的实践过多造一个轮子也没太大必要,但是学习编写的思路和过程还是很有必要的,正好看到慕课的一个视频就顺便总结一下组件库开发的流程
写作背景:上一篇最终因为版本依赖的不一致导致组件文档站点没能编译通过,当时选择了 vuepress@next,这次重新选择了 vuepress@1.x 的版本,但还是存在 webpack
到目前为止 Vue 为我们提供了两种开发组件的 API 风格,选项式 API 和组合式 API。组合式 API 可以由我们导入不同的 API 函数来描述组件的逻辑,在 SFC 组件中通常还
navigator.sendBeacon() 方法支持我们使用 POST 的请求方式将少量的数据异步发送到服务器进行存储。同时避免使用一些传统技术,例如:使用 gif 格式的
写作背景: 在学习开发 WebRTC 相关的项目的时候是需要使用到 HTTPS 安全协议才能正
Dear,大家好,我是“前端小鑫同学”,?长期从事前端开发,安卓开发,热衷技术,在编程路上越走越远~分享一篇以前做Vue2.x开发时总结的组件通信汇总一、组件间通信方式表序号方式使用场景演示代码说明1props父=子(属性传参)√接收数据:子组件中props定义接收;<br派发数据:父组件中绑定数据进行派发2emit/on子=父组件通信(事件传参)√接收数据:父组件调用on/von;<br派发数据
写作背景: 上一篇最终因为版本依赖的不一致导致组件文档站点没能编译通过,当时选择了vuepress@next,这次重新选择了vuepress@1.x的版本,但还是存在webpack的版本依赖问题,所以还是写一下处理的过程和搭建组件库文档站点的过程。解决方案:最终的处理很简单,将对应的包指定版本安装到项目中,去覆盖掉通过依赖树导入的包,最终变更的依赖如下
Dear,大家好,我是“前端小鑫同学”,?长期从事前端开发,安卓开发,热衷技术,在编程路上越走越远~写作背景: 现在其实做的不错的开源UI库有很多,我还没有真正的实践过多造一个轮子也没太大必要,但是学习编写的思路和过程还是很有必要的,正好看到慕课的一个视频就顺便总结一下组件库开发的流程,顺便熟悉一个打包的配置和流程。搭建基础结构:使用VueCli创建默
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号