缘起netcore框架下实现基于zmq的应用. 在.net framework时代,我们进行zmq开发由很多的选择,比较常用的有clrzmq4和NetMQ. 其中clrzmq是基于libzmq的Interop包装, NetMQ是100%C#的zmq实现(基于AsyncIO组件).以上两种组件我都有过应用,孰优孰劣各有千秋,本文就不详谈了. 回归正题,netcore下使用zmq首先也是想到引用上述组件,实践后发现clrzmq暂时没有基于netstandard或者netcore的支持,而NetMQ做…
开发中遇到要加载10个或者更多的,类型相同的组件时,如果用普通的 import 引入组件,components注册组件,代码显得太啰嗦了,这时候就需要用到 require.context 动态加载这些组件,然后用循环的方式引用. 这里以三个组件为例: Bus.vue  Car.vue Train.vue. 第一步 在相同目录下新建index.js文件,如下: 第二步 index.js内容如下: const resultComps = {} let requireComponent = requi…
背景: 目前我们项目都是按组件划分的,然后各个组件之间封装成产品.目前都是采用iframe直接嵌套页面.项目中我们还是会碰到一些通用的组件跟业务之间有通信,这种情况下iframe并不是最好的选择,iframe存在跨域的问题,当然是postMessage还是可以通信的,但也并非是最好的.目前有这么一个场景:门户需要制作通用的首页和数据概览页面,首页和数据概览页面通过小部件来自由拼接.业务组件在制作的时候只需要提供各个模块小部件的url就可以了,可是如果小部件之间还存在联系呢?那么iframe是不好…
1.后台接口为点击加载下一级 ,传省市区id <template> <el-cascader v-model="selectedOptions" placeholder="请选择省市区" :options="cascaderData" @active-item-change="handleItemChange" :props="{ value: 'id', label: 'name', childr…
import React, { Component } from 'react'; import Loading from '../../base/nc_Loading'; /* * date: 2018/06/28 * asyn load components * useage: const newcom = asyncComponent(() => import(/ * webpackChunkName: "chunkname" * / 'pages/so/edit'));…
为什么要动态加载呢?而不是一次性加载呢? 一次性?你能保证你拿的内容不多,那从性能方面说还是OK的.否则,就该什么时候用,就什么时候取. 得出这想法,源于前几天上班赶产品的故事: A组件是父亲,B组件是A组件的孩子.刚刚,我在A组件里直接加载B组件. 编译居然用了将近一分半钟,我都还没加其他C孩子,D孩子呢. 现在,我在A组件里动态加载B组件,也就是点击工作配置单才加载B组件,居然十秒左右,惊呆了. 下面看看动态加载的方法: A组件的 Template标签:由于我的动态加载的组件不唯一,所以弄了…
React 项目打包时,如果不进行异步组件的处理,那么所有页面所需要的 js 都在同一文件中(bundle.js),整个js文件很大,从而导致首屏加载时间过长. 所有,可以对组件进行异步加载处理,通常可以使用 React-loadable. React-loadable 使用 例如,对于项目中的detail组件(/src/pages/detail/),在 detail 目录下新建 loadable.js: import React from 'react'; import Loadable fr…
1. 问题背景 某个老产品需要支持IE8,前端部分组件采用scrat开发体系进行开发的,当页面中内嵌的iframe的页面再加载组件js的时候,某些情况下会出现组件的js乱码,导致组件的js不能运行.而且,乱码并不会在第一次加载页面时发生,而是第二次第三次-加载页才会发生. 页面结构详细情况如下(页面编码为啥没统一,因为有历史原因-请忽略): 当用node的express服务放置iframe对应的页面时,不会出现问题. 当用tomcat服务器放置iframe对应页面时,不会出现问题. 不管用nod…
动态加载js文件是ext4.x的一个新特性,可以有效的减少浏览器的压力,提高渲染速度.如动态加载自定义组件 1.在js/extjs/ux目录下,建立自定义组件的js文件. 2.编写MyWindow.js文件 Ext.define('js.extjs.ux.MyWindow'/*名称一定要与路径相对应*/,{ extend : 'Ext.window.Window', title : '动态加载的组件', width : 400, height : 300, bodyStyle: 'backgro…
呵呵,今晚是边看<裸婚时代>边敲代码,那电影看得...!钱真他妈不是个东西. 盼望Meego火起来. QML的Loader元素经常备用来动态加载QML组件.可以使用source属性或者sourceComponent属性加载.这个元素最有用的地方是它能在qml组件需要的时候再创建,即延迟创建QML的时间. 1. main.qml ------------------------------------ import QtQuick 1.0 Item { property bool isFirst…