随笔分类 - javascript
摘要：摘要： 前面给大家分享了一个react项目（http://www.cnblogs.com/xiyangbaixue/p/4751904.html），这次对这个项目做了一些改进，增加了rem布局和对iscroll在Android上的优化。项目代码，欢迎fork和star，在线预览REM布局实例代码v...
阅读全文
摘要：最近在开发中用到了全国各省会的经纬度坐标，所以自己总结了下分享给大家，点击链接地址
阅读全文
摘要：摘要： 最近公司要做一个嵌套在app中的应用，考虑着用Facebook的react来开发view，所以就研究了下。下面是我在开发中遇到的坑，希望能给你帮助。项目地址：https://github.com/baixuexiyang/reactIssue：https://github.com/baix...
阅读全文
摘要：摘要： 在项目开发中我们经常会遇到弹窗，有的是通过div模拟弹窗效果，有的是通过iframe，也有通过window自带的open函数打开一个新的窗口。今天给大家分享的是最后一种通过window.open()函数打开页面进行数据交互。首先看下效果图：原理： 父窗口给子窗口传递数据是通过url的参数...
阅读全文
摘要：摘要： 最近在制作手册的时候遇到了一个问题'文档乱码'，查看文件之后发现文件编码不对，总共100多个文件，如果用编辑器另存为utf8，那就悲催了。所以自己就写了个程序，批量修改文件编码格式。代码：/** * 修改文件编码格式，例如：GBK转UTF8 * 支持多级目录 * @param {Strin...
阅读全文
摘要：摘要： 在HTML中，某些字符是预留的。在HTML中不能使用小于号（），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在HTML源代码中使用字符实体。如需显示小于号，我们必须这样写：<或< HTML中的常用字符实体是不间断空格()。浏览器总是会截短HTML页...
阅读全文
摘要：摘要： 前面分享了用js将json数据下载为csv文件，方便后期管理。但是对于测试人员更希望能够以页面的形式展现任务，所以就做了一个将csv文件展现在页面上的例子。代码： csv CSV转JSON ...
阅读全文
摘要：摘要： 最近有一个非项目的小需求，就是将项目开发分工文件化，方便后期管理维护。但是开发时，分工安排都是以json格式记录的，所以就做了一个将json数据以csv格式下载到本地。代码： download csv ...
阅读全文
摘要：摘要： 对于前端开发我们最重要的工作就是兼容性，系统的兼容性，浏览器的兼容性等等。今天分享一个我在项目中封装的判断操作系统与浏览器的方法。操作系统：var os = (function() { var UserAgent = navigator.userAgent.toLowerCase()...
阅读全文
摘要：摘要： tagsinput是一款基于jQuery的插件。具有组织输入内容、校验、backspace删除等功能。当你在输入框输入结束按下enter键，tagsinput会将你输入的内容用标签封装，每个输入的内容用逗号分隔。实例：附录： https://github.com/xoxco/jQue...
阅读全文
摘要：摘要： JointJS是一个javascript图表库。你可以使用它制作静态或者动态的图表、关系表、流程图。效果图：
阅读全文
摘要：摘要： 前面已经分享过图表插件，今天在来将下如何使用highcharts来绘制图表。highcharts支持在线定制，你可以选择你所需要的模块，然后点击build就会生成一个js文件链接，右键保存到本地酒可以在项目中使用了。highcharts支持多种图表，如折线、饼状、柱状等等，可以去官网查看(...
阅读全文
摘要：摘要： 前面介绍了使用javascript生成二维码，但是这样并不能满足我们的需求，我们有时也会看到带有logo的二维码，本文就介绍如何生成带有logo的二维码。简介： 主要使用了svg的文本和图像，我这里也有介绍的，可以先了解这个再来看。二维码使用qrcode.js生成首先分享下在二维码中插入...
阅读全文
摘要：摘要： 百度百科上是这样介绍二维码的：二维码（Quick Response Code），又称二维条码，它是用特定的几何图形按一定规律在平面（二维方向）上分布的黑白相间的图形，是所有信息数据的一把钥匙。在现代商业活动中，可实现的应用十分广泛，如：产品防伪/溯源、广告推送、网站链接、数据下载、商品交易...
阅读全文
摘要：摘要： 最近项目中出现上传文件返回的json数据会被提示下载，只有在ie10+中才会出现这个问题。前端使用jQuery的插件ajaxForm提交表单，后台返回的数据格式为json。代码如下：后端Python：def jsonp(func): """Wraps JSONified output...
阅读全文
摘要：摘要： canvas可以绘制图像，自然而然的就可以制作动画，因为动画的每一帧都是图像。我们可以利用javascript的setInterval函数来实现动画效果。下面是一个例子，小圆绕着红点圆心不停的转圆圈。代码： 1 2 您的浏览器不支持canvas！ 3 4 ...
阅读全文
摘要：摘要： canvas可以读取图片后，使用drawImage方法在画布内进行重绘。本文介绍canvas的图像处理drawImage drawImage() 方法在画布上绘制图像、画布或视频。drawImage() 方法也能够绘制图像的某些部分，以及/或者增加或减少图像的尺寸。语法 在画布上定位图...
阅读全文
摘要：摘要： kendo-ui中只是提供了windwo插件，并没有提供页内弹窗插件。现在分享项目中自己定制的基于window组件的弹窗插件，如果你的项目也是用的kendo-ui，只需要将组件代码引到项目中即可。特点：支持定时自动关闭弹窗按钮自定义支持最大化最小化代码：dialog.js 1 var d...
阅读全文
摘要：摘要： HTML5规范已经完成了，互联网上已经有数不清的站点使用了HTML5。从现在开始研究HTML5，本文是自己在学习canvas过程中的记录，以备后需。历史： 这个HTML元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图API展现给客户端JavaScript以使脚本能够把想绘...
阅读全文
摘要：摘要：本文讲解的是javascript最基础也是最重要的东西--函数，之所以写这篇博文，是因为面试的时候问到了，也算是温故而知新了。先上个例子，如果你看懂了，说明你已经理解了本文要讲的。 1 var f = (function() { 2 3 function f() {return 10...
阅读全文