众所周知，在web前端开发单页面使用路由目前有两种方式可以实现，一种是使用hash模式，另外一种就是history模式，今天小千就来给大家介绍一下这个history模式，喜欢的话记得收藏。 history 模式 路由原理： History 模式是 HTML5 新推出的功能，基于pushState和popstate两个api实现的，比之 Hash 模式更加美观。 当首次进入项目，向服务器发送请求，后端需要配合重定向，凡是处理不了的请求都响应单页面的html...
实现技术：mxreality.js 文档链接 ： https://codechina.csdn.net/mirrors/guoguicheng/mxreality.js/-/blob/master/docs/index.md 首先下载 mxreality 包，npm\yarn方式都可以? yarn add mxreality.js 下载后引入到你定义的VR组件内 import * as THREE from 'mxreality.js/build/three'; import { VR, AVR } from 'mxreality.js/build/mxreality'; import * as Hls from 'mxreality.js/build/hls';window.THREE = THREE; window.H...
## react+antdUI实现动态菜单，记录。 import React, { Component } from react; import { Menu } from antd; const { SubMenu } = Menu; interface Props {} type stateType = {menuList: {}[] } type itemType = {id: ,path: , // 页面跳转路劲title: , // 菜单名称icon: , // 图标show: boolean, // 是否显示该菜单children: [] // 子级菜单 }// 模拟数据 const mList = [{id: 01,path: ,title: 用户管理,icon: ,sh...
深层响应的 reactive 看过官网文档的都知道，Vue3 的响应性分为浅层和深层，我们常用的 reactive 是深层的。 我们也都知道，reactive 是使用 proxy 来实现响应性的，那么问题来了： 既然 proxy 的拦截操作是浅层的，对于嵌套属性的操作无感，那么 reactive 是如何实现深层响应的呢？ 这个就得看看 源码了。 // reactivity.js function createGetter(isReadonly = false, shallow = false) {return function get(target, key, recei...
转： Reactive Spring实战 -- 理解Reactor的设计与实现 Reactor是Spring提供的非阻塞式响应式编程框架，实现了Reactive Streams规范。 它提供了可组合的异步序列API，例如Flux（用于[N]个元素）和Mono（用于[0 | 1]个元素）。 Reactor Netty项目还支持非阻塞式网络通信，非常适用于微服务架构，为HTTP（包括Websockets），TCP和UDP提供了响应式编程基础。 本文通过例子展示和源码阅读，分析Reactor中核心设计与实现机制。 文本Reac...
一，需求背景： 某个印刷公司，有一系列的设计文件模板。接到客户订单时，就在这些设计文件模板上，做一些简单的定制，就能够满足客户的印刷需求。 如在设计文件模板上添加客户的Logo，二维码，联系方式等。 1，面临困境： a，每天有上千个模板文件需要加Logo，文字。印刷公司不得不请几个设计师来完成这项工作。 b，设计师要不断的与客户沟通，如文字颜色，字体，文字大小，二维码， Logo的位置。 c，设计文件不能统一归档存储，时...
class CmtList extends React.Component {constructor() {super();this.state = {CommentList: [{id:1, user: 'sss', content: 'java'},{id:2, user: 'sss', content: 'java'},{id:3, user: 'sss', content: 'java'},{id:4, user: 'sss', content: 'java'},]}}render() {return <div><h1> 这是评论列表组件 </h1>{this.state.CommentList.map(item => <div>{item.user}</div>)}</div>} }ReactDOM.render(<div><CmtList></CmtList> ...