若是英雄又怎能不用git

2016-5-2 Jon 前端工具

写在前面   生命在于运动,学习在于总结。   先安利下(廖雪峰 http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000)   这几天在学git,百度各种教程感觉都对不上号,缺胳膊少腿的,历史总是那么偶然,发现了这个教程,讲的很细,适合新手学习,在此教程上进行精简提炼,放此便于日后查看。 0、历史   Linus在1991年创建了开源的Linux后,为了方便管理而创建了Git   2008年,GitHub网站上线,...

阅读全文>>

标签: git

评论(0) 浏览(2756)

jquery浏览器关闭离开刷新页面时给予提示

2016-4-10 Jon 前端工具

jquery浏览器关闭离开刷新页面时给予提示 jquery浏览器关闭离开刷新页面时给予提示 我是一个页面,点击关闭试试! 会提示您有未保存的内容 $(window).on('beforeunload',function(){ return '您有未保存的内容'; }); 运行代码您可以修改框中代码后运行查看

阅读全文>>

标签: 浏览器 浏览器关闭

评论(0) 浏览(3036)

前端检测低版本浏览器并给予升级提示

2016-4-9 Jon js+jquery+ajax

你有你的ie678,我有我的页面展现。你可以嘲笑我们的技术不去升级,我们会证明这是哪个浏览器的时代。前端,注定是踩坑的过程,但,那又怎样,哪怕所有人都用ie,也要坚持自己的方向。 在这个苦逼的浏览器国度里,既不能让所有人都用谷歌火狐,又不能强制别人升级浏览器,实属前端之痛。 判断浏览器低版本是,给予温馨的提示还是很不错的。 下面附上刚测试成功的代码,功能是判断浏览器是低版本(ie8及以下)时,顶部会给予提示,如下图 代码如下 <!DOCTYPE html> <html lang="en"> <head&...

阅读全文>>

标签: 兼容 浏览器

评论(1) 浏览(3362)

记录下关于ie浏览器的几个兼容性问题

2016-4-9 Jon js+jquery+ajax

1.ie9不支持createContextualFragment属性或方法(ie中只有ie9不支持) 解决方法:把下面的代码放入js文件的头部 if ((typeof Range !== "undefined") && !Range.prototype.createContextualFragment) {     Range.prototype.createContextualFragment = function(html) {       var frag = document.cr...

阅读全文>>

标签: 兼容 ie

评论(0) 浏览(3300)

jquery使用ajax时让其可跟踪历史前进和后退demo

2016-3-26 Jon js+jquery+ajax

写了一个demo使用ajax加载html页面,并且可以跟踪历史前进和后退 index.html <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>Document</title>   <style>     .clearfix:before, .clearfix:after {display: ta...

阅读全文>>

标签: ajax onhashchange

评论(0) 浏览(2773)

ajax加载html和里面的js文件

2016-3-26 Jon js+jquery+ajax

需求背景:     昨天写代码,遇到一个问题,通过ajax异步加载另一个html文件在当前页面显示,发现加载进来的html文件里面引用的js文件无法执行,就像是来了yuejing的少女羞羞哒哒地跟我说不能上她一样,甚是苦恼。放到html文件里面吧,代码太多切不宜维护。遂摆渡了下,给出的解决方案大致以下几种:     1、采用附加一个iframe的方法去执行js(看到iframe就不想试)     2、document.write输出代码(试下好像也无效)     3、js放到父页面(代码...

阅读全文>>

标签: js ajax

评论(0) 浏览(2863)

div模拟textarea在光标位置插入数据代码示例

2016-3-12 Jon js+jquery+ajax

input、textarea在光标位置插入数据示例 textarea在光标位置插入数据示例 插入 $(function() { /* 在textarea处插入文本--Start */ $.fn.extend({ insertContent: function(myValue, t) { var $t = $(th...

阅读全文>>

评论(0) 浏览(3990)

js和jquery常用3D标签云代码实例总结

2016-2-14 Jon js+jquery+ajax

js常用3D标签云1 js常用3D标签云1 body{ font-family:"微软雅黑", Arial, sans-serif;} #main{border:none; background:none;} body,ul,li,h1,h2,h3,p,form{margin:0;padding:0;}body{background:#fbfbfb;color:#444;font-size:14px;} a{color:#444;text-decoration:none;}a:hover{color:red;} ...

阅读全文>>

标签: 标签云

评论(0) 浏览(8154)

关于谷歌浏览器的一些常用方法总结

2016-1-10 Jon 前端工具

谷歌浏览器的书签是安装文件夹里面的一个文件,跟IE内核的浏览器有点不同。用户无法从该文件直接看出自己的书签是哪些,只能在浏览器上显示。 Windows 7下的放在C:\Users\(“用户名”)\AppData\Local\Google\Chrome\User Data\Default里面面,就是名为Bookmarks的两个文件。用户名即你电脑的名字。 Windows XP的放在C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\Use data\ Default里面。 ...

阅读全文>>

评论(0) 浏览(2943)

Filezilla无法确定拖放操作目标导致无法下载

2015-12-26 Jon 前端工具

[小技巧]Filezilla无法确定拖放操作目标,由于shell未正确安装__解决办法 重装系统及相关软件之后,用filezilla拖拽ftp上的文件到桌面的时候,提示"无法确定拖放操作目标......" 解决办法很简单,执行如下几步就OK了 ①在CMD中,进入Filezilla的安装目录,譬如:C:\Program Files (x86)\FileZilla FTP Client ②执行如下命令: regsvr32 fzshellext.dll ③如果你的机器是64位的(32位的话,就跳过这一步),你还需要执行如下命令: regsvr32 fzshe...

阅读全文>>

评论(0) 浏览(3132)

利用Ajax判断链接是否有效

2015-11-17 Jon js+jquery+ajax

利用Ajax判断链接是否有效 <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>利用Ajax判断链接是否有效</title> </head> <body>     <a href="1.html">link1</a>     <script src="http://libs....

阅读全文>>

标签: ajax

评论(0) 浏览(2655)

php写入和读取json文件demo

2015-11-8 Jon 其他

1、php创建并写入json文件 <?php   header('Content-type: text/json');   $fruits = array (       "fruits"  => array("a" => "orange", "b" => "banana", "c" => "apple"),       "numbers" => array(1, 2, 3, 4, 5, 6),       "holes" &n...

阅读全文>>

标签: php json

评论(0) 浏览(3314)

ajax实现滚动条到底部后异步访问json获取数据

2015-10-20 Jon js+jquery+ajax

当滚动条滚动的底部的时候通过ajax异步获取json数据demo实例 index.html文件 <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>ajax下拉获取数据</title>   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable...

阅读全文>>

标签: ajax json

评论(0) 浏览(2650)

纯css实现兼容很好的点击看大图实例

2015-10-17 Jon html+css

css点击看大图demo 点击看大图 .showimg>img{width: 200px;} span{display: none;position:fixed; width: 100%;height: 100%;left:0;top:0;z-index:20;opacity: 0} .showimg:focus+span{display: block;} .showimg:focus:before{position:fixed;content:...

阅读全文>>

标签: 大图查看

评论(0) 浏览(5521)

页面滚动时导航一直停留在顶部demo

2015-10-9 Jon js+jquery+ajax

页面滚动时导航一直停留在顶部demo 页面滚动时导航一直停留在顶部 *, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-text-size-adjust: none;} .clearfix:before, .clearfix:after {dis...

阅读全文>>

标签: 置顶

评论(0) 浏览(3074)

皖ICP备15010162号-1 ©2015-2022 知向前端
qq:1614245331 邮箱:13515678147@163.com Powered by emlog sitemap