- 博客(55)
- 收藏
- 关注
RSS订阅原创 window.postMessage解决前端ajax跨域问题
postMessage畅快解决跨域问题本文主要是记录使用window.postMessage解决ajax跨域问题的方案，实践检验。window.postMessage简介 window.postMessage 是一个安全的跨源通信的方法。一般情况下，当且仅当执行脚本的页面使用相同的协议（通常都是 http）、相同的端口（http默认使用80端口）和相同的 host（两个页面的 document.
2016-08-30 19:11:35
2868
1
原创 原来我真的不会用seajs
一次痛苦的seajs查“错”经历关于Seajs这里无需多讲，作为一个前端开发或多或少都是听过它的大名。最近接手一个项目，模块编写使用CMD规范，加载使用Seajs。OK，暂时也不太好更改这种模式，那就遵循现有的规范来写代码吧。但是在查看页面加载的文件列表时，我瞬间一脸懵逼，为啥呢？多出来几个“不速之客”！如下图好吧，这么说，可能大家还是一脸懵逼，六神无主，我们来看看具体的代码 function
2016-06-16 20:53:34
619
原创 数据驱动视图简单实现
数据驱动视图简单实现前端框架日新月异，Angularjs的MVVM模式风靡全球，React的MV模式也被大家捧得火热。我不知道有多少人在使用Vue.js，这也不重要，框架对于前端从业人员而言绝对是提升效率的利器，各种框架/各种库帮我们解决了大量的繁琐工作/兼容性工作。最近在一个移动端项目中想去使用Vue.js，那必然会跟跟当下其他比较火热的框架进行一个比较，具体的比较过程大家也可以从 是否能完成需求
2016-05-30 11:38:12
4327
原创 谁的Promise？
Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。如果你以为这是一篇悲伤的爱情故事，不好意思，那你是“被标题”了。 前段时间在用Nodejs开发一个可视化流程工具的过程中，涉及到文件批处理的功能，比如批处理N个样式文件。 我们知道Nodejs读取文件分为阻塞式
2016-05-10 10:37:41
965
原创 算法重头学-归并排序
归并排序 归并排序（英语：Merge sort，或mergesort），是创建在归并操作上的一种有效的排序算法，效率为O(n log n)。1945年由约翰·冯·诺伊曼首次提出。该算法是采用分治法（Divide and Conquer）的一个非常典型的应用，且各层分治递归可以同时进行。上一章我们大概了解了一下“插入排序”，并且使用js对插入排序进行了实现。本章紧接着谈到“归并排序”，因为这里要
2016-05-09 16:25:49
920
原创 算法重头学-插入排序
插入排序本文使用javascript实现插入排序算法，支持自定义排序方向。插入排序 插入排序（英语：Insertion Sort）是一种简单直观的排序算法。它的工作原理是通过构建有序序列，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置并插入。插入排序在实现上，通常采用in-place排序（即只需用到O(1)的额外空间的排序），因而在从后向前扫描过程中，需要反复把已排序元素逐步向后挪位，
2016-05-05 10:53:57
447
原创 wamp配置多目录访问方法
综合网上朋友们的说法并自己实践了一下，总结大致步骤如下：1、找到httpd.conf文件中的Include conf/extra/httpd-vhosts.conf，取消行首的#。这个表示从另外一个专门的虚拟目录的配置文件来解析不同的访问路径。2、在extra目录下，找到httpd-vhosts.conf文件，添加一个虚拟目录的段，代码如下 ServerAdmin ad
2015-12-07 23:36:21
2706
原创 如何搞定SVN目录的cleanup问题和lock问题
最近在使用SVN的时候碰到一个问题，就是操作时由于粗心大意，在更新的过程中点击取消，使得该目录出现cleanup的操作提示。OK，按照cleanup提示操作后，又提示目录被lock...网上有解决方案称，在SVN目录下找到 .svn 隐藏目录，一般是在项目的根目录下，在 .svn 目录下有一个 wc.db 数据库文件。我们使用 sqlite3.exe 打开这个数
2015-06-04 11:31:52
28007
4
原创 php上传文件大小限制解决方法
近期在做一个上传的功能时，遇到了超过2M大小的文件都上传不了。在网上搜索了一下大家的说法，基本都是修改php.ini这个配置文件中的一些参数，参数列表如下：max_execution_time = 600max_input_time = 600memory_limit = 32mfile_uploads = onupload_max_filesize = 32mpost
2015-04-18 18:54:24
614
原创 canvas.toDataURL('image/png')报错处理方法
问题背景：遇到一个需求，要对播放的视频进行截图，视频使用video标签来播放，然后点击视频播放区域时截取实时的帧图片。代码很简单如下： var video = document.getElementById('video'); var canvas = document.getElementById('canvas'); var ctx = canva
2015-04-08 16:03:22
69177
10
原创 sublime3 less代码高亮
这里是尝试了网友们的一个方法，成功了，还比较简单。1、安装git bash2、进入到sublime 的package目录下（Preference =》Browse packages）3、运行gitbash，输入 git clone https://github.com/danro/LESS-sublime.git LESS4、重启sublime。就ok啦。
2015-03-27 16:41:33
4509
1
原创 Windows下使用git bash提示：unable to connect to github.com
在windows下我想开发一个grunt插件，但是很不幸的是直接卡在了第一步上，阿西吧。我在git bash下使用命令如下：git clone git://github.com/gruntjs/grunt-init-gruntplugin.git ~/.grunt-init/gruntplugin好嘛，然后就没有然后，因为公司的网要走代理，所以刚开始以为是代理的问题，后面对代理进行
2015-03-16 12:01:45
2245
翻译 uploadify在chrome下崩溃的解决方案
运行环境：1、Thinkphp2、Apache3、Chrome代码调用：$('#up_file').uploadify({ height : 30, swf : '__PUBLIC__/uploadify/uploadify.swf', uploader : '__PUBLIC__/uploadify/uploadify.php', width : 120});
2015-03-12 17:29:39
2186
原创 canvas简易开发文档
http://cheatsheetworld.com/programming/html5-canvas-cheat-sheet/zh
2014-10-15 16:35:58
616
原创 自定义webkit的滚动条和checkbox
最近在项目中碰到了一个问题：视觉稿中的checkbox和滚动条和webkit自带的样式差距很大。本着原生更省力的原则努力想去说服产品经理和设计师，但是无果，他们搬出了ui规范，必须要做成规范上的样式。虽然很蛋疼，但我也只好把蛋蛋揉了揉开始去自定义这两个货。思路：首先，去掉webkit自带的appearance；对相应的样式进行重写；替换相应的图片。1、checkbox篇代码：inp
2014-03-28 14:06:15
2115
原创 iscroll4snap的使用备注
移动端图片滑动浏览场景使用iscroll是比较合适的，工具方便好用，节省大量开发时间。先说说iscroll使用的方法。1、引入iscroll的js文件，在head里面或者body尾部都行；2、构造swipe区域，这里需要注意的是至少包含两层dom结构，形如，wrapper是要绑定的dom对象，为滚动的总区域，超出部分会自动截断；scroller是滚动的内容。iscroll会使用wrap
2014-03-20 16:34:10
1602
原创 红米手机-圆角外背景色溢出解决方案
当我们在做手机app开发的时候常常会用到Webview模式，ui部分全部用html和css来实现。遇到一个问题，对一个dom元素设置了圆角border-radius:10px;background:#fff。在红米下，四个圆角外面会溢出白色的背景。蛋疼。解决方法：在dom的样式上加上 background-clip:padding-box;好吧，问题解决了，原因不明，只能说红米
2014-03-18 17:00:08
4603
2
原创 node-webkit在windows下发布
关于node-webkit是what，以及这货能干啥网上有大把的文章详述或简述，我们不再一一道来，本文主要是介绍一下node-webkit在windows下的打包和发布流程。请各位观众注意的是，是window下的，如果跟您的需求不合请自觉屏蔽。以下以最基础的示例来说明一下整个流程及需要注意的地方。假设我们把node-webkit的目录建为node-webkit，它的目录结构如下（文件名前面
2014-03-03 21:14:54
5721
1
原创 js实现类继承
为了让自己能把继承的实现机制理解得更透彻，还是决定看能不能通过自己的理解讲述出来，以下文章如有不妥之处请积极批评指正，感激不尽。我们知道js中一切皆对象，但是当我们把流行的面向对象的语言特性套到js身上时却略显尴尬，为啥？js没有提供继承机制，这个得我们自己动手来模拟实现。不管是传统的方法还是所谓的先进方法，都逃脱不了原型的使用，顶多是在这个上面去做文章来对继承模式进行优化和原则。大致可以
2014-02-20 14:58:05
827
1
原创 input输入框中光标高度的变化问题
最近在项目中碰到一个问题：搜索框的光标高度在有输入内容和为空时发生很大变化。那么于是在web上搜索了一下前辈们是怎么解决此问题的首先，先看看问题产生的原因：chrome浏览器对光标高度的设置原则为，当没有内容的时候光标的高度=input的line-height的值，当有内容时，光标从input的顶端到文字的底部。OK，既然知道了原因，我们就相应才去一些措施。
2014-01-02 14:13:44
20544
原创 ie6下text-indent带来的一个bug
html结构为好吧，为了让输入框看上去好看一点，于是前端同学在input上加上了text-indent为3px。完了在ie6下就悲剧了，input元素相对p元素向右移动了3px，同时把p元素也撑大了3px，像是给p元素设置了一个padding-left一样，坑爹啊。http://www.tcreator.info/webSchool/xhtml-css/text-indent-in-i
2013-12-30 18:09:19
1388
原创 安装edge和express后运行是提示不能找到这些module的解决方法
问题描述：通过npm安装了第三方的node插件：edge.js；在代码里面require(edge)；运行时提示找不到该module解决方法：在网上找了很多解决方法，归类为使用某某命令，不明所以；后来推敲一下估计他们都是想表达将相应的路径加入到系统环境变量中，OK，测试一下，将C:\Program Files\nodejs\node_modules路径加入到系统环境变量中，再运
2013-11-11 18:43:26
1088
原创 学习php-安装xampp
作为前端攻城湿，决定还是好好了解一下php这门席卷全球的开发语言及相关开发环境。1、下载安装。这一步比较简单，在google或baidu搜索xampp，然后选择一个现在下来，解压即可。2、验证apache是否运行。在浏览器位置栏输入“localhost"，出现下图即OK。3、配置xampp。直接截图吧4、遇到的问题及解决方法。在XAMPP for windows帮助页面
2013-08-02 11:21:12
685
原创 ajaxupload新版试用记录
最近被老板安排去处理一个图片上传的功能，于是自然想起了之前用过的ajaxupload插件，于是乎开始各种搜索，无赖发现该插件在gitub上更改位置，更为郁闷的是插件代码被重新整理过，以前的一些使用方法问题不断。好吧，让我重新学习一下新版本的ajaxupload吧。首先，找到ajaxupload的官网 http://fineuploader.com/ 。下载需要的js和css。
2013-04-22 11:33:16
3408
原创 stanford parser中文句法分析时注意的问题
最近做中文自然语句语义分析方面的事情，要用到中文NLP技术，于是在stanford university的NLP小组web页上下载相关java包，开始应用。第一步：导入parser的包和相关的文件，并在项目中添加对包的引用。截图如下所示：第二步：在入口java文件里面编写具体引用的Model，代码如下： LexicalizedPar
2013-04-10 15:43:58
2725
转载 转载 POS tagging :part-of-speech tagging
POS tagging :part-of-speech tagging , or word classes or lexical categories . 说法很多其实就是词性标注。那么用nltk的工具集的off-the-shelf工具可以简单的对文本进行POS tagging>>> text = nltk.word_tokenize("And now for something
2013-01-06 11:53:12
5453
原创 javascript中构造函数new使用的注意事项
场景：js中使用构造函数构造对象方法：1、字面量构造法，如var obj={}；2、new构造法，如var obj=new Obj（），其中Obj是在上下文中定义的一个构造函数；问题：使用new构造对象时，大家往往有时候会忘记加上new，我们下面以代码说明function Obj(){ this.name="Obj";}var obj=Obj();console.lo
2012-09-24 11:46:45
677
原创 关于IE6下a标签的a:hover伪类失效的问题
最近在项目中遇到一个问题，就是a的伪类hover的样式在其他浏览器中都是有效的，但在IE6浏览器中却失效。问题描述：【HTML结构】【CSS 样式】.img_container:hover img{..}问题分析：【是否hasLayout的原因】通过激发img的hasLayout属性依然没有效果【是否IE6的bug】查阅资料发现很多同学都遇到过这个问题，具体原因引
2012-08-27 13:43:31
979
原创 html5中的header元素在ie8里面的样式重构注意的地方
一个页面之前是用html5写的，然后要在ie8下重构该页面。其中要把header元素设置为自适应父容器（全屏）的宽度。设置width的值达不到效果，查找资料，终于找到原因。因为在ie8下通过js来动态注册的元素，默认为inline元素，我们要在header标签的样式中显示设置属性display为block。如header{display:block;....
2012-07-10 14:20:41
2606
原创 apk签名
一、利用jdk自带的key生成工具生成签名要使用的key。1、打开命令行，输入cd c:\program files\java\jdk1.7.0\bin；（根据自己电脑上jdk安装的位置找到并进入bin目录就行）2、输入命令：keytool -genkey -alias asaiAndroid.keystore -keyalg RSA -validity 20000 -keystore a
2012-05-06 12:14:56
991
转载 如何解决eclipse生成的apk无法在真机上调试安装的问题
问题描述：eclipse加真机调试程序时，点击运行console控制台输出：Installation error: INSTALL_FAILED_MEDIA_UNAVAILABLE解决方法：前提是手机用数据线连到电脑，安装好手机对应的驱动。1：打开cmd2：cd切换到sdk安装目录的platform-tools目录3：输入adb shell
2012-04-29 16:42:53
3259
翻译 javascript的函数类别及声明函数的解析顺序
javascript的函数有两种，一种如function a(){}，一种如b=a或var b=function(){}，前面一种我们称之为声明函数，后面一种称之为引用函数。分别使用声明方式和匿名方式，下面有一段代码，它的输出结果是 test 2 test 2 test 3，而不是我们以为的 test 1 test 2 test 3。原因是什么呢？fu
2012-04-22 10:48:18
454
原创 javascript的字符串倒置
今天去面试时，面试官让我用javascript写一个字符串倒置的方法，但是想也没想就写了如下的代码：function revert(str){var len=str.length;for(var i=0;i{var temp=str[i];str[i]=str[len-1-i];str[len-i-1]=temp;}return str;}回来后测试
2012-04-22 10:10:57
1842
原创 jquery mobile动态生成的下拉列表无法显示默认选择值的问题
最近在项目里面遇到一个问题：用jqm框架做手机界面开发，有一个功能是要动态生成下拉列表，并且进入页面后下拉列表上要显示默认选中的值。于是采用在原生的html5和js下开发的方法进行数据获取、列表构建和默认选择设置。结果问题出现啦，不管我们用哪一种默认选择option的方法，列表上都不能默认显示我们指定的值，但是发现列表确实是选中了该项，调试了很久不明所以。解决过程：1、初步判断是jqm
2012-04-10 16:52:59
6741
5
原创 android获取自定义布局的alertdialog中edittext的值
做了一个自定义弹出框，里面有两个EditText，需要在确定后获取两个EditText的值。问题原型：采用常规的EditText et=(EditText)findViewById(R.id.aaa)其中aaa是自定义布局中EditText的id值，根据自己的项目自己修改一下哦，呵呵。但是用et.getText().toString()获取值时总是程序崩溃，通过调试发现et的值为nul
2012-04-08 18:30:10
5508
2
原创 动态修改android中strings.xml中的value值
1、以下面一个值为例子，这是strings.xml中的一个string节点%1$s2、java代码如下String data=getResources().getString(R.string.server_id); data=String.format(data,"127");通过上述的操作就可以动态地修改value的值啦。总结：1、在s
2012-04-08 09:13:20
8195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人