前端小狮的博客

无免接口，手录，普通节假日 value为1 ，百度搜索日历上 带休的 value为2，json格式{ "202201": { "15": "1", "16": "1", "22": "1", "23": "1", "31": "2", "01": "2", "02": "2", "03": "2", "08": "1", "09": "1" }, "202202": { "12": "1", ".

窗口的resize事件绑定以后，需要移除(全部移除影响其它绑定事件)，尤其现在常用的单路由页面，在页面销毁时，不移除容易多次绑定，且切换其它路由仍在执行。 //js的 function bindCalListResize (){ console.log(123); } window.addEventListener('resize',bindCalListResize );//绑定 window.removeEventListener("resize",b.

想要下载echarts的图片，并且想在图片上加上一条条件之类的文字。1.在echarts的自定义一个方法，下载前设置 graphic 属性，下载后再去掉属性（应该可以行通）；2.获取到你的echarts的canvas 元素 在上面画上需要的 文字或图片之类，在执行下载（貌似文字会闪那么一下），凑合能用；3.我弄的繁琐一点，借助一个隐藏的canvas 元素重画：html//echarts的容器<div width="100%" height="100%" id="myChart">.

之前免费的返回节假日的接口收费了，手工写一下用吧，需要的来copy按之前的接口格式返回的格式继续来的普通节假日 value为1 ，百度搜索日历上 带休的 value为2，json格式{ "202101": { "01": "2", "02": "2", "03": "2", "09": "1", "10": "1", "16": "1", "17": "1", "23": "1", "24": "1", "30": "1", "31": "1" }.

removeFile( file )删除队列如果第二个参数为 true 则会从 queue 中移除。removeFile( file ) ⇒ undefinedremoveFile( id ) ⇒ undefinedremoveFile( file, true ) ⇒ undefinedremoveFile( id, true ) ⇒ undefined//第二个参数为 true，文件会从队列删除getFiles()返回指定状态的文件集合，不传参数将返回所有状态的文件。（后来才发现 文件

监控图例切换的方法，折线图和柱状图切换，想要监控切换时，改变些许参数。 var option = { ..., toolbox: { show: true, feature: { magicType: {type: ['bar']}, }, }, } var myChar.

准备用uni-app做多端应用，发现个跨多端的图表插件,看着挺好，试试uCharts官方网站

点击input checkbox,复选框先判断再决定选中否,可以用event.preventDefault(); 阻止默认事件，再手动赋值；angular 阻止checkbox默认事件，<label> <input type="checkbox" ng-click="changeState($event)" ng-checked="checkState"> </label>//js$scope.check.

有时候特殊的需求，需要自定义下载echarts的图片，没有直接调用保存图片saveAsImage的方法，但有个获取base64 的方法，getDataURL();可配参数。var myChart = echarts.init();var option = { ...........}myChart.setOption(option);var opts = { type: string, // 导出的格式，可选 png, jpeg pixelRatio: number,// 导出的图片.

用过了wangEditor,summernote,搜到tinymce这个中文链接，抽时间想试试 tinymce 这个富文本编辑器，存个记录.

问题描述1、 使用 ajax get方法请求数据时，直接修改了数据库数据，发现取出的数据没变化，经常反复测试确认发现，该问题只在 IE 浏览器下会发生。 ---- 没错，又是 IE。 1、原来是 get 请求在IE浏览器中会被缓存，从第二次请求开始，一直都是请求缓存。 2、参考资料： GET 对比 POST问题原因1、变更请求方式为post，即： type=‘post’2、禁用aja...

table.on('checkbox(table-id)', function(obj){ console.log(obj.checked); //当前是否选中状态 console.log(obj.data); //选中行的相关数据 console.log(obj.type); //如果触发的是全选，则为：all，如果触发的是单选，则为：one console.log(ta...

LAY_CHECKED Boolean 是否全选状态（默认：false）。必须复选框列开启后才有效，如果设置 true，则表示复选框默认全部选中。 true 上面这段话描述的不清楚,他的意思是当我们想默认全选的时候就在列上添加这个属性.其实这个属性是可以在每一行数据上面单独添加的. 我们在加载表格数据的时候在需要回显的那一行数据上添加 LAY_CHECKED=true,就...

//js对象赋值，若修改会影响原对象；var newObj = JSON.parse(JSON.stringify(oldObj));

viewer.js简单使用方法，更详细的文档用法可看这里：http://www.dowebok.com/192.html&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &

1.使用js的trim()方法var str1 = &quot; hello world &quot;;var str2 = str1.trim();console.log(str1);//原字符串&quot; hello world &quot;console.log(str2);//除去前后空格&quot;hello world&quot;2.使用正则function trimStr(str){ var ..

javascript的三种对话框是通过调用window对象的三个方法alert()，confirm()和prompt()来获得，可以利用这些对话框来完成js的输入和输出，实现与用户能进行交互的js代码。alert()、confirm()、prompt()的区别和联系：1.警告框alert()alert是警告框，只有一个按钮“确定”无返回值，警告框经常用于确保用户可以得到某些...

//四舍五入 var num =2.34689; num = num.toFixed(2); // 输出结果为 2.35//不四舍五入 var num =2.34689; Math.floor( num * 100 ) / 100；//输出为2.34；

输入框中要实现粘贴图片功能，不能用input、textarea等输入框作为父容器，因为input、textarea中只能接受字符串，对于html标签不进行转义以及渲染。所以用contenteditable='true’属性来使div(其他容器也可)实现可编辑，来模拟输入框，实现粘贴图片至输入框中的效果，提交数据给后端的时候可以用form提交，也可用异步提交，form提交的时候将div中的数据全...

一：什么是Range对象Range是指html文档中的区域，如用户用鼠标拖动选中的区域，如下图：通过Range对象，可以获取用户选中的区域，或者指定选中区域，得到Range的起点和终点、修改或者复制里边的文本，甚至是html。在富文本编辑器开发中，经常会使用到这些功能。二：获取当前的选区由于兼容性的问题,需要区分ie浏览器，var selection, range;if (windo...

可以使用 使html元素标签不被转义。问题场景：在做富文本编辑器的时候：在网页上copy了一段代码，想粘贴到编辑器里面 ，使用insertHTML命令，粘贴经过处理的字符串，文本中的html标签会被转义，并不是我想要的效果 ，加上 解决了此问题。document.execCommand('insertHTML',false,'&amp;lt;xmp&amp;gt;'+ pasteText +'&amp;lt;/...

问题描述：在js中四舍五入的函数 toFixed(n) , n为要保留的小数位数。n为0~20，当n超过20的时候，js会出错。 var d=139.605; var f=d.toFixed(2); alert(f);期望值：139.61 结果为：139.60bug:如果小数点前和要截取的前一位都是0时，不会按常理截取。var h=0.07h.toFixed(1)的...

准备使用JS Math.sin() 与 Math.cos()， 但正弦、余弦概念都不清楚了，故多番搜查练习，知道里面的这个说的还是可以。能帮助更好地使用理解Math.sin() 与 Math.cos()，方便canvas 画图找坐标；正弦函数sinA：表示在一个直角三角形中，∠A（非直角）的对边与三角形的斜边的比；余弦函数cosA：表示在一个直角三角形中，∠A（非直角）的邻边与三角形的斜边...

Math.sin(x) //x 的正玄值。返回值在 -1.0 到 1.0 之间；Math.cos(x) //x 的余弦值。返回的是 -1.0 到 1.0 之间的数；这两个函数中的X 都是指的“弧度”而非“角度”Math.PI 相当于数学中的 π ， 180° ;角度为 a, 则弧度为a * (π / 180) ;弧度为 a, 则角度为a * (180 / π ) ;...

var testEle = document.getElementById("test") testEle.setAttribute("test","aaa"); // 设置 testEle.attributes["test"].nodeValue; // 获得

js中的$(…).click()事件只能触发绑定的onClick方法，不能跳转到href。常规情况下如果想下如果想在js里跳转href的链接，会先用attr获取到href属性的值，然后window.location.href跳转，但是现在想利用a标签的download属性实现下载功能，如果先获取href属性再跳转很多浏览器（例如Chrome）会直接打开mp3之类的文件，无法实现下载。解决方案：...

1.字符方法// charAt(index)获取下标为 index 的字符var str = "abcdefg";var res = str.charAt(3);console.log(res); // d// charCodeAt(index)获取下标为 index 的字符的ASCII码var str = "abcdefg";var res = str.charCodeAt(3);co

1.push()向数组的末尾插入数组元素var arr = new Array(5);返回值是数组改变之后的长度var ret = arr.push(1,2,3,4);console.log(arr); //Array(9)console.log(ret); //9 返回值是改变之后的长度2.pop()弹出数组末尾的元素返回值 弹出的元素var arr = [1,2,3,4];var ret

删除数组指定元素，即可通过先查找出这个指定元素在数组中的索引，再通过索引删除； so,//查找指定元素的索引function arrIndex(val,arr){ for (var i = 0; i &amp;lt; arr.length; i++) { if (arr[i] == val) return i; } return -1;}//删...

判断页面中是否引入某个js, //检测页面js function testJs(){ if($(&amp;quot;script[src='js/common/test2.js']&amp;quot;).length &amp;amp;gt; 0){ return; }else{ var body = $(&amp;quot;body&amp

localStorage使用总结 一、什么是localStorage、sessionStorage在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏...

js判断是否是ie浏览器且给出ie版本 之前懒得写判断ie版本js，因为网上关于这方面的代码太多了，所以从网上拷贝了一个，放到项目上才发现由于时效性的问题，代码不生效。就自己写一个吧。怎么去看浏览器的内核等信息 —- js的全局对象window子属性navigat...

jq动态添加的元素需要添加点击事件 可用delegate on添加 1.delegate&amp;lt;div id=&quot;box&quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;button type=&quot;button&quot; id=&quot;addbtn&quot;&amp;gt;添加&amp;lt;/button&amp

js \n全部替换br常用//js 只替换第一个function (str){ return str.replace('\n','&lt;br/&gt;');}//js \n全部替换&lt;br/&gt;function (str){ return str.replace(/\n/g,'&lt;br/&gt;');}...

官方github：https://github.com/VincentGarreau/particles.js/ 使用方法加载particle.js并配置粒子：//index.html&amp;amp;lt;div id=&amp;quot;particles-js&amp;quot;&amp;amp;gt;&amp;amp;lt;/div&amp;amp;gt;&amp;amp;lt;script src=&amp;quot

canvas-nest.js是一个比较酷的一个背景插件，使用方法也比较简单；现在好多博客网站都加上了这个背景，甚是喜欢。 使用的话，只需要将插件的js引进来就可以了。但是只能放入body标签中，放在header中不会生效。 canvas-nest.js还有有一些自定义的参数，需要在在script中加入相应的参数： color=”255,0,0” 背景粒子线的颜色值 op...

在使用new Date()过程中，传递时间参数，会遇到一些兼容问题，谷歌上没有问题，ie ,火狐上出现的Invalid Date， 例：var dateTime = new Date(&quot;2018-09-12 13:42:00&quot;);console.log(dateTime); //打印出 Invalid Date//在谷歌上好的，但是其他浏览器不支持这样的字符串格式；所以,...

sort() 方法用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。 语法：array.sort(fun)；参数fun可选。规定排序顺序。必须是函数。 注：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。 如果想按照其他规则进行排序，就需要提供比较函数，该函数要比较两个值，然后返回...

这个常用的写法，获取到现在时间，截止时间，通过计算获得时间差，建立计时器，毫秒数递减，得以实现倒计时功能；通常项目中用到的话，都是从服务器获取时间，每次进页面只需请求一次，通过时间差计算，很实用；&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &...

js在执行的时候，是从上到下，从左到右，一行一行执行的，但是在这之前还要做一些事情，js程序在正式执行之前，会将所有var 声明的变量和function声明的函数，预读到所在作用域的顶部，但是对var 声明只是将声明提前，赋值仍然保留在原位置，function 声明，会将函数名称和函数体都提前，而且先预声明变量再预定义函数。这个过程也被叫做，“预解析”或者“预编译”。例：con...