AngularJS插件

SAP Spartacus module 层级结构设计的一种实践

Spartacus是一个Angular库，这意味着它可以在Angular应用程序中单独使用，也可以集成到现有的Angular项目中。
·2021-11-16 17:48

SAP 电商云 Spartacus UI 的 proxy facade 是如何调用实际实现类

下列代码第126行，通过来自Angular/core的Injector，手动注入一个QuickOrderFacade的实例：调用这个facade的get方法，在执行实际被代理类的业务逻辑之前，需要先延迟加载包含该业务类实现的
·2021-11-16 16:43

Angular 如何根据一个 class 的定义和数据，动态创建一个该类的实例

可以从SAP电商云SpartacusUI的实现中找到一个例子。returnthis.resolveModuleFactory(moduleFunc).pipe(map(([moduleFactory])=>moduleFactory.create(parentInjector)),concatMap((moduleRef)=>this.runModuleInitializersForModule(
·2021-11-16 16:42

SAP 电商云 Spartacus UI Angular Component 动态创建的单步调试

Jerry之前的文章SAP产品UI里的容器组件的概念和开发概述介绍过，SAPSpartacusAngularComponent，通过我们开发团队自定义的指令cxComponentWrapper进行渲染。
·2021-11-16 15:05

SAP 电商云 Spartacus UI 的 feature module 设计原理

module为EpdVisualizationModule以及对应的配置：EpdVisualizationConfig注意第八行import的VisualPickingTabModule，这个才是包含了AngularComponent
·2021-11-16 15:27

前端服务框架调研：Next.js、Nuxt.js、Nest.js、Fastify

Nest.js：是“Angular的服务端实现”，基于装饰器。可
·2021-11-16 11:32

Vue基础篇

Vue指令2）computed和watch3）生命周期钩子4）组件间的传参5）插槽6）修饰符7）nextTick()image.png前端三大框架：Vue：尤雨溪开发React：Facebook主导开发Angular
东南亚小王子·2021-11-13 13:14

技术日报

GolangORM函数库如何进行“A/BTest”数据迁移测试教程：完整测试指南如何在Go服务中做链路追踪通过优化S3读取来提高效率和减少运行时间花7.5亿都做不好的项目，被三位程序员爸爸重写并开源了Angular13
许一沐·2021-11-12 12:21

Github星标破百万Star的微服务框架VueElement权限管理系统项目实战

在前端领域，也是各种框架齐出，技术更新日新月异，在众多的技术和框架中，Vue.js、React和Angular.js算是当前核心框架中的佼佼者，各自占有不少市场份
QSG1LJ·2021-11-09 14:38

基于CSS实现MaterialUI按钮点击动画并封装成 React 组件

前言作为一个前端框架的重度使用者,在技术选型上也会非常注意其生态和完整性.笔者先后开发过基于vue,react,angular等框架的项目,碧如vue生态的elementUI,ant-design-vue
·2021-11-09 13:12

前端开发框架之React 与 Vue 框架设计思路对比

大家也不要把自己限制在框架之中，认为工作中用到Vue，就觉得React学起来没用，有些时候我们学习竞品的框架，是为了更好的认识自己在用的框架，废话不多说，由于Vue本身是个中庸的框架，再揪出设计思路理念比较极致的Angular
·2021-11-09 12:29

将Angular单项目升级为多项目的全过程

目录前言开发环境生成新工程移动web项目angular.json公共模块总结前言有时候在开发的过程中发现一个Angular项目不太够用，两个独立的项目又不太好复用。
·2021-11-08 15:43

vue多页面配置详情

目录1、多页面的区别2、SPA与MPA3、VueCli脚手架配置1、多页面的区别单页应用这个概念，是随着前几年AngularJS、React、Ember等这些框架的出现而出现的。
·2021-11-08 12:33

如何在 SAP 电商云 Spartacus UI 里新建一个页面

CMS驱动的，因此流程是：我们首先在SAPCommerceCloudBackoffice创建新的contentpage,CMSComponent以及相关内容，然后再到SAPSpartacus层，新建一个AngularComponent
·2021-11-07 22:33

Angular Form (响应式Form) 学习笔记

Angular响应式表单使用显式的、不可变的方式，管理表单在特定的时间点上的状态。对表单状态的每一次变更都会返回一个新的状态，这样可以在变化时维护模型的整体性。
·2021-11-07 22:31

Angular 组件生命周期

当Angular实例化组件类并渲染组件视图及其子视图时，组件实例的生命周期就开始了。生命周期一直伴随着变更检测，Angular会检查数据绑定属性何时发生变化，并按需更新视图和组件实例。
·2021-11-06 18:49

angular 依赖注入

前言问题起因是因为在GriderService中忘记给根模块提供注入。即没有写@Injectable({providedIn:'root'})手动注入当时想着，能不能单纯在组件中使用provideGriderService使这个组件正常用service提供的服务.就像下面这样：providers:[{provide:GriderService}]但事实上可行性不大。因为GriderService的
·2021-11-06 17:18

开源项目—5种技术编写的7个demo工程

android/ios/flutter/angular/javaweb5种技术编写的7个demo工程，有点用，可以看看，github地址，https://github.com/ThinkerJac...
·2021-11-04 22:33

移动端上传头像并裁剪 - Clipic.js

Clipic.jsClipic.js插件可以为移动端提供头像上传并裁剪成指定尺寸，用原生js开发的，轻量级，包含html跟css，不到8kb。
teojs·2021-11-04 12:19

SAP Spartacus PageLayoutComponent 如何知道自己应该显示哪些具体内容

经过SAPSpartacus路由配置后的routes数组，其route数据结构的Component属性，清一色指向generic的PageLayoutComponent，那么后者怎么知道自己应该加载哪些AngularComponent
·2021-11-03 18:46

angularjs循环对象属性实现动态列的思路详解

angularjs循环对象属性实现动态列优点：保存对象，在数据库只保存一条数据缺点：添加对象属性需要修改表结构、代码，然后重新重新发布实现思路1）数据库创建表（对象）、创建字段（对象属性）2）根据表（对象
·2021-11-02 11:12

SyntaxError: Left hand side of operator '=' must be a reference.

SyntaxError:Lefthandsideofoperator'='mustbeareference.image.pngangular的项目，在最新的angular版本中修复了该问题，12.2.12three.js
狂暴机甲·2021-11-02 11:07

前端——从html到flutter的前端之路

Web:html+css+js+jquery，AngularJS，vue.js。微信小程序、安卓联盟的快应用、字节小程序、flutter技术。
Pang Yu·2021-11-01 18:22

前端开发框架之Angular自定义组件学习分享

创建组件在components文件夹下创建一个数据库下载的公用组件。打开命令行(使用vscode编辑器的小伙可以直接使用Ctrl+`快捷键打开终端,然后一路跳转到components文件夹：cdsrc\app\components在此目录下执行指令：nggces-download上面指令的意思是创建一个名为es-download的组件，使用上面的指令创建的组件是会前端培训被自动引用到compone
·2021-10-29 12:59

01-VUE基础知识

1.Vue特点(1)前端三大主流框架之一，vue、react、Angular(2)轻量级框架，体积更小(3)生态圈广泛，适合初学者(4)基于mvvm模式，可以实现双向数据绑定。
·2021-10-29 10:48

web面试MVC与MVVM区别及Vue为什么不完全遵守MVVM解答

MVVM区别前述首先,这两种都只是一种思想,一种设计模式很多编程语言根据这种思想设计出了很多框架,例如Java中的SpringMVC,PHP中的ThinkPHP,JavaScript中的Vue、React、Angular
·2021-10-28 19:02

SAP 电商云 Spartacus 产品明细页面的 pageContext 如何获取的？

我们以前学习过，当Angularrouter框架成功将浏览器地址栏的url，匹配到开发人员用RouterModule.forChild传入的routes数组时，会抛出RoutesRecognized事件
·2021-10-27 15:14

为什么在大型 Angular 应用里我们需要使用 ngrx

参考ngrx官网：https://ngrx.io/guide/effects...Comparisonwithcomponent-basedsideeffects在基于服务的应用程序中，您的组件通过许多不同的服务与数据交互，这些服务通过属性和方法公开数据。这些服务可能依赖于管理其他数据集的其他服务。您的组件使用这些服务来执行任务，从而赋予您的组件许多职责——违反了设计的单一职责原理。想象一下，您的
·2021-10-27 14:33

如何找到 SAP 电商云 Spartacus UI 产品明细界面对应的 Angular 实现 Component 名称

Spartacus使用AngularRouter来处理从一个视图到另一个视图的导航。路由器通过将每个URL视为呈现特定视图的指令来完成此操作。我们加载这个PDP时，OCCAPIurl:https://
·2021-10-27 14:32

如何将Angular单项目升级为多项目

有时候在开发的过程中发现一个Angular项目不太够用，两个独立的项目又不太好复用。
·2021-10-26 15:47

Vue - 推荐几个优秀的 Vue 开源项目

Vue结合了React和Angular的优点，并且有着团结、活跃且庞大的社区，可以帮助解决开发中遇到的问题。开源社区不断提出解决问题的新方法。工具和库的数量也贡献量不断的增加。
Q.E.D.·2021-10-24 19:52

Decorator 装饰器你了解多少？

无论是react、vue、angular都能通过babel使其支持，当然也有一些封装好的第三方装饰器库，引用后即可实现一些强大的功能。下面我们一起来简单了解一下吧。什么是装饰器?
·2021-10-23 20:37

【干货】前端开发之VUE介绍与使用

一、Vue介绍1、什么是Vue可以独立完成前后端分离式web项目的JavaScript框架2、学习Vue的原因三大主流框架之一：AngularReactVue先进的前端设计模式：MVVM可以完全脱离服务器端
·2021-10-22 12:45

vue3.x全局$toast、$message、$loading等js插件

有时候我们需要使用一些类似toast，messge、loading这些跟js交互很频繁的插件，vue3.x这类插件的定义跟vue2.x插件稍大，而且相对变得复杂了一点点。第一种、需要时创建，用完移除这种做法相对损耗性能，当一些显示隐藏频率不是特别高的插件可以如此封装。1、新建loading.vue文件加载中...exportdefault{name:"loading",}.loading{posi
学杂不精·2021-10-22 10:34

vue3.x全局插件和组件

全局js插件因为vue3.xjs插件的全局使用也有调整，这里稍微说下简易的全局js引入。#比如，有tools.js如下：consttools={isIos:function(){constagent
学杂不精·2021-10-20 17:59

如何使用 Visual Studio Code 调试 Angular Schematics 实现

HowtoDebuganAngularSchematicusingVisualStudioCode能够在代码执行时调试和遍历代码是我们开发工作流程的基础。
·2021-10-18 18:44

如何运行 Angular library 的原理图 Schematics

Jerry的前一篇文章Angular原理图Schematics学习-动手开发一个实际的例子，已经开发好了一个可以运行的AngularlibrarySchematics.本文介绍具体的运行步骤。
·2021-10-18 17:04

解决 Angular 官网下载的库 Schematics 执行 npm run build 时遇到的编译错误

我在Angular官网下载的librarySchematics例子，运行命令行npmrunbuild时，遇到如下错误：[email protected]:\Code\SPA\schematics-for-libraries
·2021-10-18 17:33

解决 Angular 官网下载的 library Schematics build 出错的办法

从angular官网下载Schematics的例子，在工作区的根目录下，运行库的ngbuild命令。
·2021-10-18 15:20

Angular 原理图 Schematics 学习 - 动手开发一个实际的例子

nggenerate命令则会运行原理图，来创建应用、库和Angular代码块。一些术语：规则在原理图中，是指一个在文件树上运行的函数，用于以指定方式创建、删除或修改文件，并返回一个新的Tree对象。
·2021-10-18 15:19

npm publish 发布一个 Angular 库的时候报错以及解决方法

我今天照着npm文件，打算把自己开发的npm库发布到公网上：npmlogin之后，使用命名行npmconfigsetregistry=http://registry.npmjs.org,遇到如下错误：npmnoticeBeginningOctober4,2021,allconnectionstothenpmregistry-includingforpackageinstallation-mustu
·2021-10-18 14:16

使用 CSS Scroll Snap 优化滚动，提升用户体验！

在早期的前端开发中，我依靠JS插件
·2021-10-18 13:49

Angular 为什么要引入 injection token 的概念

下列例子定义了一个类型为InjectionToken的APP_CONFIG.import{InjectionToken}from'@angular/core';exportconstAPP_CONFIG
·2021-10-17 13:40

如何创建 Angular 库并在 Angular 应用里调用

Angular库是一个Angular项目，它与应用的不同之处在于它本身是不能运行的。必须在某个
·2021-10-17 12:40

Angular 如何为多个项目使用单一存储仓库

Angular工作区是Angularproject的集合。Angularproject包含application和library两种。
·2021-10-17 12:39

使用工具分析 SAP UI5 应用前端执行的性能问题

国庆黄金周开始的前一天，9月30日，我所在的开发团队收到了一个关于Angular应用的服务器端渲染(ServerSideRender，简称为SSR）的客户incident，让我有机会学习如何使用Chrome
·2021-10-17 12:38

angular组验证器

前言我们在对表单进行验证时，有时需要对多个字段同时进行验证，对不同字段的值进行比较，并针对它们的组合判断是否验证通过，在这种情况下使用对单一字段进行验证的验证器难以实现，这个时候就需要用到组验证器，在官方文档也叫跨字段交叉验证器。组验证器的使用官方文档链接组验证器使用示例下面通过项目中的实例讲解组验证器的用法。当前项目中需要对是否接种疫苗，接种地点，未接种原因三个字段进行验证，如果接种疫苗，需填写
·2021-10-16 21:49

基于angular实现树形二级表格

先看效果：代码：1、html节点名称节点管理IP节点登录名节点登录密码//使用ng-container作为空标签用于辅助放置for或者if事件，它在审查元素中是找不到的{{item.name}}//下面是箭头的图片，是展开和收起箭头的切换，通过判断当前点击索引与列表索引是否相等，相等则展开，否则收起{{item.ip}}{{item.username}}{{item.password}}//再次使
·2021-10-15 17:06

开源项目——5种技术编写的7个demo工程

android/ios/flutter/angular/javaweb5种技术编写的7个demo工程，有点用，可以看看，github地址。
·2021-10-14 16:52

Angular版本升级

目标是把Angular6升级到12，并把项目迁移过去。
啃香菜的花萝萝·2021-10-14 09:59
上一页 87 88 89 90 91 92 93 94 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他