1）分页模板页面product_pag.html<div style="margin-right:4px;float:right;"> <span style="color: blue; margin-right: 6px;">总 页 数 <strong class
原创
2015-03-13 16:19:39
2735阅读
Angular动画组件封装step1:D:\vue\untitled2902\src\app\app.module.tsjsimport{NgModule}from'@angular/core';import{BrowserModule}from'@angular/platformbrowser';import{AppComponent}from'./app.component';import{B
原创
2022-03-22 10:01:45
161阅读
Angular动画组件封装step1: D:\vue\untitled2902\src\app\app.module.tsimport {NgModule} from '@angular/core';import {BrowserModule} from '@angular/platform-browser';import {AppComponent} from './app.component';import {BrowserAnimationsModule} from "@angular/
原创
2022-03-29 16:15:32
84阅读
以我自己封装的一个npm包为例，用于音频打点切分，展示音频波形图，波形图选区播放等，如下图： 封装过程：1.初始化vue简单模板：vue init webpack-simple audio_wave_plugin
cd audio_wave_plugin
npm install
npm run dev2.创建，目录结构如下：src/myPlugin目录：如果有多个插件的话规范整理src/
转载
2024-02-26 09:45:23
124阅读
Angular 基础1.安装angular的脚手架(安装 过的可以忽略 )npm install
转载
2024-05-13 20:23:39
156阅读
注册一个npm账号 在npm官网注册https://www.npmjs.com/ 给代码库起名字 不可有重复包名，包名重复不能提交 创建项目 需要一个package.json文件，这个文件不仅仅是用来标明依赖和npm script脚本，也可以是一个npm包被外界识别的配置文件。因为配置文件内容比较多 ...
转载
2021-09-28 14:58:00
257阅读
2评论
富文本组件是web程序中很常用的一个组件，特别是要开发一个博客，论坛这类的网站后台。 得益于Angular的强大，封装WangEditor组件非常简单 1.使用yarn或者npm安装wangeditor yarn add wangeditor 2.创建一个Angular的组件 ng g c q-wa ...
转载
2021-07-29 17:23:00
558阅读
2评论
前端组件化封装及npm部署 简介 组件化思想是软件编程的一个重要思想。如汽车的生产，将轮子、灯、座椅等作为单独的组件，由各自的工厂去生产维护，各个组件都做好后再拿到组装厂统一组装使用。组件化思想就是将一个项目拆分成若干个组件，分而治之。 组件化开发好处 高复用性：复用的好处可以得到 较高的生产效率以
转载
2020-01-15 20:32:00
273阅读
2评论
前言:这一篇我们一起来了解一下和组件相关的其他几个概念,上手开发Angular的项目还是难免遇到了很多的坑,工作之余的话也准备整理一下。希望可以坚持吧,初识Angular,不当之处还请指正。正文:组件动效Angular默认的动画模块使用的事Web Animations规范,需要注意兼容问题。兼容查看按照惯例使用前需要导入对应的模块,我们这里需要用到动画的模块BrowserAnimations
原创
2022-01-13 09:29:38
314阅读
plutchar都立秋了啊图片上传无论什么项目，大概都少不了图片上传。作为常见的需求，很多地方会使用到，应该单独封装一个上传组件，方便复用。这里使用 vue + element-ui-upload + 七牛云完成上传前端调用七牛 API现在主流的七牛云上传方式大概为授权式上传，大概为如下过程：请求后端接口获取上传凭证 token(后端通过accessKey，secretKey，bucket 生成
转载
2024-06-18 22:34:13
137阅读
新建vue 项目并且在根目录创建两个文件夹 packages和examples。packages：用于存放所有的组件examples：用于进行测试组件，把src改为examples 去掉helloword和assets文件2.配置vue.config.js 并设置入口文件
如果没有vue.config.js文件 就需要在项目根目录下创建vue.config.js文件，并进行如下
原创
2023-12-01 10:40:54
222阅读
AngularJS被Google收购了，并且应用到Google的很多产品中Google有一个产品，写了17000多行代码，使用AngularJS改版之后，代码1500行代码应用场景：前后端相分离的应用 HTML JS（PHP）CRUD类型的应用（Create、Read、Update、Delete）SPA（Single Page App：单页面应用）Angular
转载
2023-08-31 19:04:01
160阅读
1 2 change是TimepickerDemoCtrl上的，mytime在timepicker内部改变生效就会触发 3 timepicker内部绑定TimepickerDemoCtrl对值的监控 5 自定义了渲染
转载
2017-06-12 09:35:00
114阅读
2评论
在开发项目时我们往往都需要去封装一些组件出来。封装有这些好处：代码重用、不必关心具体的实现、面向对象三大特征之一、具有安全性。但如果封装的不好，组件的封装会使得维护起来特别麻烦，适得其反，那让我们看看封装组件时应该注意哪些事项吧1.遵循高内聚原则 高内聚：又称单一责任原则，是指一个模块只负责一项任务。在我们组件中体现在一个组件只有一项功能，若是功能太复杂，那我们还需将组件进行拆解抽离。像
转载
2024-06-23 16:30:15
519阅读
封装vue组件库的两种方法和形式： 一：是建立一个webpack-simple 项目 二：是在通过vue-cli脚手架建立webpack vue项目，这种项目有点冗余，可是我们对这种项目最熟悉 下面分别介绍两种用法： 一： 1.首先先建立一个vue项目： 通过vue init webpack-sim
转载
2020-02-20 16:24:00
702阅读
2评论
前端组件化开发，永远离不开组件之间的通信。那么，在 Angular 开发中，其组件之间的通信是怎么样的呢？1. 通过属性 2. 通过 Emitter 事件 3. 通过引用 4. 通过 service
原创
2022-08-09 14:28:40
230阅读
此刻，HeroesComponent同时显示了英雄列表和所选英雄的详情。把所有特性都放在同一个组件中，将会使应用“长大”后变得不可维护。 你要把大型组件拆分成小一点的子组件，每个子组件都要集中精力处理某个特定的任务或工作流。本页面中，你将迈出第一步 —— 把英雄详情移入一个独立的、可复用的HeroDetailComponent。HeroesComponent将仅仅用来表示英雄列表...
原创
2021-08-11 09:35:32
124阅读
更多资料快速上手文档点这里在线demo点这里文档点这里github上的仓库点这
转载
2023-04-30 20:46:17
76阅读
项目中经常会有一些公共组件，比如header，如果每个页面都写一遍的话显得很冗余，而且不利于维护，这时候我们就会考虑将这些公共部分抽取出来，做成一个单独的组件。然而angular不是很熟悉啊~怎么啵~折腾了一下，才发现angular的组件开发主要依赖自定义指令（directive ）来实现。主要使用到directive的几个属性，如下：restrict：
转载
2020-05-16 10:50:00
154阅读
2评论
习惯性的使用了bootstrap。。简介复制了一点过来。详情看ng-bootstrap的网站，地址在最后<p>Simple datepicker</p><ngb-datepicker #dp [(ngModel)]="model" (navigate)="date = $event.next"></ngb-datepicker><hr/
原创
2023-03-05 07:13:01
113阅读
