- 博客(50)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 react引入redux之初体验（一）
不管我们项目中是否是用的redux思想的最佳实践，但是他的基本思想基本如上图，是不是十分简单明了。有人说，redux这类不能称为框架，只能说是一种思想，不过我们在此就不讨论这么学术的问题了，为了描述统一，以下我们姑且称之为框架。redux这个框架思想很简单，不过，有时候最简单的就是最复杂的，简单的，灵活，也意味着我们需要做的更多，这时候，最佳实践方案就比较不好说了，这里我也只能是就着自己的一点点项
2017-06-27 21:38:12
1604
原创 http请求之关于content-type的一些介绍
在jquery+ajax盛行的年代里，前后端交互实在太方便了，ajax发起一个请求就是这么简单$.ajax({ url:'', type:'post', data:{},//参数 ...})久而久之，里面很多的细节都被我们忽略了，等到有一天，没有jquery ajax的时候，咦？怎么发起一个请求死活不成功，参数明明传递过去了，抓包都没有问题，但是后台就
2017-04-19 13:11:15
15576
原创 react-native开发踩坑之 ios上react-native-vector-icons 的error：unRecognized font family 'FontAwesome'
RN开发过程中使用了第三方图标库，由于对iOS也不是特别熟，所以搞了两天才跨过去，解决完毕后分享一下，毕竟RN开发资源还是比较稀缺的，多一点贡献是一点。 解决问题首先第一步那绝对是官网找，react-native-vector-icons github链接地址 iOS配置其实也不太难，里面信息也很好找 接下来解释一下，首先看第一步：把node_modules/react-native-vect
2017-04-05 22:36:07
6375
1
原创 ReactNative使用code-open热更新使用详解（Android为例）
CodePush 是微软提供的一套用于热更新 React Native 和 Cordova 应用的服务。这里我们只谈RN的热更，CodePush不开源，只作为一个中央仓库云服务器，接下来我们来详细讲解如何利用code-push进行热更。 主要流程如下：安装 CodePush CLI。创建一个CodePush 账号在CodePush服务器注册app在app上添加CodePush SDK，配置
2017-02-23 22:02:50
1193
原创 seajs源码分析-运行机制浅析（一）
前端技术发展简直是日新月异，随着angularjs，vuejs，reactjs等等这些框架的不断兴起，转眼间jquery，seajs，Backbone这些框架已经成了清朝的框架了，再加上es6本身对于模块化的支持，也许，seajs模块化在将来的某天可能会彻底成为历时，尽管如此，学习框架，不仅仅是学会怎么用它，更重要的理解其中的一些思想，理解框架的思维，才能干翻框架。废话到此 其实seajs代码量
2016-09-24 16:48:30
1789
原创 jquery promise从入门到装逼
对于promise的实现远不止jquery一家，when.js,promise.js，async.js都对promise有不同程度的实现，实现思路可能大同小异，但是最初的目的只有一个，那就是拯救回调地狱，使得代码更加清晰可维护，这里，我们只挑选jquery的promise来进行装逼实验。这里不多说回调地狱的坑了，咱只说说promise的美妙。 首先来感受一下promise强大的气场function
2016-09-19 20:41:10
3515
原创 html5离线缓存--manifest
移动web和移动app一直都是在其各自的领域内，各司其职，井水不犯河水。web端只要有浏览器，便能看遍天下网站，但是完全离不开网络，app则强大到无所不能，但是用必须要下载。各有各的优势，各有各的局限，直到html5的出现，两者的界限不断被刷新，webapp开始被广泛使用。说到这里，不得不提到h5中推出的一个离线缓存的新特性，正是它，大大拉近了web与app的距离。废话不多说，开讲--manife
2015-08-18 21:25:34
4418
原创 关于document.referrer某些情况下记录不到源网页的问题
项目中有个很简单的需求，5个页面，手机端分享出去的只要不是首页，打开默认跳转首页，页面间正常跳转不影响。本来有两种方法实现，1、服务端控制，2、客户端跳转由于是静态页面，只能由客户端控制。用referrer是否为空控制跳转，但是测试中发现，某些浏览器坑了。做了个小测试，例如有两个页面如下：test1.html：跳转test2.html:
2015-08-11 13:25:54
8792
2
原创 FIS 前端发布打包(入门)
既然用的是百度的东西，开篇当然要附上FIS百度官方文档链接废话不多说，直入主题FIS一、环境搭建FIS基于node.js环境，安装nodejs（搜一搜，大把下载地址），安装完成之后重启计算机重启完成后打开cmd，输入node，检验是否安装成功最后当然是下载fis，进入cmd，输入：npm install -g fis 回车即可二、fis-conf.js 配置文件（可直接空文
2015-08-07 11:53:13
4727
原创 浏览器端转盘抽奖策略实现
由于最近有个网页端的抽奖推广活动，抽奖的随机性是个非自然随机应该是个公开的秘密了吧，因为公司本着不欺骗，又不能太亏的原则，把几十台苹果或者其他高端奖品全部交给运气来分配，自己无法控制的，始终是不安心，所以这里面就需要一些策略来处理。接下来一步步揭秘。 首先抛出一个无策略的策略，所有的奖品相当于一个数组，再随机生成一个数字，这时候，奖品已经确定，然后转盘开始转动，再停下，恭喜你，中了啥。这就是最简单
2015-05-22 18:39:56
2186
1
原创 html5移动设备浏览器触屏事件兼容处理
自打诺基亚被苹果干趴下，Google开源Android系统，智能设备数量以及种类以不可阻挡的势头发展，苹果封闭的生态系统，Android开源开放的生态导致，殊途同归地给了我等屌丝开发者相同苦逼的命运，兼容命题。跨平台适配是个痛苦的工作，这里只谈谈近期工作学习相关的部分，苹果设备和安卓设备浏览器对触屏事件的兼容问题。 解决的就是这个问题
2015-05-21 16:39:36
8478
原创 html中嵌入播放flash视频
html中嵌入flash视频，SWFObject嵌入的方式网上已经泛滥，这里只介绍一种方式，使用object嵌入的方式。个人使用后很好用，也很简单。先上一个文件截图再上代码 这里看到的三个文件中，vcastr3.swf其实是一个容器，真正的显示文件是show.flv，其中vca
2014-12-18 21:22:57
9841
2
原创 javascript:利用事件的阻止冒泡实现模态框的隐藏功能
很多时候，我们做前端的时候都会有这样的小功能，点击弹出某个框框，但是，有时候不想操作，就想点击某个空白处，隐藏该框框。假设如下场景，一个小按钮，点击可以弹出一个模态框。就这么简单，但是我们想要点击空白部分的时候隐藏模态框，加入按钮id：btn，模态框id：model也许我们最简单的思路就是直接在document上监听一个事件，伪代码如下：按钮点击弹出事件监听：$("#btn").b
2014-01-23 18:54:43
1589
转载 Android横竖屏切换总结(Android资料收藏)
Android横竖屏切换总结(Android资料)Android横竖屏要解决的问题应该就两个：一.布局问题二.重新载入问题1.布局问题：如果不想让软件在横竖屏之间切换，最简单的办法就是在项目的AndroidManifest.xml中找到你所指定的activity中加上android:screenOrientation属性，他有以下几个参数："
2014-01-23 16:26:19
1355
原创 touchstart,touchmove,touchend触摸事件的小小实践心得
近段时间使用html5开发一个公司内部应用，而触摸事件必然是移动应用中所必须的，刚开始以为移动设备上或许也会支持鼠标事件，原来是不支持的，好在webkit内核的移动浏览器支持touch事件，并且打包成app也毫无压力。原本以为touch事件应该跟鼠标事件是一样的道理，实践过程中虽然不难，但还是碰到了不少坑，才发现还是略有区别的。$(document).bind(touchEvents.touchs
2013-12-25 21:48:04
113168
5
原创 node.js async实践分享
nodejs是基于事件驱动的，所有的一切都是异步调用的，这种实现机制优点确实十分明显，那就是避免了同步调用的无尽等待。一直以来，node.js用着都是比较令人感觉兴奋的，直到有一天，我陷入了它埋藏的无尽的回调深坑中，让我内牛满面。记得那是一个秋天，大约在冬季，我在我的代码小王国里做一件小事。我都觉得这个事情实在太小了，小的都不好意思说，不过我还是要说，我要在redis缓存中找jiangcs52
2013-12-18 14:32:04
9763
1
原创 socket.io实践篇(1)
谈到socket.io，就不能不提一下websocket，websocket是html5的新特性之一，多少web开发者为之兴奋，websocket可以使web程序客户端和服务端之间保持长连接，可以实现实时通讯，而且API简单易用，但是由于浏览器的支持不同，又是一个头疼的事情。后来，socket.io出现了，在某种程度上，socket.io就是websocket，其实socket.io与websoc
2013-12-13 17:27:01
20008
2
转载 WebSockets的9大杀手级功能
用户要求在尽可能短的时间内获得信息，等你刷新页面才能更新信息，就太迟了！好在有一种协议WebSockets，它允许直接数据交换，并且支持所有的现代浏览器。没有任何一种解决方案像WebSockets一样能够提供真正的双向沟通，虽然仍有许多Web开发人员依赖基于AJAX的这种长轮询（long polling）方式（声明一下，我个人认为长轮询有高度创造性和功能性，但其不过是Hack方法而已）。以
2013-12-05 20:08:31
1845
原创 css3中position定位详解
最近热衷于前端的开发，因为突然发现虽然对于网站、应用来说，功能处于绝对重要的地位，但是用户体验对于用户来讲同样是那么的重要，可以说是第一印象。最近在开发当中发现以前对于css中的position的理解有些偏颇，在这里分享一下这几天的学习。首先总体介绍一下接下来要分析的position属性的两个值：absolute和relative（绝对定位和相对定位），绝对定位：1、当某元素使用绝对定
2013-11-21 20:53:55
16104
4
转载 以小见大、由浅入深-谈如何面试Javascript工程师
转自：蒋宇捷的专栏 转载原因：不仅仅是面经，更加了解了需要学习的还有很多。面试Javascript工程师难吗？Javascript工程师的水平参差不齐，如何评定他们技术水平的高低？如何确定Javascript工程师适合承担哪方面的任务？我在腾讯时的面试经验是，通过不同纬度的结构化问题、由浅入深的进行考查。 基础 如何判断一个对象是方法？
2013-11-20 10:07:32
1013
转载 如何封装Node.js和前端通用的模块
转自：《如何封装Node.js和前端通用的模块》在Node.js中对模块载入和执行进行了包装，使得模块文件中的变量在一个闭包中，不会污染全局变量，和他人冲突。前端模块通常是我们开发人员为了避免和他人冲突才把模块代码放置在一个闭包中。如何封装Node.js和前端通用的模块，我们可以参考Underscore.js 实现，他就是一个Node.js和前端通用的功能函数模块，查看
2013-11-15 12:40:42
2203
原创 js如何监听滚动条滚动事件，使得某个标签内容始终位于同一位置
小知识点，废话不多说，直接上代码css：#anchor:{position:absulate;top:40%;left:40%;width:100px;height:100px;background-color:red;}js: var auchorTop = $("#anchor").css("top"); auchorTo
2013-10-23 18:44:47
45191
1
转载 java实现转html为pdf
转自：http://blog.csdn.net/is_zhoufeng/article/details/8244454最近有个需求转html为pdf 。用过itext 、 pd4ml ，都不理想，不是样式有问题，就是页面大小有问题。 或字体有问题。 解决办法是通过wkhtmltopdf工具 ， 下载地址为：http://code.google.com/p/wkht
2013-10-14 20:18:56
7209
4
转载 借@阿里巴巴 耍了个帅——HTML5 JavaScript实现图片文字识别与提取(转载原因：欣赏Geek精神)
写在前面8月底的时候，@阿里巴巴 推出了一款名为“拯救斯诺克”的闯关游戏，作为前端校园招聘的热身，做的相当不错，让我非常喜欢。后来又传出了一条消息，阿里推出了A-star（阿里星）计划，入职阿里的技术培训生，将接受CTO等技术大牛的封闭培训，并被安排到最有挑战的项目中，由技术带头人担任主管。于是那几天关注了一下阿里巴巴的消息，结果看到这么一条微博（http://e.weibo.com/18
2013-09-28 10:59:46
2250
转载 一段经典的node.js 数据库高并发实现
网上摘的，看得懂么。短短几行代码。功效 perfect!在一条sql执行的时间内，如果来了1000条访问请求，那么一次查询结果将返回给1000条请求，node.js 高并发可见一斑。转载自：http://it.dataguru.cn/article-3517-1.html 看看是不是那么神奇
2013-09-27 18:59:40
3276
原创 jqm(jquery mobile)报错：error loading page解决
之前使用jqm开发，从做项目开始的时候这个问题（error loading page）就一直存在，而且一直是以一种神奇的方式存在，有时候会突然蹦出来，重新刷新一下又消失了，所以这个问题都一直拖着，直到最后实在要发版本了不能再拖了，总不能让别人在手机上刷新页面吧。最后在jquery.mobile.js文件中调试的时候，终于发现了问题，因为我们整合了进了backbone，所以我们的页面跳转方式不用
2013-09-26 18:26:56
11817
原创 html中异步上传文件实现
这是html中最常见最简单的表单提交方式，但是这种方式必须会切换页面，也许有些时候我们希望可以在同一个页面与服务器进行交互，并不希望提交完表单后切换到另一个页面去，怎么办呢，这里分享几种表单提交的方式。首先介绍一种曲线救国的解法，以上的代码片段不用改变，只要添加以下代码并且在form表单中添加target属性，target=uploadFrame，target属性需要与ifra
2013-09-22 20:32:40
6142
1
原创 node.js和socket.io纯js实现的即时通讯实例分享
在这个例子中，其实node.js并没有起到服务器的作用，因为我们这里可以直接运行client.html文件，而不用输入url请求，当然，要想输入url请求页面内容还需要加入请求静态文件的代码。这里我们只要将这个客户端页面开两个出来即可进行简单的即是通讯了，而这里我们主要使用socket.io来进行即时通讯的消息的收发。var server = http.createServer(callbac
2013-09-09 20:53:30
32150
4
转载 jquery DOM使用操作
DOM操作的分类DOM Core 并不专属于javascript，任何一种支持DOM的程序设计语言都可以使用它。它的用途并非仅限与处理网页，也可以用来处理任何一种使用标记语言编写出来的文档。例如XMLjavascript中的getElementById(),getElementByTagName(),getAttribute()和setAttribute()等方法，这些
2013-09-05 14:52:31
1838
转载 实用js-js中数组的操作
JS中数组的操作1、数组的创建var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度，注意不是上限，是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值
2013-09-04 22:04:26
824
转载 Tree树状结构显示（dtree、xtree、ExtTree、E3tree、ztree）
最近在做一个树状结构显示的小项目，其中要用到将大量数据异步显示在web页面里，从而就开始了我的大范围查找树的样例和过程。树状结构显示据我看到的比较流行的有dtree、xtree、EXTtree、E3tree、ztree。在本人的项目中使用的是ztree，它也是所有中功能最强大的树。下面我分别介绍一下它们。1 dtree dtree是就是一个js的开源树形组件，使用特别简单，
2013-09-03 17:20:59
2008
原创 ExpressJs上传文件
今天用ExpressJs上传文件的时候，搜了好多博文但是总是不成功，最后终于试成功了，真的很简单，只是有几个注意的点，这里就这些点简单介绍。第一、我这是在windows 7的环境下，不知道linux环境下如何，不过应该大同小异了；第二、在客户端的表单提交中记得添加这样一个属性，enctype=“multipart/form-data”，简单代码如下：
2013-08-18 08:31:47
5312
转载 纯CSS实现各类气球泡泡对话框效果
一、关于纯CSS实现气泡对话框首先，来张大图：上边这张黄黄的，大大的，圆圆的，有个小尾巴，文字内容有些YY的图片，就是使用纯CSS实现的气泡对话框效果，一点图片都没有哦。看到这里，你是不是跟我一样，有些惊叹CSS的潜力呢。关于这张图片，暂时先放到一边，下面我要讲一些与主旨相关的比较重要的，同时又很实用的一些技术。我们首先看下面这一张图片（截自人人网）：可能颜
2013-08-13 21:57:53
1577
转载 css中position属性absolute与relative 详解
最近一直在研究javascript脚本,熟悉DOM中CSS样式的各种定位属性,以前对这个属性不太了解,从网上找到两篇文章感觉讲得很透彻,收藏下来,唯恐忘记。一.解读absolute与relative http://www.blueidea.com/tech/web/2006/4249.asp很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolut
2013-08-13 21:11:16
6127
转载 Mongodb安装及配置
mongodbwindows数据库cmdservicejavascript1.下载mongodb的windows版本，有32位和64位版本，根据系统情况下载,下载地址：http://www.mongodb.org/downloads2.解压缩至E:/mongodb即可3.创建数据库文件的存放位置，比如D:/mongodb/data/db。启动mongodb服务之前需要必
2013-08-10 16:40:40
675
原创 Express之初体验
express是node.js的框架，node.js的好坏就不多说，到处都有的看，更何况像我如今此等入门级，就简单分享一下初次体验express的一些心得体会，仅仅是一些基础知识，希望大神指点，菜鸟则希望有所帮助，共同进步啊。node.js的简单配置已经在前面的
2013-08-07 21:16:45
2390
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人