随笔分类 - js开源组件开发
摘要：websocket的实现有很多种，像ws和socket.io，这里使用的是socket.io来实现多房间的效果。
阅读全文
摘要：如何在js中添加强类型判断，除了ts,你还可以选择flow.
阅读全文
摘要：由于html5的流行，现在移动端大多数的需求都可以使用audio来播放音频，但您可能只是需要很简单的播放/停止效果，但不同的浏览器上的audio样式却不尽人意，所以我简单的把它进行了封装
阅读全文
摘要：在我的设想中，一个缓存是应该有过期时间的，也应该是能够更新的，具有这两个能力还不够，它应该具有更新遇到异常时继续引用旧缓存的能力
阅读全文
摘要：2015上半年，写了20余个小功能，整理出来，分享一下，这里有"日历、日期、calendar、浮层、弹窗、dialog、h5上传图片、upload、js的滚动加载内容、js手机选择地区联动仿ios、js实现手机端图片预览、js实现手机端选择日期、轮播图片、支持手机滑动、iframe上传文件upload、点击的进度条、文本框计数统计、图片的懒加载、图片放大镜、ajax分页插件paging、url参数和表单json参数、table表格组件、自动搜索提示autosearch、数字格式化千分位、ajax的扩展network、loading加载效果、js提示组件tip、模拟select下拉选择框"
阅读全文
摘要：在css3流行的情况下，下拉框还是无法满足PD的需求，所以有了autosearch，有了模拟下拉框。效果如下图:
阅读全文
摘要：常见的应用场景中，总是难免会遇到提示信息，比如显示不完全时需要鼠标移上去显示title，比如验证时的错误提示，比如操作按钮的辅助说明等，所以我独立出来了一个小的js组件，tip提示组件。
阅读全文
摘要：在日常的应用中，你可能直接调用$.ajax是会有些问题的，比如说用户的重复点击，比如说我只希望它成功提交一次后就不能再提交，比如说我希望有个正在提交的loading效果。所以我做network这个组件来扩展$.ajax，希望全中国的人民们喜欢。
阅读全文
摘要：由于程序和网络的原因，常常我们需要在交互的时候，给用户一个正在加载中的动画，于是，loading组件横空出世。不需要复杂的代码，也能完成大多数业务，这就是我做组件的原则。
阅读全文
摘要：这次距离上一个组件《[js开源组件开发]table表格组件》时隔了一个月，由于最近的项目比较坑，刚挖完坑，所以来总结性提出来几个组件弥补这次的空缺，首先是金额和数字的千分位和小数点控制的组件，它的作用主要是在输入框时限制输入的内容为数字。也可以用于普通标签的数字格式化，效果如下图：
阅读全文
摘要：功能基本包括常用表格中遇到的分页、搜索、删除、AJAX操作。由于是用的HANDLEBARS渲染的，所以样式可能很好的控制，要加新的功能也较容易。
阅读全文
摘要：距离上次的组件[js开源组件开发]ajax分页组件一转眼过去了近二十天，或许我一周一组件的承诺有了质疑声，但其实我一直在做，只是没人看到……，最近项目紧，几个小组，只有我一个前端，公司对前端的定位不清晰，导致前端人员过少的情况。所以还得促进公司前端人员增长，不然再这么玩下去，我要被玩死了，一个公司，不可能靠一个资深前端来支撑二三十个开发的需求，这是不现实的，特别是现在的页面不再是复制粘贴的前况下。我默默耕芸，所以这次我整理了这一个月里所有能公用的组件，来填补之前的空白，首先是今天要说的query组件，这个组件很小，只有区区百行代码，但是其他组件所不可少的东西，它的作用是取参数，url的参数？或#的，form表单的参数，不同于serialize.
阅读全文
摘要：我以平均每一周出一个开源的js组件为目标行动着，虽然每个组件并不是很庞大，它只完成某一个较小部分的工作，但相信，只要有付出，总会得到回报的。这个组件主要完成分页的工作。
阅读全文
摘要：一般情况下，手机由于屏幕太小，会有图片上看不清的问题，所以我就做了一个放大镜的js效果，支持pc和移动端。它的原理是利用的backgroundsize来实现的，所以你的浏览器首先要支持这个属性。
阅读全文
摘要：前端对请求的一种优化方式，为什么叫懒加载，无从查起，反正我当初一直认为它是滚动加载的一种类型。它主要是以图片或背景在可视区域内时才显示真正的图片，减少src带来的负荷。
阅读全文
摘要：
监控文本框的文字长度，一个按字节计算，一个按个数计算，并自适应文本框高度
阅读全文
监控文本框的文字长度，一个按字节计算，一个按个数计算，并自适应文本框高度
阅读全文
摘要：一款兼容手机和pc端的轮播图文效果，很简单的插件，在原有基础上加上了触摸滑动切换图片功能。开源github.
阅读全文
摘要：
比较简单的手机端日期选择器。
这里在前面的《js手机联动选择地区》的基础上，改造数据源之后形成的一个日期的选择器，当然你可以使用之前的PC上模式的《日期控件》，它同时也支持手机端，http://www.cnblogs.com/tianxiangbing/p/calendar.html。
阅读全文
比较简单的手机端日期选择器。
这里在前面的《js手机联动选择地区》的基础上，改造数据源之后形成的一个日期的选择器，当然你可以使用之前的PC上模式的《日期控件》，它同时也支持手机端，http://www.cnblogs.com/tianxiangbing/p/calendar.html。
阅读全文
摘要：可怜的我用着华为3C手机，用别人现成的组件都好卡，为了适应我这种屌丝，于是自己简化写了一版的照片预览效果，暂时无缩放功能，以后可能有空再加吧，你也可以自己加下，这是个github上的开源项目。它的github地址是：https://github.com/tianxiangbing/mobile-photo-preview
阅读全文
摘要：js手机端浮层控件，并有多种弹出小提示，兼容pc端浏览器
阅读全文
