2021 年 5月随笔档案 - 13522679763-任国强

摘要：阅读全文

posted @ 2021-05-27 09:36 13522679763-任国强阅读(56) 评论(0) 推荐(0)

摘要：<template> <div class="hello"> <p v-show="isShow" style="color:red;font-size:25px;">{{str1}}</p> <p v-show="!isShow" style="color:green;font-size:25px 阅读全文

posted @ 2021-05-25 12:29 13522679763-任国强阅读(41) 评论(0) 推荐(0)

vue-引入animate-css 动画

摘要：<template> <div class="hello"> <button @click="show = !show">切换</button> <P> </P> <transition name="bounce" enter-active-class="animated rotateIn" lea 阅读全文

posted @ 2021-05-25 11:21 13522679763-任国强阅读(104) 评论(0) 推荐(0)

vue-自定义动画

摘要：<template> <div class="hello"> <button @click="show = !show">切换</button> <P> </P> <transition name="bounce"> <img :src="pic1" v-show="show" alt=""> < 阅读全文

posted @ 2021-05-25 11:05 13522679763-任国强阅读(72) 评论(0) 推荐(0)

vue-自带动画

摘要：<template> <div class="hello"> <button @click="show = !show">切换</button> <P> </P> <transition name="fade"> <div class="box" v-if="show">学院</div> </tra 阅读全文

posted @ 2021-05-25 10:42 13522679763-任国强阅读(49) 评论(0) 推荐(0)

vue-过滤器

