路很长，又很短
博文->>Web前端
博文列表>>
发表时间：2021-10-25 00:00:21
写在前面
我花了将近一个多月的时间断断续续写下这篇博文，并精心写下完整demo，写博客的辛苦大家懂的，所以转载务必保留出处。本文所有涉及到的大部分代码均在这个demo里面：https://github.com/sxei/chrome-plugin-demo ，大家可以直接下载下来运行。
另外，本文图片较多，且图片服务器带宽有限，右下角的目录滚动监听必须等到图片全部加载完毕之后才会触发，所以请耐心等待加载完毕。
本文目录：
demo部分截图：
前言
2.1. 什么是Chrome插件
严格来讲，我们正在说的东西应该叫Chrome扩展(Chrome Extension)
发表时间：2021-10-23 23:25:10
1、Content-Type: application/json
import axios from 'axios' let data = {"code":"1234","name":"yyyy"}; axios.post(`${this.$url}/test/testRequest`,data) .then(res=>{ console.log('res=>',res); })
2、Content-Type: multipart/form-data
import axios from 'axios' let data
发表时间：2017-05-26 16:43:22
引用JQuery经常遇到类似的异常问题：
TypeError: $(...).autocomplete is not a function
其实这种问题是最常见不过了。
一般是JQuery引用的js之间存在冲突，如果你单独使用jquery.js文件一般没什么问题，如果跟其它页面结合使用，则可能会出现这样的问题：
如果你这样用出现问题？
$(function() {
$('#id')............这样使用会报错
});
怎么解决呢
发表时间：2017-05-22 14:47:38
传入一组json数据，[{id,pid,name},{id,pid,name},{id,pid,name}...],标明了当前id和父id，如何通过这组数据生成无限层级的树形结构？
var zNodes=[
{id:0,pId:-1,name:"Aaaa"},
{id:1,pId:0,name:"A"},
{id:11,pId:1,name:"A1"},
{id:12,pId:1,name:"A2"},
{id:13,pId:1,name:"A3"},
发表时间：2016-03-25 23:12:48
地图分享
很久以前，Google Maps 还能使用，要分享一些去徒步、骑行的线路地图十分方便，里面插上一些图片啥的也是毫无压力，鼠标点点就可以将线路图搞得有声有色，例如在 这篇博文 中所嵌入的地图。
近几年，Google Maps 逐渐无法打开，偶尔抽风但尚能打开的 Google 地图 已没有我的地图编辑分享功能。
▲通过 Google Maps 分享的地图
现在要分享一些地图便变得不那么方便，鄙人并没有找到能够简单编辑线路，插上文字图片并在站外分享嵌入的地图服务代替品。
搜狗路书&nbs
发表时间：2016-03-13 13:06:58
jQuery datatables想要达到分页结果总共有多少页，我们都知道分页算法。所以，这个页数自然而然可以这样计算：
页数=总记录数/当前页记录数+（总记录数%当前页记录数==0？0:1）；
这样就可以算出页数了。具体效果看下面和代码修改：
1、在jquery.dataTables.min.js下增加：
2、在配置项使用PAGECOUNT:
3、最终效果图：
发表时间：2016-03-10 00:35:12
在做datatables的项目,从后台取得数据后，返回给datatables界面时会报下面的错误:
DataTables warning : Requested unknown parameter '1' from the data source for row 0
加上下面的设置就可以了，
"aoColumnDefs": [
{
sDefaultContent: '',
aTargets: [ '_all' ]
}
发表时间：2016-03-09 23:36:56
最近学习datatables，遇到这么个问题
“request unknown parameter '0' from data source for row 0”
研究了好长时间终于弄明白了，原来是这样的：
datatables 接收两种格式的数据，一种json格式的二维数组，另一种是json格式的数组对象，
如果是服务器端返回的json格式的数组对象，在js中需要设置mDataProp 这个属性，如：
"aoColumns": [ {"mDataProp":"engine"},
&n
原创 Failed to execute 'replaceState' on 'History': cannot be created in a document with origin 'null'
发表时间：2016-01-27 19:03:56
在使用jquery.mobile-1.4.5.min.js时谷歌浏览器出现这样的问题：
Uncaught SecurityError: Failed to execute 'replaceState' on 'History': cannot be created in a document with origin 'null'
从而使页面出不来效果。
解决的方法如下：
<script>
$(document).bind('mobileinit',function(){
$.mobile.chang
发表时间：2015-12-15 21:16:20
在项目中，我们经常要实现以下编辑器的所见所得效果，当然也要支持回车，在此做下记录，对正则表达式还不是很熟练。
将HTML换行标签替换为文本域换行符：
textereaContext = divHTML.replace(/(<br>)/g, “\r\n”);
将文本域换行符替换为HTML换行标签：
divHTML =
发表时间：2015-11-02 22:31:24
摘要：一般情况下，在IE下的A标签使用onclick的方法，在href属性下都加上javascript:void(0)或者javascript:;
一般情况下，在IE下的A标签使用onclick的方法，在href属性下都加上javascript:void(0)或者javascript:;
原代码如下：
1
<a href="jav
发表时间：2015-10-26 21:43:30
因为项目是移动web开发，在手机浏览器上看，因为文字过长，有半截显示不出来，头儿希望能换行，看着清晰一些，我刚开始以往不可能，查了一下，没想到还是可以解决
没解决之前的效果如下
源代码如下
[html] view plaincopy
<ul data-role="listview" data-inset="true" data-theme="c" >
发表时间：2015-10-11 21:01:03
文章导读：
1、页面缩放显示问题
2、页面跳转后样式丢失js失效
3、跳转时重复调用pageinit方法的解决办法
4、如何调用loading效果
5、动态改变了list的内容，但是内容并没有变化
6、把所有内容放到一个页面好,还是分开多页面好
7、如何禁掉ajax跳转
8、为什么android2.3系统转屏无效果？
9、如何去掉jqm自带的组件样式？
发表时间：2015-10-10 20:12:45
请看例子，也是我遇到的:)
问题：
I am trying to grab a webpage and load into a bootstrap 2.3.2 popover. So far I have:
$.ajax({
type: "POST",
url: "AjaxUpdate/getHtml",
data: {
u: 'http://stackoverflow.com'
},
dataType: 'html',
error: function(jqXHR, textStatus, e
发表时间：2015-10-10 20:02:25
使用JavaScript如何判断一个元素在一个数组Array里？这时使用JQuery是最方便不过了，直接调用这个即可：
$.inArray(val, array)判断是否在指定数组中，返回元素在数组中的位置,0为起始位置,返回-1则未找到该元素
也有人自己定义一个contains方法，来遍历判断，但是貌似不太好使。:(
参考：http
