项目背景是外包类建站公司里，设计环节沉淀了大量可复用组件，设计师往往只需要微调组件就拼凑出页面，交付给前端，理论上这些组件在前端也可以复用，但实际上前端每次都要重新实现整个页面，浪费很多人力。
这个项目的思路是，将所有组件开发出来，统一录入到一个平台上管理，设计师可以到平台上挑选组件，并实时预览和调整组件，整个过程所见即所得，平台会将调整结果生成一串代码，只要将
1. 基本原理组件是组件系统中功能的表现，没有组件就没有功能。特定接口是用于给组件管理程序来操纵、管理该组件，特定功能是组件需要完成的任务。在一个使用组件建立的产品中会随着功能数目的多少而会有多个组件的存在。 组件与组件管理程序的交互通过接口来完成，所以对于一个组件体系，组件接口的定义是很重要的事情。接口的定义描述了组件管理程序与组件的调用规则和交互过程。2. 组件技术概念组 
简单使用案例一一、安装NProgress包方法一： npm install --save nprogerss
方法二： yarn add nprogress
方法三：在图形化界面中搜索nprogress安装运行依赖
方法四：直接引入js、css或者通过cdn引入。
<script src='nprogress.js'></script>
<link rel='styl
原创
2023-11-07 16:22:57
1054阅读
一、NProgress是什么?简单的说就是加载进度条。二、安装bower install --save nprogress# 或者npm install --save nprogress三、用法//vue中引用import NProgress from 'nprogress'import 'nprogress/nprogress.css'//方法NProgress.start() - 显示进度条NProgress.set(0.4) - 设置百分比NProgress.inc(
转载
2021-08-12 13:38:02
304阅读
on()函数用于为指定元素的 一个或多个事件 绑定事件处理函数。此外，你还可以额外传递给事件处理函数一些所需的数据。从jQuery 1.7开始，on()函数提供了绑定事件处理程序所需的所有功能，用于统一取代以前的bind()、 delegate()、 live()等事件函数。即使是执行on()函数之后新添加的元素，只要它符合条件，绑定的事件处理函数也对其有效。此外，该函数可以为同一元素、同一事件类
转载
2024-10-25 21:31:08
44阅读
NProgress是页面跳转是出现在浏览器顶部的进度条 官网：NProgress: slim progress bars in JavaScript github：https://github.com/rstacruz/nprogress
转载
2023-03-15 00:05:21
114阅读
Vue官网：
一、Vue介绍Vue简介Vue，读音类似于view，是一套用于构建用户界面的渐进式的js框架，发布于2014年2月；Vue结合了HTML+CSS+JS，有很好的生态系统，Vue体积小，速度快，优化到位，与其他大型框架不同的是，Vue被设计为可以自底向上逐层应用；Vue的核心库只关注视图层，易于上手，便于与第三方库（如：vue-router，vue-resource，vue
转载
2024-09-30 23:21:46
24阅读
安装 // npm npm install --save nprogress //Yarn yarn add nprogress 直接引入js、css或者通过cdn引入 <script src='nprogress.js'></script> <link rel='stylesheet' href=
原创
2023-03-07 09:26:47
2679阅读
npm行不行，包管理机制行不行？最新的一次npm包被篡改事件，让开发者的这两个疑问更加强烈了。最新中枪的是纯函数式编程语言Purescript，这种可编译为JavaScript，能用于开发Web、服务器端应用程序的语言，其npm安装程序中被植入了恶意代码。发现漏洞的程序员Harry Garrood表示，恶意代码的目的是破坏Purescript npm安装程序，防止它成功运行。距离问题暴
node环境配置nvm安装nvm （Node Version Manage) 是一个用来管理node 版本的工具，我们之所以需要使用node ，是因为我们需要 node中的 npm(Node Package Mangage) , 使用npm的目的是为了能够方便的管理一些前端开发的包。安装步骤如下：到链接下载nvm的安装包：https://github.com/coreybutler/nvm-win
转载
2024-09-22 12:30:05
42阅读
Pr：效果面板/音频效果/调制Modulation和声/镶边Chorus/Flanger和声/镶边效果合并了两种流行的基于延迟的效果。预设 Presets包括：加粗声音 Vocal Thickening、厚重和声 Heavy Chorus、平滑和声 Smooth Chorus、弹性镶边 Springy Flanger、柔和的张力 Mild Tension、水通 Water Flange、
安装NProgress包 npm install --save nprogerss 导入 NProgress 包对应的JS和CSS import NProgress from 'nprogress' import 'nprogress/nprogress.css' 在 request 拦截器中，展示 ...
转载
2021-11-04 13:04:00
427阅读
2评论
这几天真心为了学习dagger2花费了很多精力，对于什么@Scope、@Provides、@Component、@Module、@Named之类的关键字还比较好理解，其实关于编译后的dagger源码也都比较好理解，也正是因为读dagger2编译源码知道dagger2不是基于反射来实现的依赖注入，而是通过apt包生成对应工厂类来实现依赖注入。既然这些都知道了按理说使用dagger2应该不是什么难题了
转载
2024-01-10 17:56:05
121阅读
最近，应该很多小伙伴都找到前端开发的工作了吧。怎么样？工作中的代码是不是复杂很多倍？比如说 router里面的路由钩子函数是不是比学习的时候复杂很多倍？还有vuex模块是不是会见到许许多多的文件夹，每个文件夹里面有很多文件的那种？是不是见到了很多的第三方模块？等等等等。今天，我就从简单点的模块说起吧。大家打开一个网页的时候，会看到一个进度条，然后加载完成后进度条就消失了。这个呢，就是一个第三方的进
前端轻量级web进度条 – Nprogress & nanobar
转载
2019-02-28 00:41:00
63阅读
2评论
