8.25 settimeout防抖\base64\vue里面使用js文件\encodeURI()

var inp=document.getElementById('inp');

inp.addEventListener('keyup',debounce(outp,1000))

function debounce(fn,delay){

var timer=null;

return function(){

var context=this;

var args=arguments;

clearTimeout(timer);

timer=setTimeout(function(){

fn.apply(context,args)

},delay)

}

}

function outp(){

console.log(inp.value)

}

防抖实现跟着under学防抖

base64:.严格来说base64不能算是一种加密,只能说是编码转换。使用base64的初衷。是为了方便把含有不可见字符串的信息用可见字符串表示出来,以便复制粘贴base64的作用

encodeURI()将特殊字符转换成utf-8编码,utf-8可以考虑采用base64再转换一遍,当然没必要,这就是两者的关系


把一些常用的函数封装在一个js文件里面,对于每一个方法用export输出,后续只要在需要使用的地方import {函数名}就行了,要注意几点,一个是引入的函数名要和定义的函数名一样,二个是这个方法不能直接放在template使用,要严格按照vue的规范,放在methods或者computed里面.三个就是被引进的函数使用的全局变量会自动引用,不需要管,只需要输出函数体就行了.记得要用{}把方法名包裹起来,除非js文件使用export default输出.还有一种引用是即使js文件没有export 直接也用就行,引用方法和export default一致,是全部引入.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,716评论 19 139
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 10,818评论 0 7
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,387评论 1 10
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,385评论 2 17
  • 三、闭包和高阶函数 3.1 闭包 3.1.1 变量的作用域 所谓变量的作用域,就是变量的有效范围。通过作用域的划分...
    梁同学de自言自语阅读 5,335评论 0 6