King十三-CSDN博客

之前翻看别的大佬的博客看到了关于setTimeout，promise还有async执行顺序的文章。观看了几篇之后还是没有怎么看懂，于是自己开始分析代码，并整理了此文章，我相信通过此文章朋友们能对异步同步还有，setTimeout,Promise,async这些内容了然于胸，接下来让我们走入正题：这是别的大佬博客里面的代码：async function async1() { console.log('async1 start') await async2() console.log('a

2022-05-10 15:00:24 494

原创使用uni-app开发微信小程序时，打开开发调试能上传视频或图片，但关掉后不能上传

参考：https://blog.csdn.net/czkcui123/article/details/87614410修改正确：如下控制台会说,https:www.9999.com不在以下 uploadFile 合法域名列表中,打开微信公众平台

2021-12-30 10:56:06 1708 2

原创 promise.then的9道练习题-我猜你不能全对

摘要本文列出了 Promise.then 的各种执行情况的代码，设计了9道题，通过完成这些题目，你会更加精准的掌握Promise的用法。你可先做试一试，然后拉到最后边检查答案是否正确。欢迎你在最下方留言出你的答题情况。如果你全部对了（目前我还没有遇到过），请你一定告知我，让我膜拜一下。如果你觉得有点难，请你认真看完这篇文章中间那一段，如果还是觉得对promise不熟悉，可以先看看这里。好吧，先来看看题吧练习第1题var log= console.logvar p1 = new Pr.

2021-07-15 09:52:42 436 1

原创应该如何理解闭包

摘要本文介绍了闭包的定义，作用，及常见的理解中的误区，并没有引入其他的专业词汇。定义闭包对应的英文是closure，下边的定义是来自MDN。A closure is the combination of a function bundled together (enclosed)with references to its surrounding state (the lexical environment). Inother words, a closure gives you access

2021-06-28 16:27:16 334

原创 vue3.0 组合API-reactive函数 - API-toRef函数 - API-toRefs函数 - API-ref函数

组合API-reactive函数定义响应式数据：reactive是一个函数，它可以定义一个复杂数据类型，成为响应式数据。演示代码：<template> <div class="container"> <div>{{obj.name}}</div> <div>{{obj.age}}</div> <button @click="updateName">修改数据</button>

2021-06-18 11:15:48 167

原创 vue3.0组合API-父子通讯

目标：掌握使用props选项和emits选项完成父子组件通讯父传子：<template> <div class="container"> <h1>父组件</h1> <p>{{money}}</p> <hr> <Son :money="money" /> </div></template><script>import { ref

2021-06-10 10:56:29 857

原创 vue3的v-model

摘要vue3.0中对如何在自定义组件上使用v-model进行了重大升级，本文详情列出了变化要点，并给出了示例代码。内容历史回顾。v-model的前世今生具体的变化内容组件上单个v-model组件上单个v-model别名组件上多个v-model组件上v-model自定义修饰符小结历史回顾Vue 2.0v-model 只能绑定在组件的 value 属性上。也就是说在son-com这个的组件的内部，你只能通过一个名为value的属性来获取父组件中传入的msg的值。{

2021-06-03 09:08:00 856

原创理解和使用Promise.all和Promise.race

一、Pomise.all的使用Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。具体代码如下：let p1 = new Promise((resolve, reject) => { resolve('成功了')})let p2 = new Promise((resolve, reject) => { resolve('succe

2021-05-31 09:21:44 247

原创解决 Vue 重复点击相同路由，出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题

问题描述：重复点击导航时，控制台出现报错，虽然不影响功能使用，但也不能视而不见。解决方案：方案一：只需在 router 文件夹下，添加如下代码：// src/router/index.jsVue.use(Router)const router = new Router({ routes})constVueRouterPush=Router.prototype.pushRouter.prototype.push=functionpush(to){retu...

2021-05-27 10:34:42 217

原创 Vue插槽slot的使用

vue官方文档中关于slot插槽的说明很简短，语言又写的很凝练,这就有可能造成初次接触插槽的开发者容易产生“算了吧，回头再学，反正已经可以写基础组件了”的想法，于是就关闭了vue的说明文档。一、slot的作用Q: 假如父组件需要在子组件内放一些DOM元素，那么这些DOM是显示呢还是不显示呢？默认情况下是不会显示的，如下图所示，页面并没有显示父组件增加的<span>我是魔鬼</span> 元素内容。那么我执意要加DOM元素到子组件上该怎么实现呢？这就用到了slot插...

2021-05-25 13:58:07 355 2

原创全面拥抱vue3.0

vue2.0和vue3.0的区别重写了虚拟DOM的实现（跳过静态节点，只处理动态节点）。 update性能提高1.3~2倍。 SSR（服务处理）速度提高了2~3倍。可以将无用的模块剪辑，仅打包需要的（按需打包）。不在限于模板中的单个根节点。更好的typeScript支持。组合式API（setup）替换原有的OptionsAPI 根据逻辑相关性组织代码，提高可读性和可维护性更好的重用逻辑代码（避免mixins混入时命名冲突的问题）但是依然可以沿用Options //O

2021-05-25 09:39:27 207

原创 webpack面试题合集

1.webpack是什么？webpack是一个打包模块化javascript的工具，在webpack里一切文件皆模块，通过Loader转换文件，通过plugin注入钩子，最后输出由多个模块组合成的文件，webpack专注构建模块化项目。WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss,TS等），并将其打包为合适的格式以供浏览器使用。2.webpack中loader和plugin分别是什么？loa

2021-04-08 09:46:07 455

原创 VUE中iframe结合window.postMessage实现跨域通信

兼容IE11+ && other1主要使用方法window.otherWindow.postMessage(data,orign)1中文介绍文档 https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage参数说明：data: 发送的数据。接受范围：字符串、数字、对象、数组（不能包含当前页可执行方法，也就是不能传递Function）orign：接收消息的域名，比如页面存在多个iframe,可以通过设

2021-04-02 16:16:01 362

原创 VUE实现在父组件中触发子组件里面的方法

实现在父组件中触发子组件里面的方法子组件:<template> <div> 我是子组件 </div></template> <script> export default { name: "child", methods: { parentHandleclick(e) { console.log(e) } }</script>.

2021-04-01 10:55:55 177

原创 Vue3.0 新特性以及使用经验总结

前言Vue3.0 在去年 9 月正式发布了，看大家都有在热情的拥抱 Vue3.0。今年初新项目也开始使用 Vue3.0 来开发，这篇文章就是在使用后的一个总结，包含 Vue3 新特性的使用以及一些使用经验分享。为什么要升级 Vue3使用 Vue2.x 的小伙伴都熟悉，Vue2.x 中所有数据都是定义在data中，方法定义在methods中的，并且使用this来调用对应的数据和方法。那 Vue3.x 中就可以不这么玩了，具体怎么玩我们后续再说，先说一下 Vue2.x 版本这么写有什么缺陷

2021-03-25 11:10:16 723 2

原创字节跳动最爱考的前端面试题：CSS 基础

注意：每道题前面出现的 (xx) 数字代表这道题出现的频次，此 CSS 基础是基于 30+ 篇前端面经整理出的问题和对应的回答、参考链接等。文章内容为拿到 Offer 的本人整理。（2）写代码：css div 垂直水平居中，并完成 div 高度永远是宽度的一半（宽度可以不指定）<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta na.

2021-03-16 09:44:07 483

原创 vue取消严格模式

1、vue启动报错如下：2、是由于严格模式的问题，修改src目录下的文件为非严格模式解决问题，修改方式如下：在.eslintignore中增加src/*

2021-03-03 10:29:19 1039

原创 iOS和Android内嵌H5页面遇到的坑

1、ios上页面使用-webkit-overflow-scrolling: touch可以滚动流畅，但是会阻塞dom，滚动过程中没法操作dom。2、使用zoomIn和zoomOut动画展开再关闭弹窗之后，页面无法滑动3、定位元素互相嵌套在uiwebview内上下滑动过快的时候会导致该区域空白4、ios上background使用简写会导致有些机型无法正常显示背景图。5、ios12以上，输入框失焦的时候键盘收起，但是键盘区域仍然占据着页面，页面滑动之后才能显示正常。解决方法：失焦的时候页面滑动1

2021-03-01 15:47:49 931

原创熟悉ES6，这些内容起码得懂个七八十吧

前言：记得我第一次接触ES6，还是在大学写JavaEE的时候。当时由于需要做个后端管理系统，所以临时找了一些培训视频资源学了一下前端基础和vue框架。通过那个视频资料，我学会了一些简单的ES6知识，比如用let和const声明变量，解构赋值、模板字符串、可变参数等等。之后由于一些故事性的情节，春招临时转行前端，简历上实在没啥前端技能可写。仗着会那么一点点ES6，我竟然在技能一栏，厚颜无耻的写上了熟练运用ES6（…（⊙＿⊙；）…）。结果可想而知，我的前端面途坎坷，啪啪不断（巴掌与脸亲密接触所发出的声音

2021-03-01 09:57:14 269

原创让同事赞不绝口的代码原来长这样啊

网上有不少关于 JS 编写优化建议，这里我根据自己的经验提出一些比较有用的意见。1. 按强类型风格写代码JS 是弱类型的，但是写代码的时候不能太随意，写得太随意也体现了编码风格不好。下面分点说明：（1）定义变量的时候要指明类型，告诉 JS 解释器这个变量是什么数据类型的，而不要让解释器去猜，例如不好的写法：var num, str, obj;声明了三个变量，但其实没什么用，因为解释器不知道它们是什么类型的，好的写法应该是这样的：var num = 0, s

2021-02-26 10:01:08 113

原创 Vue nextTick彻底理解

前言含义和使用nextTick的官方解释：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。啥意思呢，即我们对Vue中data数据的修改会导致界面对应的响应变化，而通过nextTick方法，可以在传入nextTick的回调函数中获取到变化后的DOM，讲起来可能还是有点梦幻，下面我们直接使用nextTick体验一下效果。比如我们有如下代码：<template> <div> <b

2021-02-25 10:14:30 316

原创 JS开发必须知道的41个技巧【持续更新】

前言JS是前端的核心，但有些使用技巧你还不一定知道；本文梳理了JS的41个技巧，帮助大家提高JS的使用技巧；Array1.数组交集普通数组const arr1 = [1, 2, 3, 4, 5 , 8 ,9],arr2 = [5, 6, 7, 8, 9];const intersection = arr1.filter(function (val) { return arr2.indexOf(val) > -1 })console.log(intersection) //

2021-02-23 09:43:55 154

原创十分钟学会正则表达式

(一)限定符1、?:它前面的字符需要出现0次或1次例如：used?可以匹配到use和used2、*:它会匹配0个或多个字符例如：ab*c可以匹配到ac,abc,abbbbbbc3、+:它会匹配一次及以上的字符例如：ab+c可以匹配abc,abbbc,而不会匹配ac4、{}:可以限定匹配的数量例如：ab{6}c,则匹配到abbbbbbc,而要限定b的数量在2到6之间，则是ab{2,6}c，如果只是两次以上，则省略括号里的6，写成ab{2,}c(二)"或"..

2021-02-22 14:05:35 133

原创 Vue 开发必须知道的 36 个技巧

前言Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版;所以应该趁还没出来加紧打好 Vue2.x 的基础;Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了 36 个 vue 开发技巧;后续 Vue 3.x 出来后持续更新.1.require.context()1.场景:如页面需要导入多个组件,原始写法:import titleCom from '@/co

2021-02-22 09:55:23 176

原创这一次，彻底弄懂 JavaScript 执行机制

这一次，彻底弄懂 JavaScript 执行机制本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论：javascript是按照语句出现的顺序执行的看到这里读者要打人了：我难道不知道js是一行一行执行的？还用你说？稍安勿躁，正因为js是一行一行..

2021-02-07 09:33:41 105

原创揭秘 Vue.js 九个性能优化技巧

这篇文章主要参考了 Vue.js 核心成员Guillaume Chau在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。我看完他的分享PPT后，也阅读了相关的项目源码，在深入了解它的优化原理后，把其中一些优化技巧也应用到了我平时的工作中，取得了相当不错的效果。这个分享可谓是非常实用了，但是知道和关注的人似乎并不多，到目前为止，该项目也只有可怜的几百个 star。虽然距大佬的分享已经有两...

2021-02-05 10:38:53 417

空空如也

空空如也