自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 函数节流throttle与函数防抖debounce详解

前文:网上很多函数节流与函数防抖的技术帖都是Ctrl+C、Ctrl+V,有的throttle函数写的都是错的,甚至拿debounce当函数节流讲。在这个坑里花了俩小时才搞明白,无奈~函数节流:简单说就是单位时间delay内,函数fn只能执行一次。这样做的好处是,如窗口的onresize事件或滚动跳的onscroll事件,它们触发周期非常短,有时页面内容较多的时候易造卡顿问题,这个时候我们就要用到t...

2018-03-28 14:51:41 376

原创 CVTE面试题——解决用addEventListener绑定的函数传参无效问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><input id=&

2018-03-25 17:56:48 846

转载 Vue.js——详细用法(下篇)

Vue.js——详细用法(下篇)概述上一篇我们重点介绍了组件的创建、注册和使用,熟练这几个步骤将有助于深入组件的开发。另外,在子组件中定义props,可以让父组件的数据传递下来,这就好比子组件告诉父组件:“嘿,老哥,我开通了一个驿站,你把东西放到驿站我就可以拿到了。”今天我们将着重介绍slot和父子组件之间的访问和通信,slot是一个非常有用的东西,它相当于一个内容插槽,它是我们重用组件的基础。V...

2018-03-01 23:32:28 877

转载 Vue——详细用法(上篇)

Vue.js——详细用法(上篇)组件简介组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树:那么什么是组件呢?组件可以扩展HTML元素,封装可重用的HTML代码,我们可以将组件看作自定义的HTML元素。本文的Demo和源代码已放到GitHub,如果您觉得本篇内容不错,请点个赞,或在GitHub上加个星...

2018-03-01 23:30:13 200

原创 js控制光标到指定节点位置

js控制光标到指定节点位置(适用于富文本编辑器中)function placeCaretAtEnd(el) { //传入光标要去的jq节点对象 el.focus(); if (typeof window.getSelection != "undefined" && typeof document.createRange != "undefined") { ...

2018-02-27 17:01:45 15523 3

转载 vue-router用法

本文的Demo和源代码已放到GitHub第一个单页面应用 嵌套路由示例 具名路径示例 路由对象示例 让链接处于选中状态示例 钩子函数示例 GitHub Sourcevue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳...

2018-02-10 01:10:08 326

原创 Input type="range"的滑动条

网上查了很多关于滑动条的资料,大部分是讲述画一个没有刻度的滑动条。特地在国外技术论坛找到的添加刻度方法,具体使用方法如下:1. 为input添加list="tickmarks"的属性2. 增加datalist包option的节点,若要显示刻度,给option增加label属性3. 通过js方法获取input表单的value值赋予指定节点不同浏览器实现效果会有差异,可通过修改默认属性统一滑动条样式。...

2018-02-08 23:38:27 1623

原创 querySelector与querySelectorAll区别及用法

querySelector与querySelectorAll是H5提供的选择器,可用document.querySelector()选择元素操作节点,用法与jQuery里的$()选择器类似,但有些细微区别:1. querySelector只能选择第一个匹配的节点;2. querySelectorAll可以选择多个节点,以","分隔开,返回的是个数组;其他高级用法与jq基本一致,如后

2018-01-22 23:15:04 12551

转载 入门Webpack,看这篇就够了

写在前面的话阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,而你又你对webpack感兴趣,那么动手跟着本文中那个贯穿始终的例子写一次,写完以后你会发现你已明明白白

2018-01-22 22:35:30 137

原创 Vue计算器

1. HTML部分代码                my-calculator                        C        +/-        %        ←        7        8        9        ײ        √     

2018-01-20 16:52:18 2642

原创 export default 和 export 区别

export default 和 export 区别:1.export与export default均可用于导出常量、函数、文件、模块等2.你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用3.在一个文件或模块中,export、import可以有多个,export default仅有一个4.通过export方式导出,在导入时要加...

2018-01-17 22:44:10 9524

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除