首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
组件封装
订阅
小宝探花
更多收藏集
微信扫码分享
微信
新浪微博
QQ
17篇文章 · 0订阅
Vue组件化思考
项目结束一段时间,写个文章总结下。初入项目组,看到了3000行的vue文件,一口血差点捧出,无奈上一个程序员已经离职,留下的坑,只能自己填上了。在重构项目的过程中,也发现了一些别的问题,组内分享会做了总结分享,这次总结成文章特此记录。 在项目中,对于组件的划分,我们一般会划分为…
来,用心感受自己的第一个npm包
进入到 npm 文件夹,初始化项目。然后会让你填一些项目相关的信息,跟着提示填就是了。没啥说的。注意name不要和现有的其他npm包重名了,不然一会儿发Npm包的时候会失败,可以先去npmjs.com搜一下有没有重名的。 dist代表发布时的目录,src是开发目录。dist里面…
开发一个基础的npm包
注册完成后记得去邮箱验证(如果验证失败,就把验证地址复制到注册账号的浏览器打开),如果不验证,发布时候会403。 这样将递增包版本号,提交变更,然后创建一个本地 tag 标签,并推送到 github 和发布到 npm package。 之后就可以到 github 的发布页面上为…
「查漏补缺」深度剖析JavaScript ES5/AMD/CMD/COMMONJS/ES6模块化(加薪必备)| 掘金技术征文-双节特别篇
CommonJS 出现就是解决原本 js 文件引入出现的不足点,即 模块依赖 和 全局污染 问题。它并不是一个 JS语言啥的,而是对于模块化的一个规范。 做法是通过 require 引入模块,通过 module.exports 导出,并且文件加载是同步完成的。 对服务端比较友好…
编写自己的代码库(javascript常用实例的实现与封装)
大家在开发的时候应该知道,有很多常见的实例操作。比如数组去重,关键词高亮,打乱数组等。这些操作,代码一般不会很多,实现的逻辑也不会很难,下面的代码,我解释就不解释太多了,打上注释,相信大家就会懂了。但是,用的地方会比较,如果项目有哪个地方需要用,如果重复写的话,就是代码沉余,开…
基于elementUI改造成自己的UI库
规矩先介绍一下本文内容,由于一些项目对于UI控件的定制化要求比较高,但是又不想全部ui自己完全实现,我就想到了这个方法,将element修改一下变成自己的UI控件库,可以通过修改elementui的源码并发布到自己的github上,这样在vue项目中使用的时候跟其他依赖包一样下…
打造自己的JavaScript武器库
作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率。这里提一个小点,我们在业务开发过程中,经常会重复用到日期格式化、url参数转对象、浏览器类型判断、节流函数等一类函数,这些工具类函数,基本上在每个项目都会用到,为避免不同项目多次复制粘贴的麻烦,我们可以统一封装,发布…
如何用不到200行代码写一款属于自己的js类库
JavaScript 的核心是支持面向对象的,同时它也提供了强大灵活的 OOP 语言能力。本文将使用面向对象的方式,来教大家用原生js写出一个类似jQuery这样的类库。我们将会学到如下知识点: 接下来我会对类库的核心api进行讲解和展示,文章最后后附带类库的完整源码,在我之前…
如何打造自己的npm库
然后去npm注册一个账号。传送门 注册好之后我们输入npm login进行登录操作,一定要记得在之前验证邮箱,否则后面无法发布。 这里是我们的源代码,与之前不同的是,我们需要做一些处理。 举例:我的js库最终返回的对象是MyModule,那么项目名称这里我们写MyModule,…
面向对象,搞定对象
前端的小伙伴对对象的认识肯定相当的深刻的,因为我们每天的开发就时时刻刻在创建、应用这对象。可以说,每一个需求、功能的实现,都离不开对象。(还没对象的抓紧搞对象!) 上面的代码是最基本的创建对象的方法,平时开发中,基本上不会这么写。 上面的创建对象的方式,是我们开发中经常用到的。…