- 博客(10)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 配置化脚手架cli工具开发实践
针对问题4，我们在模块中增加模块参数配置文件，并启动一个nodejs的wen服务，将配置返回到页面，且实现一个动态表单（这个后面有时间我单独推荐一下，基于tdesign-vue，代码不多，但非常方便），将配置与页面UI对接。我们常用的cli工具，如vue和react的cli工具，基本都是静态模版，即准备几套工程模版，如移动端一套，pc端一套，根据参数拉取对应的代码模版即可。针对问题5，我们将模版资源和cli分开，在不同仓库中维护，并将模版物料资源推送到COS，cli从COS拉取模版物料，且物料支持版本号。
2024-03-05 18:12:25
651
原创 异步终极解决方案-用同步方式写异步代码
三个异步函数，如：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
3038
原创 handlebars 引入子模板
以前都是通过预编译使用handlebars模版，webpack的handlebars-loader，可以很轻松使用子模板简化逻辑。今天给后端同事支持，是在浏览器端编译handlebars，想使用子模板，发现居然没有！还好handlebars用得熟悉，通过helper实现了子模板功能不废话直接上代码：html代码：<script type="text/html" id="test"> <div
2016-09-21 19:32:16
5522
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
36084
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
19898
2
原创 任何情况都有效的ajax全局回调
这儿说的任何情况，就是使用任意框架的ajax函数，或不使用任何框架的原生ajax，本方法总是有效。另，本方法js在任意位置执行均可生效。特殊说明： 浏览器需支持XMLHttpRequest对象，对使用activex的垃圾ie自己想办法。 简单的东西直接上代码： var oldSend = XMLHttpRequest.prototype.send;XMLHttpReque
2015-11-25 12:58:21
1158
原创 SSE实现web实时通讯
前面说了长轮询的方式实现web实时通讯的原理，这里说另一个小弟知道的实现实时通讯的方式，SSE。 SSE即Server Sent Event，服务端发送事件，我说说自己对其原理的理解吧：ajax通过xmlhttprequest对象进行，而该对象在和服务端交互过程中会触发多次回调，对应readystate属性的几个值，我们一般只使用readystate=4的那次回调，表示已接收完所有数据。
2014-02-21 16:50:55
10631
原创 ajax长连接实现web实时通讯
因web运行模式请求-响应，服务端无法主动发起通讯，所以实时性备受诟病，ajax轮询可以模拟及时通讯，但连接太频繁将给服务端带来很大压力，不频繁则实时性很差。本文介绍在web上真正实现实时通讯的方法，ajax长连接。特别说明：ajax长连接是浏览器兼容的 简述过程：进入页面客户端即发起一个ajax请求，服务端收到请求后不立即返回，将其阻塞，待服务端有新信息时将信息返回给客户端，客户
2014-02-21 16:20:53
15253
4
原创 文件ajax上传
首先，ajax不能上传文件，所以文件ajax上传的原理不是ajax，ajax上传的用的是表单提交。 一般的表单提交会刷新页面，所谓的ajax上传就无从谈起，所以先说说无刷新的表单提交 提交 提交如上表单，服务端返回的内容将渲染到上面的iframe，主页面将不刷新。 基于该机制，就可以实现无刷新文件上传 提交
2013-08-05 10:53:42
6004
2
原创 跨域ajax原理(jsonp方式)
ajax不能跨域，所以跨域ajax的原理不是ajax，而是js节点加载，需提供接口的一方服务端支持。 具体做法： 假设我要做一个跨域ajax接口，与普通ajax接口有所不同，需要多接收一个回调函数名，做成函数调用形式，以下为伪代码。 string callback = request.qustring("callback");string json = "{test
2013-08-05 10:01:55
2752
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人