好咖啡要和朋友一起品尝，好“模板”也要和同样喜欢它的人一起分享。 网站首页JS经典实例
多插槽及填充
发布时间：2020-02-09 17:47:24作者：雪饮
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="app"></div>
<script type="text/javasc
父子组件间的属性传递(自定义标签)(属性prop)
发布时间：2020-02-09 17:45:50作者：雪饮
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<style>
.success{ color:yellow; }
.fail{
全局组件与插槽(slot)
发布时间：2020-02-09 17:44:37作者：雪饮
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<style>
</style>
<div id="app"></div>
子组件向父组件通信
发布时间：2020-02-09 17:43:26作者：雪饮
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<style>
</style>
<div id="app"></div>
父组件向子组件通信
发布时间：2020-02-09 17:41:50作者：雪饮
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<style>
</style>
<div id="app"></div>
ES5_6_7学习笔记
发布时间：2019-12-08 10:52:52作者：雪饮
(3011)ES5_严格模式(3012)ES5_Object对象方法扩展(3013)ES5_数组的扩展(3014)ES5_call,apply,bind用法详解(3015)ES6_let const关键字(3016)ES6_变量的解构赋值(3017)ES6_模
详细信息>>ES7_方法介绍
发布时间：2019-12-08 10:23:28作者：雪饮
**幂运算console.log(3**3);includes判断数组中是否包含某元素let arr=[1,2,3,4,5,6,7,'杜敏捷'];console.log(arr.includes('杜敏捷1'));
详细信息>>ES6_set，map容器详解
发布时间：2019-12-01 13:02:31作者：雪饮
set不重复let set=new Set([1,2,2,3,6,6]); console.log(set);addlet set=new Set([1,2,2,3,6,6]); set.add(7);haslet set=new Set([1,2,2,3,6,6]);
详细信息>>ES6_深度克隆_02
发布时间：2019-12-01 13:01:31作者：雪饮
typeof与Object.prototype.toString.call在使用typeof时当某个数据是null、array时typeof是统一返回为Object，而Object.prototype.toString.call则不同console.log(typeof(nu
详细信息>>ES6_深度克隆_01
发布时间：2019-11-27 12:49:56作者：雪饮
Object.assign浅克隆let obj1={username:'dmj',age:24}; let obj2=Object.assign(obj1); console.log(obj2); obj2.username='xy'; consol
详细信息>>ES6_对象方法的扩展
发布时间：2019-11-27 12:48:24作者：雪饮
Object.is //普通判断 console.log(0==-0); console.log(NaN=NaN); //object判断 console.log(Object.is(0==-0)); conso
详细信息>>ES6_数组方法的扩展
发布时间：2019-11-24 12:20:58作者：雪饮
from将伪数组转换为真数组let btns=document.getElementsByTagName('button');//伪数组无法forEach/*btns.forEach(function (item,index){ console.log(item);});*
详细信息>>ES6_字符串，数组的扩展
发布时间：2019-11-24 12:19:53作者：雪饮
includes判断字符串中是否包含某个字符let str="dmj";console.log(str.includes('d'));经测试，对中文敏感startsWith判断字符串中是否以某个字符开始let str="dmj";console.l
详细信息>>ES6_class类使用详解
发布时间：2019-11-17 10:47:03作者：雪饮
类:class Person{ //构造方法 constructor(name,age){ this.name=name; this.age=age; } //普通方
详细信息>>ES6_iterator接口机制_02
发布时间：2019-10-29 22:14:53作者：雪饮
<script type="text/javascript">/*拥有iterator接口的数据类型可以使用for of去循环遍历如arguments、array、String等，而Object则不支持for of循环遍历*/function arg(){
详细信息>>ES6_iterator接口机制_01
发布时间：2019-10-27 11:02:11作者：雪饮
iterator遍历器//iterator遍历器function myIterator(arr){ let nextIndex=0; return { next:function(){
详细信息>>ES6_Symbol属性介绍_02
发布时间：2019-10-27 11:01:19作者：雪饮
symbol作为对象属性时无法被for遍历出来,如 :let symbol=Symbol('one');let obj={username:'gjp',age:13};obj[symbol]='dmj';console.log(obj); for(let i in obj){
详细信息>>ES6_Symbol属性介绍_01
发布时间：2019-10-22 21:19:39作者：雪饮
symbol是es6新增的一个数据类型symbol可做为一个对象的属性：let symbol=Symbol();let obj={username:'dmj'}; obj.wife='gjp'; obj[symbol]='gjp';
详细信息>>微信小程序运行时日志(体验版)
发布时间：2019-10-20 13:03:03作者：雪饮
最近要排查一个bug，但是该bug在微信小程序模拟器和真机调试及模拟器上面预览按钮出来的好像都不复现，只有在体验版上能看到。后来解决方案是用微信小程序的一个运行时日志功
详细信息>>ES6_promise对象原理详解
发布时间：2019-10-20 11:58:23作者：雪饮
promise可避免回调地狱,是一个比较不错的特性,在对他不是很了解时曾经误以为是强制同步请求...实例如:<script type="text/javascript">let promise=new Promise((resolve,r
详细信息>>ES6_形参默认值
发布时间：2019-10-20 11:57:33作者：雪饮
es6可以支持像php一样的形参默认值了，如： function Point(x=0,y=0){ this.x=x; this.y=y; } var point=new Po
详细信息>>ES6_三点运算符
发布时间：2019-10-13 11:52:52作者：雪饮
function的arguments的callee方法callee方法可以让arguments能够调用其所在的函数，递归则也可以使用这个，示例： var i=0; function foo(){
详细信息>>ES6_箭头函数详解
发布时间：2019-10-13 11:15:58作者：雪饮
箭头函数示例: let fun=()=>console.log('i am arrows function'); fun();单形参简写: let fun=(a)=>console.log(a); fun(1); le
详细信息>>ES6_对象的简写方式
发布时间：2019-10-07 10:00:46作者：雪饮
属性简写之前声明对象属性: let username='dmj'; let age='24'; let obj={ username:username, age:age
详细信息>>ES6_模板字符串
发布时间：2019-10-07 09:40:39作者：雪饮
字符串模板可使得字符串拼接更加简洁更加高效更加不容易出错,示例如:let obj={username:'dmj',age:24};let str=`我的名字是:${obj.username},我的年龄是:${obj.age}`;conso
详细信息>>