-
如何写Node.JS版本小游戏
JavaScript的出现催动了前端开发的萌芽,前后端分离促进了Vue、React等开发框架的发展,Weex、React-Native等的演变赋予了并存多端开发的能力,而Node.JS的面世无疑是推动了Web全栈开发的步伐...
-
80行代码写一个Webpack插件并发布到npm
最近在学习 Webpack 相关的原理,本文用80行代码写一个Webpack插件并发布到npm,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 1. 前言 最近在学习 Webpack 相关的原理,以前只知道...
-
详解前端安全之JavaScript防http劫持与XSS
作为前端,一直以来都知道HTTP劫持与XSS跨站脚本、CSRF跨站请求伪造。防御这些劫持最好的方法是从后端入手,前端能做的太少。而且由于源码的暴露,攻击者很容易绕过防御手段。但这...
-
使用react-beautiful-dnd实现列表间拖拽踩坑
相比于react-dnd,react-beautiful-dnd更适用于列表之间拖拽的场景,本文主要介绍了使用react-beautiful-dnd实现列表间拖拽踩坑,感兴趣的可以了解一下 目录 为什么选用react-beautiful-dnd 相比于r...
-
详解Angular路由之子路由
本文将介绍Angular子路由的用法,对此感兴趣的同学,可以参考下 目录 一、子路由语法 二、实例 在商品详情页面,除了显示商品id信息,还显示了商品描述,和销售员的信息。 通过子路...
-
详解Angular之路由基础
单页应用中,组件时构建应用的基础元素,页面展示什么内容均是靠页面有什么组件决定的,而展示什么组件又是由一组路由(带有Url元素的特定集合,可用于导航视图)决定的,希望...
-
详解Angular组件之投影
在html规范里面,它定义了非常多的标签,在这些标签里面,相同标签之间的嵌套,不同标签之间的嵌套,是十分常见,在Angular里面,我们可以通过自定义标签的方式引用组件,这里的标签能否像原...
-
详解Angular组件之中间人模式
设计一个组件时,组件应该是内聚的,应该不依赖外部已经存在的组件,要实现这种松耦合的组件要使用中间人模式。 目录 一、中间人模式 该组件树中除了组件1以外,每个组件都有一...
-
详解Angular父子组件通讯
本文介绍了Angular父子组件是如何通讯的,对此感兴趣的同学,可以参考下,并且亲自实验一下。 目录 概述 Angular组件间通讯 组件树,1号是根组件AppComponent。 组件之间松耦合,组件之间...
-
详解Angular结构型指令模块和样式
本文主要介绍了Angular的结构性指令模块和样式,对此感兴趣的同学,可以参考下。 目录 一,结构型指令 *是一个语法糖,a *ngIf="user.login"退出/a相当于 ng-template [ngIf]="user.login" a退出/a /n...
-
详解Angular路由动画及高阶动画函数
本文主要讲解了Angular的路由动画和高阶动画函数,对此感兴趣的同学,可以把代码亲自实验一下,理解其原理。 目录 一、路由动画 路由动画需要在host元数据中指定触发器。动画注意不...
-
详解Angular动态组件
本文主要介绍了Angular动态组件,对此感兴趣的同学,可以亲自实验一下。 目录 使用场景 我们先明确下动态组件的使用场景,在代码运行时要动态加载组件,换成普通人话,代码需要根...
-
如何用DevUI搭建自己的Angular组件库
DevUI 是一款面向企业中后台产品的开源前端解决方案,它倡导沉浸、灵活、至简的设计价值观,提倡设计者为真实的需求服务,为多数人的设计,拒绝哗众取宠、取悦眼球的设计。如果...
-
Vue路由监听实现同页面动态加载的示例
本文主要介绍了Vue基于路由监听实现同页面动态加载的示例,重点在于切换路由的时候,重新拉取列表数据,接下来看看实现方法吧 目录 场景分析 在系统中一个模块有三个子模块. 业务...
-
详解Vue3中Teleport的使用
门户(Portal)的概念是Vue3的新功能之一,也就是将模板 HTML 移至 DOM 的不同部分的方法。Portal 是 React 中的常见功能,Vue2 的 portal-vue nbsp;库也提供了相似的功能。在 Vue3 中用 Teleport 对这...
-
Vue中父组件向子组件传递数据的几种方法
最近在学习vue的源码,总结了几种vue中父子组件传递数据的方法。具有一定的参考价值,感兴趣的小伙伴们可以参考一下 最近在学习vue的源码,总结了几种vue中父子组件传递数据的方法...