摘要：<template> <div class="hello"> <h3>格式化人民币</h3> <p>小寮很有钱:{{money}}</p> <p>小寮很有钱:{{money | moneyFormat}}</p> <p>这个月的工资{{page}}</p> <p>这个月的工资{{page| mone 阅读全文

posted @ 2021-05-25 10:04 13522679763-任国强阅读(38) 评论(0) 推荐(0)

大整形

摘要：// 大整形 // let n = 521n; // console.log(n,typeof(n)); // 函数 // let n = 123; // console.log(BigInt(n)); // 大数值运算 let max = Number.MAX_SAFE_INTEGER; con 阅读全文

posted @ 2021-05-24 19:49 13522679763-任国强阅读(45) 评论(0) 推荐(0)

可选链操作

摘要：<script> function main(config){ // const dbHost = config && config.db && config.db.host; const dbHost =config?.db?.host; console.log(dbHost); // 192.1 阅读全文

posted @ 2021-05-24 19:33 13522679763-任国强阅读(51) 评论(0) 推荐(0)

绑定监听事件修饰符按键修饰符

摘要：<template> <div> <!-- <h3>绑定监听</h3> <button @click="one">one</button> <button @click="two('Eric')">two</button> <button @click="three('Eric-one',$even 阅读全文

posted @ 2021-05-24 15:31 13522679763-任国强阅读(45) 评论(0) 推荐(0)

指令自定义指令全局指令

摘要：<template> <div >  <p v-text="content"></p> <p>{{content}},喜欢it</p> <p>{{site}}</p> <p v-html="site"></p> <p v-pre>{{content}} 阅读全文

posted @ 2021-05-24 14:44 13522679763-任国强阅读(99) 评论(0) 推荐(0)

es10 新特性 trimStart trimEnd flat flatMap Symbol.prototype.description

摘要：// // trim // let str = ' iloveyou '; // console.log(str); // // 清除左侧空格 // console.log(str.trimStart()); // // 清除右侧空格 // console.log(str.trimEnd()); 阅读全文

posted @ 2021-05-21 23:13 13522679763-任国强阅读(68) 评论(0) 推荐(0)

54-es9扩展运算符.html rest 和对象...合并

摘要：// function connect({host,port,username,password}){ // console.log(host); // console.log(port); // console.log(username); // console.log(password); // 阅读全文

posted @ 2021-05-21 22:24 13522679763-任国强阅读(79) 评论(0) 推荐(0)

es8对象方法扩展 Object.keys Object.values Object.entries Object.getOwnPropertyDescriptors

摘要：const school = { name:"中国", cityies:["北京","上海","深圳"], area:["朝阳区","黄埔","东城"] } // 获取对象所有的键 // console.log(Object.keys(school)); // (3) ["name", "cityi 阅读全文

posted @ 2021-05-21 22:13 13522679763-任国强阅读(58) 评论(0) 推荐(0)

动态添加js 和 css

摘要：// 动态添加js function appendJQCDN(src) { var head = document.head || document.getElementsByTagName('head')[0]; if(src.indexOf("js")== -1){ //css var styl 阅读全文

posted @ 2021-05-21 12:23 13522679763-任国强阅读(97) 评论(0) 推荐(0)

pc和移动端图片放大缩小图集支持切换

摘要：// 添加css document.getElementsByTagName('head')[0].innerHTML += '<link href="https://cdn.bootcdn.net/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" 阅读全文

posted @ 2021-05-21 12:22 13522679763-任国强阅读(116) 评论(0) 推荐(0)

es7新特性 Array.prototype.includes 用来检测数组中是否包含某个元素返回布尔型值 ** 进行幂运算 // Math.pow(2,2) 效果一样

摘要：// 1 Array.prototype.includes 用来检测数组中是否包含某个元素返回布尔型值 const mingzhu = ['西游记','红楼梦','三国演义','水浒传']; // 判断 console.log(mingzhu.includes('西游记')); // true 阅读全文

posted @ 2021-05-19 21:33 13522679763-任国强阅读(90) 评论(0) 推荐(0)

对象方法扩展 Object.is Object.assign Object.setPrototypeOf 设置原型对象 Object.getPrototypeOf 获取原型对象

摘要：// 1 Object.is 判断两个值是否完全相等 // console.log(Object.is(120,121)); // false // console.log(Object.is(120,120)); // true // console.log(Object.is(NaN,NaN)) 阅读全文

posted @ 2021-05-18 23:21 13522679763-任国强阅读(69) 评论(0) 推荐(0)

数值扩展

摘要：// 1 Number.EPSILON 是 js 表示最小精度 // console.log(Number.EPSILON); // 2.220446049250313e-16 // console.log(0.1 + 0.2); // 0.30000000000000004 // // 判断两个数阅读全文

posted @ 2021-05-18 23:09 13522679763-任国强阅读(49) 评论(0) 推荐(0)

对象继承3-重写父类

摘要：// es6 实现继承 class Phone{ // 构造方法 constructor(brand,price){ this.brand = brand; this.price = price; } // 父类成员属性 call(){ console.log('可以打电话'); } } // 智阅读全文

posted @ 2021-05-18 22:45 13522679763-任国强阅读(36) 评论(0) 推荐(0)

es6 实现继承

摘要：// es6 实现继承 class Phone{ // 构造方法 constructor(brand,price){ this.brand = brand; this.price = price; } // 父类成员属性 call(){ console.log('可以打电话'); } } // 智阅读全文

posted @ 2021-05-18 22:42 13522679763-任国强阅读(76) 评论(0) 推荐(0)

es5 实现继承

摘要：// es5 实现继承 // 手机 function Phone(brand,price){ this.brand = brand; this.price = price; } // 添加方法 Phone.prototype.call = function(){ console.log('可以打电话阅读全文

posted @ 2021-05-18 22:35 13522679763-任国强阅读(48) 评论(0) 推荐(0)

class-静态成员

摘要：// 手机 // function Phone(){ // } // Phone.name = '手机'; // Phone.change = function(){ // console.log('可以改变世界'); // } // Phone.prototype.size = '5.5inch' 阅读全文

posted @ 2021-05-18 22:33 13522679763-任国强阅读(63) 评论(0) 推荐(0)

class

摘要：// 手机 // function Phone(brand,price){ // this.brand = brand; // this.price = price; // } // // 添加方法 // Phone.prototype.call = function(){ // console.l 阅读全文

posted @ 2021-05-18 22:32 13522679763-任国强阅读(34) 评论(0) 推荐(0)

map

摘要：let m = new Map(); // 添加元素 m.set('name','Eric'); m.set('change', function(){ console.log('逆天改命...'); }); let key = { school :'ATBEIDA' } m.set(key,['北阅读全文

posted @ 2021-05-18 21:55 13522679763-任国强阅读(38) 评论(0) 推荐(0)

集合

摘要：// 声明一个 set let s = new Set(); let s2 = new Set(['大事','小事','好事','坏事','小事']); // console.log(s, typeof s); // console.log(s2); // Set(4) {"大事", "小事",&# 阅读全文

posted @ 2021-05-17 21:51 13522679763-任国强阅读(22) 评论(0) 推荐(0)

Promise catch方法读取多个文件封装ajax 请求

摘要：基础 const p = new Promise(function(resolve,reject){ setTimeout(() => { // let data = '数据库中的用户数据'; // resolve(data); let err = '数据读取失败'; reject(err) }, 阅读全文

posted @ 2021-05-17 21:17 13522679763-任国强阅读(105) 评论(0) 推荐(0)

生成器和生成器函数例子

摘要：// // 函数代码分隔符 // function * gen(){ // // console.log('hello generator'); // } // let iterator = gen(); // // console.log(iterator); // // iterator.nex 阅读全文

posted @ 2021-05-17 12:19 13522679763-任国强阅读(54) 评论(0) 推荐(0)

symbol

摘要：// 创建 symbol let s = Symbol(); // console.log(s,typeof s); // Symbol() "symbol" let s2 = Symbol('Eric'); let s3 = Symbol('Eric'); // console.log(s2); 阅读全文

posted @ 2021-05-14 21:23 13522679763-任国强阅读(94) 评论(0) 推荐(0)

rest 参数用于获取函数的实参用来代替 arguments ...扩展运算符

摘要：// rest 参数用于获取函数的实参用来代替 arguments // es5 获取实参的方式 // function date(){ // console.log(arguments); // } // date("白芷",'阿胶','陈皮') // rest 获取实参的方式 // func 阅读全文

posted @ 2021-05-14 21:01 13522679763-任国强阅读(163) 评论(0) 推荐(0)

let const 数组的解构对象的解构模板字符串简化写法箭头函数参数初始默认值

摘要：// let 声明变量 1 变量不能重复声明 2 块级作用域 if else while for 3 不存在变量提升 4 不影响作用域链 // const 声明常量 1 一定要赋初始值 2 一般常量使用大写 3 常量值不能修改 4 也是块级作用域 5 对于数组和对象的元素修改，不会报错 / 阅读全文

posted @ 2021-05-14 20:59 13522679763-任国强阅读(68) 评论(0) 推荐(0)

Eric

05 2021 档案

公告