- 博客(13)
- 资源 (1)
- 收藏
- 关注
原创 使用Nodejs快速搭建一个的本地静态文件服务器
如果我们直接打开html文件他是以file:///方式打开的,但这种方式有时会遇到跨域的问题:“cross-origin”,所以我们需要搭建一个简易的本地服务器,Nodejs就可以满足我们这个需求:参考链接: https://segmentfault.com/q/1010000005090969/a-1020000005091099比如我的本地服务器js文件就是这样的(我把这个server.js放
2016-10-30 22:21:03 8838
原创 使用jquery-cookie实现网页“不再提示”功能
很多网站都有“不再显示对话框”的功能,要实现这个功能就需要保存上次关闭时用户是否选中了该选项。我们可以使用jquery-cookie插件来实现。github地址:https://github.com/js-cookie/js-cookie 这里以一个表单元素示例:<script src="../jquery.js"></script><script src="../js.cookie.js"></
2016-10-30 22:12:55 6117
原创 实现点击按钮复制文本框中文本到剪切板中的方法
主要代码:<textarea name="text" id="text" cols="30" rows="10"></textarea><button onclick="myCopy()">点击复制文本框内的内容</button><br><script> function myCopy(){ var ele = document.getElementById("text"
2016-10-29 23:12:40 11019 3
原创 Bootstrap中回车会触发其他按钮的Dropdown事件的解决方法
比如我们在一个表单元素中使用了dropdown组件,有时候我们在某个输入框中按回车来进行某些操作时表单中的dropdown元素会被打开。示例代码:<form> <div class="dropdown"> <button class="dropdown-toggle" data-toggle="dropdown">展开</button> <input type
2016-10-29 22:59:49 4143
原创 jQuery实现逐字打出效果
主要是看了这个 https://www.firecode.io/ 的效果,再加上之前 http://npmjs.org/也有类似的效果,就试着动手自己实现了下。先上效果图吧:演示地址:http://justforuse.github.io/print-literally/demo.html可以看出主要由三部分组成:左侧的静态文本,中部的变化文本,右侧的闪烁光标。左边的部分自然不用说,直接设置就好;右
2016-10-14 22:41:39 2270
转载 Git操作中git stash的使用方法
转载地址:http://blog.csdn.net/wh_19910525/article/details/7784901
2016-10-12 22:09:44 1587
原创 使用angular-ui-sortable实现可拖拽排序列表
项目需求,添加列表可拖拽排序功能,谷歌了一下,找到一个Angular的插件:angular-ui-sortable,项目地址:https://github.com/angular-ui/ui-sortable需要在之前引入jquery,和jquery-ui,否则无法使用。我们要做的事情,加载数据,拖拽排序并输出当前顺序:js代码:<script src="../../jquery.js"></scr
2016-10-12 21:39:52 16690 15
原创 JS字符串按逗号和回车分隔
split函数可以传入一个正则表达式作为分隔的字符串。function foo(str){ var temp = str.split(/[\n,]/g); for(var i =0;i<temp.length;i++){ if(temp[i] == ""){ temp.splice(i, 1); //删除数组索引
2016-10-09 22:26:45 12152
转载 Angular输入框内按下回车会触发其它button的点击事件的解决方法
偶然间遇到的一个八阿哥。解决方法:为button元素添加type="button"参考链接:http://stackoverflow.com/questions/20945834/why-hitting-enter-in-angularjs-forms-text-input-causes-a-side-effect/20946778
2016-10-08 22:44:08 5657 1
原创 CSS实现头尾高度固定,中部内容百分百填充
效果图: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style type="text/css"> * { padding: 0; margin: 0; } html { height: 100%; } body {
2016-10-07 23:20:14 3330
原创 CSS3使用animation实现一个类音量跳动加载图标
效果图: 源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } div { display: inline-block;
2016-10-04 17:55:15 6854
原创 Angular解决输入框由禁用状态转可用状态自动获取焦点失效问题
有时为了方便操作,我们会为输入框设置默认焦点。而且会设置输入权限,会禁止用户输入。但是当从禁止输入切换为可输入的时候,输入框却不能设置焦点了。原因的话,我看了一下,估计是当我们改变输入框绑定的值得时候,输入框并没有切换状态,还是禁用状态,所以我们无法设置焦点,就是执行顺序的问题。上代码吧,写个指令,设置输入框焦点。<!DOCTYPE html><html ng-app="app"><head>
2016-10-01 20:23:58 3668
原创 获取浏览器中鼠标选中的文本内容
如果你在浏览器中安装了翻译插件的话,控制台可能会输出你选中的文本内容,那么这是如何做到的呢?直接查看他的源码,主要是使用了window.getSelection 这个属性所以我们也可以仿照着写一个函数,用来监听鼠标双击,或者鼠标抬起事件:// 监听双击事件document.addEventListener("dblclick", doubleClick, true);// 监听释放鼠标按钮事件d
2016-10-01 14:06:10 11424 2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人