目前前端三大框架(vue.js, Angular.js, react.js)都在引领着前端组件化开发方向,组件化的前端开发方式的确为业务实现带来了前所未有的方便,其实组件化开发早已经具有(YUI),但如何封装一个优秀的组件,可能并不是每位前端开发者都能够做好的。组件封装定的不确定性,更多时候是在做几个方面的权衡,并且在业务不断变化中,可能还会面临些调整和重构。组件化开发的意义有很
以前就直有想法自己能不能封装一个类似于elementui样的组件库,然后发布到npm上去,毕竟前端说白了,将组件v上去,然后进行数据交互。借助这次端午,终于有机会,尝试自己去封装发布组件库了我这里了只做最简单的按钮和输入框的封装,重在如何将组件发布到npm上去原材料: components中两封装好的组件 在src同级目录下创建一个文件夹packages 以后我们的所有操作都是基于pack
转载 2023-12-21 13:35:52
62阅读
文章目录 、现在要你完成一个Dialog组件,说说你设计的思路?它应该有什计的思路?它应该有什么功能? 以前没有尝试过封装组件
转载 2022-04-13 14:13:36
437阅读
前端学习
原创 2023-03-14 18:53:36
37阅读
首先搭建一个npm的环境 npm init -y 安装所需的依赖 yarn add vite sass -D error解决 vite@3.0.3: The engine “node” is incompatible with this module. Expected version “^14.1
原创 2022-08-28 00:06:58
104阅读
iOS开发中,网络是必不可少的部分,没有人不知道大名鼎鼎的AFNetwork框架的,因为它提供了非常丰富实用,方便的网络调用。使得很多需求都能够调用已有的方法完成。但是面对业务需求,如何合理的将AFNetwork近封装能够更加方便的完成业务需求却是需要好好考虑的。以下根据自己的工作经历中对AFNetwork的封装、首次接触自己在A公司的时候刚刚接触iOS不久,看到的工程中已经存在的封装
随之做大屏的项目越来越多,echarts用得就越来越多,但是每一个项目都会有不同的挑战,因为并不是所有的需求都处理过,比如:ui小哥哥设计了款日历组件,如下图:  看到这个设计图,我首先就找了echarts官网中的日历图进行修改,但是改了一个下午点进展都没有,在网上搜索也并没有找到相似的,最后,我立了一个flag,怕啥,自己封装一个吧!于是,开启封装日历组件的进程!首先,看
首先在页面内引入swiper脚本,包括css、js <!-- swiper --> <link href="https://cdn.staticfile.org/Swiper/4.5.1/css/swiper.min.css" rel="stylesheet"> <!-- swiper --> <s Read More
转载 2020-05-15 22:03:00
297阅读
2评论
类//定义一个Phone类 public class Phone { String brand; int price; String color; public void brand() { System.out.println(brand); }
AJAX:A :Asynchronous [eI`sinkrenes] 异步J :JavaScript    JavaScript脚本语言A: AndX :XML 可扩展标记语言AJAX现在貌似已经无处不在了,其实自从web2.0的广泛发展带来了AJAX的发展。我们目前的客户端可以分为胖客户端(C/S)、廋客户端(B/S),PS:胖客户泛指客户端承担部分计算工作减轻
文章目录 AFNetworking 请求基本流程1 生成NSMutableURLRequest 对象2 用requestSerializer 生成一个NSMutableRequest对象3 AFHTTPSessionManager 使用MutableRequest 生成一个 请求任务 NSURLSessionDataTask二 使用方法1 直接使用AFHTTPSessionManager 内部
小莫碎碎念小莫第次写技术博客无甚经验,望诸位大神和小白同僚莫要见怪,鉴于希望小莫日后能不忘初衷,每篇博客开头都有雷打不动的常设模块“小莫碎碎念”,关注技术的同僚可以绕过,这个模块基本没什么有用的,咳咳。小莫最近在做的项目中用了ng2-bootstrap,经常会用到tooltip,但bootstrap的tooltip有一个缺憾,就是在鼠标悬浮在tip上的时候tip就消失了了,bootstrap的解
转载 2023-10-08 20:40:12
131阅读
最近折腾代码简洁之路,先折腾了详情页,最近准备折腾下表单组件,准备二次封装,提升代码复用率。
原创 2022-10-23 08:21:58
213阅读
参数支持:、switch组件基本框架和样式<template> <div> <span class="x_switch_core"> <span class="x_switch_btn"> </span> </spa
原创 2022-05-04 16:59:10
426阅读
封装radio组件radio组件基本框架和样式:<template> <label class="one-radio" :class="{'is-checked':label == value}"> <span cla
原创 2022-05-05 08:36:17
1361阅读
特别是提交回复的函数和回复按钮的回调函数。另外,对于深层嵌套的评论,递归渲染可能会导致性能问题,但般情况下的评论层级不会太深,所以应该可以接受。比如,顶级评论没有缩进,级回复缩进定距离,二级回复再缩进更多,以此类推。首先,数据结构方面,评论应该包含id、内容、作者、时间,以及可能的子回复。子
用elementui Drawer组件封装一个Drawers抽屉弹窗组件,里面新增了些属性,例如框的宽度等红色为Drawers组件组件Drawers<template> <el-drawer v-if="showable" :visible.sync="showable" direction="rtl" :wrapperClosable="
原创 2023-10-31 21:34:57
918阅读
1点赞
# Vue封装一个组织架构组件的指南 作为名刚入行的小白,学习如何封装一个组织架构组件可能会让你感到有些迷茫。本文将详细介绍完成这任务的流程,以及具体的代码实现。 ## 流程概述 首先,我们需要对整个开发流程有一个清晰的认识。以下是封装组织架构组件的步骤: | 步骤 | 描述 | |------|---------------------
原创 10月前
95阅读
我最近决定封装一个原生 Javascript 的 Dialog 组件,整个过程充满了探索与乐趣。本文将详细记录我在搭建这个组件时的所有步骤,从最初的环境准备到最终的生态扩展,力求让你也能轻松上手。 ## 环境准备 首先,我们需要准备一个开发环境,保证所有工具和依赖都齐全。以下是我选择的技术栈,用以支撑这个 Dialog 组件的开发。 ```mermaid quadrantChart
原创 6月前
104阅读
index.ts内列出来当前目录里面,我想对外暴露的些东西。好处是1,缩短文件名的导入,2是格力内部变化对外部的影响。 生成组件测试 会给我们生成四文件 还去更新了一个文件 看下做了哪些改动。点击这里,这是VSCode里面git的标签。 改动1 可以对文件历史进行对比 自己模块本身提供的组件
转载 2019-10-30 14:54:00
122阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5