es6
-Dayer-
只想搞钱
展开
-
js异步进阶
1、event loop2、promise进阶3、async/await4、微任务宏任务引入上述问题先看几个题目1、请描述event loop(时间循环/事件轮询)的机制,最好画个图2、什么是宏任务和微任务,两者有什么区别?3、promise由哪三种状态,如何变化?4、promise then 和catch的链接看如下代码 Promise.resolve() .then(() => { console.log(1);原创 2021-03-07 16:21:42 · 222 阅读 · 0 评论 -
js需要掌握手写的方法
1、手写深拷贝 function deepClone(obj = {}) { if (typeof obj != "object" || obj == null) { return obj; } let result; if (obj instanceof Array) { result = []; } else { result = {}; } for (let .原创 2021-03-06 23:00:24 · 694 阅读 · 0 评论 -
如何使用json 动画
1、安装 npm installlottie-web -s2、引入 importlottiefrom"lottie-web"; // 引入插件importanimationDatafrom"@/assets/data.json"; // 引入json 数据3、使用 html<viewclass="lottie"></view>js optAnimation() { lottie.destroy...原创 2021-01-20 17:05:35 · 2196 阅读 · 9 评论 -
动态创建弹框el-dialog
相信大家在页面中写了很多基于el-dialog的弹框,尤其是弹框比较多时,显得很臃肿,不利于后期维护,还有一些相似的弹框功能让你复制粘贴感觉很麻烦还要换个名字,下面我有个还行的方法动态创建,只需要传数据,然后返回数据就可以了,下面直接贴代码哈哈dialog.jsimport Vue from 'vue'function snake2Camel(str, capLower) { let s = str.replace(/[-_](\w)/g, function (x) {原创 2020-10-16 16:36:21 · 4924 阅读 · 4 评论 -
列表进入详情返回列表时保存搜索条件
别问,问就是不会1、写几个函数,写好后列表页面中引用sStore就是封装后的sessionStorage,this.params是搜索条件,isFrom配置在列表,isDetail配置在详情列表中这样引入使用如下图import { searchParamsSave } from "js/common.js";function searchParamsSave() { return { created() { let key = 's原创 2020-06-11 09:43:05 · 1677 阅读 · 0 评论 -
express项目创建、连接mysql、jwt验证
mysqlexpressjwttoken验证数据库原创 2020-06-08 14:08:52 · 440 阅读 · 0 评论 -
js身份证号校验方法(转载我的请注明哈哈)
const idCardNo = { citys: { 11: '北京', 12: '天津', 13: '河北', 14: '山西', 15: '内蒙古', 21: '辽宁', 22: '吉林', 23: '黑龙江', 31: '上海', 32: '江苏', 33: '浙江', 34: '安徽', 35: '福建', 36: '江西', 37: '山东', 41: '河南', 42: '湖北', 43: '湖南', 44: '广东', 45: '广西', 46: '海南', 50: '重庆', 5.原创 2020-05-26 15:45:07 · 1208 阅读 · 0 评论 -
vue blob excel导出数据
downloadFile (res, fileName) { let data = res.data let url = window.URL.createObjectURL(new Blob([data], { type: "application/vnd.ms-excel" })) if ("do...原创 2020-01-09 10:56:08 · 814 阅读 · 0 评论 -
使用 element-ui 的 el-progress 写的进度条
<template> <div class="scaleProgress"> <el-progress :text-inside="true" :stroke-width="18" :percentage="progressNum"></el-progress> </div></template&...原创 2019-04-19 10:50:05 · 30742 阅读 · 8 评论 -
vue 项目 api 统一管理
因为项目迁移所以进行api统一管理api 文件夹下index.jsimport request from '@/lib/request.js'import product from './product.js'function ajax (params, options = {}) { if (params) { if (options.method === 'po...原创 2019-03-22 20:46:09 · 2386 阅读 · 0 评论 -
...和map组数据的实用方法
this.items = ret.map((v, i) => { v.name = decodeURIComponent(v.name) return { no: i + 1, ...v ...原创 2018-12-04 18:27:19 · 478 阅读 · 0 评论 -
js 转树结构
function toTree(arr, menuPid, type) { let temp = [] let treeArr = arr treeArr.forEach((item) => { if (item.menuPid == menuPid) { item.children = toTree(treeArr, ite...原创 2018-12-04 18:22:30 · 923 阅读 · 0 评论 -
JavaScriptES6之字符串String新特性
今天离职了,挺舍不得的,现在下班了,把自己写的读书笔记发一篇1、模板字符串 模板字符串主要便于字符串拼接,可以把变量插入字符串中; 代码如下:let str1 = "hello";let str2 = "world";let str3 = `str1 is ${str1},str2 is ${str2}`;以上就是模板字符串的基本用法,当然使用的时候需...原创 2018-09-30 18:05:23 · 484 阅读 · 0 评论 -
解构赋值
这两天有点事,所以没有继续写es6的东西,今天就说一下解构赋值首先什么是解构赋值?个人理解就是从数组和对象中提取值,对变量进行赋值。举个例子:这样就很快的完成a,b值的交换,如果等号两边模式相同,左边变量就会被赋予相应值。为了验证一下:既然是从数组和对象中取值,那么我们先说一下数组中的解构赋值解构赋值的嵌套,结构一致 let [a, b, [ c, d ]] = [1,...原创 2018-09-13 18:21:16 · 950 阅读 · 0 评论 -
如何快速让浏览器兼容ES6特性
今天上午有点时间,所以在更新一篇文章大家都知道目前es6不是所有浏览器都支持的,所以要通过转码器先进行转码然后再编译代码。所以大家在看我博客的时候可以先安装了babel转码器如果你还没安装 babel 可以使用 npm 来安装:npm install -g babel现在一般都不会安装成功,因为现在默认安装的是babel6因为安装babel6,比较麻烦所以今天先带大家装bab...原创 2018-09-06 10:20:22 · 2088 阅读 · 0 评论 -
说一说es6中的const
之前讲了一下let,声明一个变量,只在块级作用域有作用。现在来说一下ES6新增的另一个关键字constconst是声明常量的,常量的值是不可改变的。使用的时候有以下特点:不可修改 只在块级作用域起作用 不存在变量提升 不可重复声明变量 声明后必须赋值上边声明的常量都是一些基础类型的数据,如果声明的常量是一个对象呢会发生什么是不是发现对象里的键值被改变了,不是说好的不可...原创 2018-09-06 09:48:22 · 228 阅读 · 0 评论 -
es6新增的let
最近出去观望一下,发现很多人喜欢问es6,所以我决定定期写一写关于se6都有哪些好玩的东西,今天先说一下烂大街的let个人感觉之所有有let还是因为var有几点不足之处:首先是作用域的问题,其次是变量提升 var arr = [ ];for(var i=0; i<10; i++){ arr [i] = () => { console.log(...原创 2018-09-04 16:54:58 · 171 阅读 · 0 评论