自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 资源 (3)
  • 收藏
  • 关注

原创 配置化脚手架cli工具开发实践

针对问题4,我们在模块中增加模块参数配置文件,并启动一个nodejs的wen服务,将配置返回到页面,且实现一个动态表单(这个后面有时间我单独推荐一下,基于tdesign-vue,代码不多,但非常方便),将配置与页面UI对接。我们常用的cli工具,如vue和react的cli工具,基本都是静态模版,即准备几套工程模版,如移动端一套,pc端一套,根据参数拉取对应的代码模版即可。针对问题5,我们将模版资源和cli分开,在不同仓库中维护,并将模版物料资源推送到COS,cli从COS拉取模版物料,且物料支持版本号。

2024-03-05 18:12:25 678

原创 异步终极解决方案-用同步方式写异步代码

三个异步函数,如:function async1(param, callback){ setTimeout(function(){ callback(param+'->async1'); },2000);}function async2(param, callback){ setTimeout(function(){ callback(param+'->async2'

2016-11-09 17:44:44 3052

原创 handlebars 引入子模板

以前都是通过预编译使用handlebars模版,webpack的handlebars-loader,可以很轻松使用子模板简化逻辑。今天给后端同事支持,是在浏览器端编译handlebars,想使用子模板,发现居然没有!还好handlebars用得熟悉,通过helper实现了子模板功能不废话直接上代码:html代码:<script type="text/html" id="test"> <div

2016-09-21 19:32:16 5544 1

原创 webpack 处理html中img的src引入的图片

webpack在管理模块,处理各种资源上都是无往不利,但唯独在处理html上比较困难,不识别html中img标签src引入的图片。 html-webpack-plugin这种插件辅助处理html非常好,但却仍然未解决html代码中的图片问题,未免美中不足。在遍寻开源模块无果后,认真研究webpack的loader和plugin后,终于解决了这个问题。从npm安装模块npm i html-withi

2016-06-23 18:33:07 36116 3

原创 npm内网源搭建

前段时间用npm在公司搭建了npm内网源,把搭建过程及踩的坑记录一下。准备工作: 安装node及npm,node版本4.2.2+(切记,4以下的版本是不行的)首先下载源代码:git clone git://github.com/cnpm/cnpmjs.org.git如果没装git,直接去https://github.com/cnpm/cnpmjs.org/ 下载zip吧。安装依赖,可从淘宝npm

2015-12-09 18:51:48 19941 2

原创 任何情况都有效的ajax全局回调

这儿说的任何情况,就是使用任意框架的ajax函数,或不使用任何框架的原生ajax,本方法总是有效。另,本方法js在任意位置执行均可生效。特殊说明: 浏览器需支持XMLHttpRequest对象,对使用activex的垃圾ie自己想办法。    简单的东西直接上代码:    var oldSend = XMLHttpRequest.prototype.send;XMLHttpReque

2015-11-25 12:58:21 1162

原创 SSE实现web实时通讯

前面说了长轮询的方式实现web实时通讯的原理,这里说另一个小弟知道的实现实时通讯的方式,SSE。    SSE即Server Sent Event,服务端发送事件,我说说自己对其原理的理解吧:ajax通过xmlhttprequest对象进行,而该对象在和服务端交互过程中会触发多次回调,对应readystate属性的几个值,我们一般只使用readystate=4的那次回调,表示已接收完所有数据。

2014-02-21 16:50:55 10689

原创 ajax长连接实现web实时通讯

因web运行模式请求-响应,服务端无法主动发起通讯,所以实时性备受诟病,ajax轮询可以模拟及时通讯,但连接太频繁将给服务端带来很大压力,不频繁则实时性很差。本文介绍在web上真正实现实时通讯的方法,ajax长连接。特别说明:ajax长连接是浏览器兼容的     简述过程:进入页面客户端即发起一个ajax请求,服务端收到请求后不立即返回,将其阻塞,待服务端有新信息时将信息返回给客户端,客户

2014-02-21 16:20:53 15264 4

原创 文件ajax上传

首先,ajax不能上传文件,所以文件ajax上传的原理不是ajax,ajax上传的用的是表单提交。    一般的表单提交会刷新页面,所谓的ajax上传就无从谈起,所以先说说无刷新的表单提交    提交    提交如上表单,服务端返回的内容将渲染到上面的iframe,主页面将不刷新。    基于该机制,就可以实现无刷新文件上传    提交

2013-08-05 10:53:42 6010 2

原创 跨域ajax原理(jsonp方式)

ajax不能跨域,所以跨域ajax的原理不是ajax,而是js节点加载,需提供接口的一方服务端支持。    具体做法:    假设我要做一个跨域ajax接口,与普通ajax接口有所不同,需要多接收一个回调函数名,做成函数调用形式,以下为伪代码。    string callback = request.qustring("callback");string json = "{test

2013-08-05 10:01:55 2756

js日期时间控件

强大的日期控件,支持选择时间,样式很美观,兼容

2013-02-06

jquerywindow组件(原创)

csdn资源上传做得好垃圾,我无语了,特别是那个关键词,还有我不写描述居然不让我提交,去了

2012-12-19

Ext Api文档

Extjs 中文Api文档,chm格式 目录排布极好,关键词有链接参看详情 extjs开发必备

2012-09-27

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除