一.计算一段字符串的字节长度 字符串的charCodeAt()方法, 可返回字符串固定位置的字符的Unicode编码,这个返回值是0-65535之间的整数,如果值<=255时为英文,反之为中文. 而,中文的字节长度为2,英文的字节长度为1. 依照这个规律封装如下: function getStrBytes(str){ str = str.toString(); var strLen = 0; for (let s = 0; s < str.length; s++) { if(str.charC…
js 把字符串变成函数 eval("(" + fieldEventss[1]+")");…
HTML知识汇总(更新中...) 1.<iframe> 标签 浏览器支持 所有浏览器都支持 <iframe> 标签. 定义和用法 iframe 元素会创建包含另外一个文档的内联框架(即行内框架). 提示: 可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对无法理解 iframe 的浏览器. 2.实现元素一行显示 <html> <head> <title>DIV的同行测试</titl…
方法:eval() eg: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>将字符串作为函数名调用函数</title> </head> <body> <span>指标:</span> <select id="zhibiao"> <option selected…
js节流与防抖函数封装 常见应用场景: window的 resize 和 scroll 事件: 文字输入时的 keyup 事件: 元素拖拽.移动时的 mousemove 事件: 防抖 定义:多次触发事件后,事件处理函数只执行一次,并且是在触发操作结束时执行 原理:对处理函数进行延时操作,若设定的延时到来之前,再次触发事件,则清除上一次的延时操作定时器,重新定时. 经典案例:百度输入内容自动搜索 /** *防抖函数 *@param fn 事件触发的操作 *@param delay 多少毫秒内连续触…
截图模糊    原理就是讲canvas画布的width和height放大两倍. 后来学习canvas的时候,才了解到这种写法不同于css的宽高设置, 因为css里的只是展示画布显示的大小,不像这样是canvas真正的内里图画分辨率的大小. /*图片跨域及截图模糊处理*/ let shareContent = domObj,//需要截图的包裹的(原生的)DOM 对象 width = shareContent.clientWidth,//shareContent.offsetWidth; //获取d…
js里面的getElementsByClassName()方法可通过某个class名获取到元素,在标准浏览器下可使用,在非标准浏览器下不可用.为了能够让这个方法兼容所有的浏览器,可以封装成如下函数: function getElementsByClassName(ele,parent, classname) { //ele表示你要获取的元素,parent表示你要获取元素的父级元素,classname表示要获取的元素名 var aTarget = parent.getElementsByTagNa…
JS自带函数 concat 将两个或多个字符的文本组合起来,返回一个新的字符串. var a = "hello"; var b = ",world"; var c = a.concat(b); alert(c); //c = "hello,world" indexOf 返回字符串中一个子串第一处出现的索引(从左到右搜索).如果没有匹配项,返回 -1 . var index1 = a.indexOf("l"); //index1…
防抖 在监听scroll事件的时候经常会用到防抖,当滚动到某一位置而触发状态,从而不会出现频繁滚动持续触发事件的情况 防抖的事件处理机制仅触发一次且必须是结束状态下才会执行 function debounce(fun, delay) { let timer; return function() { timer && clearTimeout(timer); timer = setTimeout(function() { fun(); }, delay); } } window.addEve…
  前  言 前段时间为了一个数据查询的项目自学了Vue,感觉这款框架还是很不错的,今天就整理整理这个框架如何使用,希望对正在学这个框架的小伙伴有所帮助~ 首先,我们先来了解一下Vue: Vue.js是一套构建用户界面(user interface)的渐进式框架.与其他重量级框架不同的是,Vue 从根本上采用最小成本.渐进增量(incrementally adoptable)的设计.Vue 的核心库只专注于视图层,并且很容易与其他第三方库或现有项目集成.另一方面,当与单文件组件和 Vue生态系统…