脚本 | 易学教程

jquerymobile tap事件被触发两次

阅读更多关于 jquerymobile tap事件被触发两次

首先介绍一下这个问题出现的背景：我在写网站时想要一套代码兼容手机端和pc端，所以用了jquery和jquery mobile，点击事件用的jquerymobile tap事件，但是在移动端测试时出现点击一次但触发执行两次的情况，在网上找了一些资料，解决方案如下。 1、首先我在网上搜了一下相同问题的人，看到一个比较靠谱的回答。https://segmentfault.com/q/1010000000135980 有人提问原有的 click点击事件统统都会被执行两次，代码如下。 <!DocType html> <html> <head> <title>jquerymobile click triggered twice ?</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <h1>奇怪了？！！</h1> <p>Some content here.</p> <p><img id="test" src="http://www.51roms.com/images/crazy.jpg" alt="Click me"></p> <script src="http://code.jquery.com/jquery

Ajax和JSONP

阅读更多关于 Ajax和JSONP

一、同源和非同源（跨域） Ajax:同源 JSONP:非同源（跨域），实现跨域请求最常见的方式是JSONP，其它的方法后续再做总结区分同源和非同源：对比当前地址和请求地址的协议、域名或IP、端口号，如果有一项不一样都是非同源二、JSONP原理（一定要对方服务器支持）利用script标签中没有跨域，只要给script标签中给src一个合法的地址，就可以将对应的内容请求回来 JSONP实现跨域的具体方法： 1. 首先把跨域的地址赋给script标签中的src属性 2. 把当前页面中某一个函数名当作参数值传递给需要跨域请求数据的服务器（url问号传参） 3. 服务器接收到请求后，经过特殊处理，把你传递的函数名和需要给你的数据拼接成字符串 4. 服务器将处理好的数据返回给客户端 <script charset="utf-8" text="text/javascript" src="https://dp3.qq.com/dynamic?pf=h5&sdktype=3&chid=-1&appversion=171101&get_type=sdkconfig?callback=fn"></script> <script> function fn(data){ //data即为请求回来的数据 console.log(data) } </script> 来源： CSDN 作者： qq

各大搜索引擎智能提示API（JSONP跨域实现自动补全搜索建议）

阅读更多关于各大搜索引擎智能提示API（JSONP跨域实现自动补全搜索建议）

--------------------------------------- 搜索引擎JSONP接口 --------------------------------------------- 提示：URL中的 #content# 为搜索的关键字谷歌（Google） http://suggestqueries.google.com/complete/search?client=youtube&q=#content#&jsonp=window.google.ac.h callback ：window.google.ac.h window.google.ac.h(["关键字",[["关键字",0],["关键字歌词",0],["关键字参数",0],["关键字 lyrics",0],["关键字过滤",0],["关键字排名",0],["关键字查询",0],["关键字提取算法",0],["关键字规划师可通过以下哪种方式帮助您制作新的搜索网络广告系列",0],["关键字优化",0]],{"k":1,"q":"uhaB8ZMjzJay-BACee_C0eVdUCA"}]) 必应（Bing） http://api.bing.com/qsonhs.aspx?type=cb&q=#content#&cb=window.bing.sug callback ：window.bing.sug if

1 外部JavaScript

阅读更多关于 1 外部JavaScript

1 外部JavaScript 外部Javascript，指的是把HTML代码和JavaScript代码放在不同文件中，然后在HTML文档中使用script标签来引入JavaScript代码。外部JavaScript是最理想的JavaScript引入方式。说明：在HTML中，使用script标签，src属性来引入外部Javascript文件对于css来说，外部css文件只能在head中引入。不过对于JavaScript来说，外部JavaScript文件不仅可以在head中引入，还可以在body中引入。其中，引入外部css文件使用的是link标签。 ``` `<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title>  <link href="index.css" rel="stylesheet" /> <script src="index.js"></script> </head> <body>  <script

PowerShell脚本传参

阅读更多关于 PowerShell脚本传参

脚本定义 / / script file name is "script.ps1" / / input parameter param ( [string] $fileName ) / / print parameter $fileName Write-Output $fileName 脚本调用 / / first way , must be passed in order . . \script . ps1 . \MatchText . java / / second way , can be passed out of order . . \script . ps1 - fileName . \MatchText . java 注意：脚本中定义的变量，作用域范围仅限脚本内，一旦脚本执行结束，存在于脚本中的变量就会销毁。如果一个变量定义在脚本外，没有定义在脚本内，在脚本内使用时会把外面的变量引过来。如果一个变量定义在脚本外，脚本内也有定义，那么脚本内变量的改动不会影响脚本外的变量。来源： CSDN 作者： Alex4319 链接： https://blog.csdn.net/wan_ghuan/article/details/104346908

移动端rem flexible方案

阅读更多关于移动端rem flexible方案

移动端rem flexible方案一、px 自动转换为rem sublim Text3 下载本项目，比如：git clone https://github.com/flashlizi/cssrem 进入packages目录(在Sublime安装目录下找文件夹)：Sublime Text -> Preferences -> Browse Packages... 复制下载的cssrem目录到刚才的packges目录里。重启Sublime Text。二、sublim Text 配置参数参数配置文件：Sublime Text -> Preferences -> Package Settings -> cssrem->Settings-User，输入如下代码 { 　　"px_to_rem": 40, //px转rem的单位比例，默认为40 "max_rem_fraction_length": 6, //px转rem的小数部分的最大长度。默认为6。　　 "available_file_types": [".css", ".less", ".sass",".html"] 　　 //启用此插件的文件类型。默认为：[".css", ".less", ".sass"] 　　} 三、下载flexible，并在头部引入 <script src="js/flexible_css.debug.js"

shell文本处理 sed命令

阅读更多关于 shell文本处理 sed命令

1.定义 2.表示方法 1.2s表示只替换第二行 2. 3.可以将想要的操作写进文件里，然后调用文件 3.对字符的处理方式 p 显示 d 删除 a 添加 c 替换 w 写入 i 插入 4.参数 -e<script>或--expression=<script> 以选项中指定的script来处理输入的文本文件。 -f<script文件>或--file=<script文件> 以选项中指定的script文件来处理输入的文本文件。 -h或--help 显示帮助。 -n或--quiet或--silent 仅显示script处理后的结果。 -V或--version 显示版本信息。 5.示例 1.默认只替换每行第一个匹配的，加g表示全局替换：数字表示第几次匹配到的： 2. -n 加 p 表示只输出经过修改的： 3.w表示将修改的结果写进文件中 4.替换字符：有三种方式： sed 's/\/aaa\/bbb/\/ccc\/ddd/' data 将 /aaa/bbb 替换为 /ccc/ddd ，转义 / sed 's!/aaa/bbb!/ccc/ddd!' data 后两种方法更常用 sed 's#/aaa/bbb#/ccc/ddd#' data 5.结合正则表达式使用 6.删除 7.插入 8.追加添加到数据流末尾： 9.修改 10.y 替换命令（处理单个字符）来源： CSDN 作者：

利用正则过滤各种标签，空格，换行符的代码

阅读更多关于利用正则过滤各种标签，空格，换行符的代码

收集php利用正则过滤各种标签，空格，换行符的代码：查看代码打印 01 $str =preg_replace( "/\s+/" , " " , $str ); //过滤多余回车 02 $str =preg_replace( "/<[ ]+/si" , "<" , $str ); //过滤<__("<"号后面带空格) 03 $str =preg_replace( "/<\!–.*?–>/si" , "" , $str ); //注释 04 $str =preg_replace( "/<(\!.*?)>/si" , "" , $str ); //过滤DOCTYPE 05 $str =preg_replace( "/<(\/?html.*?)>/si" , "" , $str ); //过滤html标签 06 $str =preg_replace( "/<(\/?head.*?)>/si" , "" , $str ); //过滤head标签 07 $str =preg_replace( "/<(\/?meta.*?)>/si" , "" , $str ); //过滤meta标签 08 $str =preg_replace( "/<(\/?body.*?)>/si" , "" , $str ); //过滤body标签 09 $str =preg_replace( "/<(\/?link

Bootstrap 排版

阅读更多关于 Bootstrap 排版

Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。使用 Bootstrap 的排版特性，您可以创建标题、段落、列表及其他内联元素。标题 Bootstrap 中定义了所有的 HTML 标题（h1 到 h6）的样式。请看下面的实例： <!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 标题</title> <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <script src="/scripts/jquery.min.js"></script> <script src="/bootstrap/js/bootstrap.min.js"></script> </head> <body> <h1>我是标题1 h1</h1> <h2>我是标题2 h2</h2> <h3>我是标题3 h3</h3> <h4>我是标题4 h4</h4> <h5>我是标题5 h5</h5> <h6>我是标题6 h6</h6> </body> </html> 结果如下所示：内联子标题如果需要向任何标题添加一个内联子标题，只需要简单地在元素两旁添加 <small>，或者添加 .small

easyUI学习笔记一

阅读更多关于 easyUI学习笔记一

1.引用js文件 <script type="text/javascript" src = jquery-easyui/jquery.min.js> </script> <script type="text/javascript" src = jquery-easyui/jquery.easyui.min.js> </script> <script type="text/javascript" src = jquery-easyui/locale/easyui-lang-zh_CN.js> </script> <script type="text/javascript" src ="index.js"></script>  View Code 2.引用css文件 <link rel="stylesheet" href="jquery-easyui/themes/default/easyui.css"> <link rel="stylesheet" href="jquery-easyui/themes/icon.css"> View Code 3.第一个demo <!DOCTYPE html> <html> <head> <title>easyui学习</title> <script type="text/javascript" src = jquery

订阅脚本