ICode9

精准搜索请尝试: 精确搜索
  • Vue项目 跨域 解决方案与 vue.config.js 配置解析2021-12-07 20:02:44

    为什么会出现跨域? 出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的j

  • 事件循环在node新老版本中执行顺序2021-12-07 18:01:41

    console.log('1','1'); setTimeout(function() { console.log('2','5'); process.nextTick(function() { console.log('3','7'); }); new Promise(function(resolve) { console.log('4�

  • 关于vue-cli3打包优化2021-12-06 11:58:00

    在开发过程中vue项目打包是需要做一些性能优化的,这里写了关于我知道的要做的优化的部分,废话不多说直接上代码了,仅供参考 欢迎提出意见 const UglifyJsPlugin = require('uglifyjs-webpack-plugin') const path = require('path') // 开启Gzip需要的依赖 yarn add compression

  • Promise.allSettled和Promise.all2021-12-04 18:01:58

    1. Promise.allSettled 接受一个Promise数组,返回结果也是一个promise对象。 allSettled()方法接受的参数是一个数组,数组里每个元素都是一个promise对象。它返回的结果状态永远是成功,结果值是每一个promise对象返回的状态和值。 代码: function promiseClick1(){ let p

  • Module not found: Can't resolve 'react-router-dom'2021-12-04 09:33:49

    react 项目在运行的过程中报错 Failed to compile../src/common/subTitle.tsxModule not found: Can't resolve 'react-router-dom' in 'E:\react\ahp\src\common'   这是因为手动加载依赖包丢失包,需要重新安装依赖包 npm i -S react-router-dom

  • Vue-cli2中使用vue-quill-editor中的ImageResize问题2021-12-02 14:01:59

    在build/webpack.base.conf.js添加, 然后配置下面的代码: 1、const webpack = require('webpack') 2、在js规则中添加exclude module: {     rules: [       {         test: /\.js$/,         exclude: /node_modules(?!\/quill-image-drop-module|quill-image-resi

  • 跨域2021-12-02 12:31:25

    为什么跨域? 因为浏览器的安全机制 同源策略( 同端口 同协议 同域名 ) 1.jsonp 动态创建一个script标签 2.代理跨域 因为vue脚手架中集成了一个小的内置服务器叫devServer 我们代理跨域就是让这个小的内置服务器帮助我们请求数据 这样一来我们就绕开了浏览器同时也就绕开了浏览器的

  • vue组件如何被其他项目引用2021-12-02 09:01:46

    自己写的vue组件怎么才能让其他人引用呢,或者是共用组件如何让其他项目引用。本文就粗细的介绍下,如有疑问欢迎共同讨论。在这里你能了解下如下知识点: 1. 如何发布一个包到npmjs仓库上 2.如何引用一个npm包,尤其是本地引用 3.vue组件的两种引用方案 一、发布一个包到npm的步骤 在npm

  • Promise.all, Promise.race 以及ES2020 新特性 Promise.allSettled2021-11-30 23:31:39

    更多文章详见公众号【前端css和js干货】 Promise是Es6最令人兴奋的特性,在那之前人们可能会通过第三方库如Bluebird或Q使用过promise,但是直到2015年才成为js的标准特性。 Promise 对象代表一个异步操作的完成(或失败)以及他的结果值。 Promise 会做一些可能需要一些时间的事情,但

  • js事件循环2021-11-30 11:31:51

    async function async1() { console.log("a"); const res = await async2(); console.log("b"); } async function async2() { console.log("c"); return 2; } console.log("d"); setTimeout(() => {

  • Promise(resolve,reject)的基本使用2021-11-29 22:01:17

    什么是Promise? Promise是一个构造函数,其原型上有 then、catch方法,还有reslove,reject等静态方法。通过创建Promise实例,可以调用Promise.prototype上的then、catch方法。 Promise的作用 MDN对Promise的描述: Promise能够将异步操作最终成功返回值或者失败原因和相应的处理程序关联起

  • ES6 新特性 --Promise2021-11-29 16:02:19

    1、语法: const promise = new Promise(function (resolve, reject) { // 执行异步操作 if (true) { resolve(value);// 调用 resolve,代表 Promise 将返回成功的结果 } else { reject(error);// 调用 reject,代表 Promise 会返回失败结果 } });

  • ES6 19Promise状态特点2021-11-27 20:33:09

    要点:1.状态特点 2.更多方法 一、状态特点 1.Promise解决了异步多层回调混乱,且执行顺序的问题 2.Promise对象异步操作的三种状态: (1).Pending(进行中) (2).Fulfilled(已完成) (3).Rejected(已失败) 3.当异步操作执行之后,它得到的结果来决定其状态,其他任何操作都无法改变 4.Promise状态只有两

  • Promise.resolve() 的应用2021-11-27 13:33:10

    function getP(){ if(false){ return new Promise(resolve=>{ resolve('成功') }) }else{ return 0; } } getP().then(value=>{ console.log(value) }) 强行调用getP() 导致类型改变为promise类型   所以false输出直接为

  • 斗胆谈谈Promise2021-11-26 22:33:53

    1.Promise概念 1.1为什么需要promise? promise是ES6异步编程新的解决方案,它可以用来解决回调地狱的问题,回调地狱就是许多回调函数嵌套,导致代码太乱了,不易读,也不太好看。如下代码(读文件是异步操作,需要回调函数不停嵌套,透露出一股恶心劲) fs.readFile('./1.html',(err,data)=>{

  • #难点总结2021-11-26 21:34:33

    01 什么是promise? promise是异步编程的一种解决方案。 什么时候我们会来处理异步事件? 一种很常见的场景就是网络请求了,我们封装了一个网络请求的函数,因为不能立即拿到结果并将结果返回,所以往往我们会传入另外一个函数,在数据请求成功时,将数据通过传入的函数回调出去。如果

  • 回调地狱与promise2021-11-24 13:31:45

    异步任务同步执行 需求:假设我们现在有四个定时器,要求在第一个执行完毕后执行第二个,第二个执行完执行第三个... 这个的常规做法就是嵌套... setTimeout(function() { console.log('定时器1'); setTimeout(function() {

  • Module not found: Error: Can‘t resolve ‘less-loader‘2021-11-23 15:34:54

    背景 按照 Ant Design of Vue 文档的提示,安装 vue-cli 和 ant-design-vue 并新建了项目后,页面如期显示。 可是为了更好的性能,我们还需要配置 按需加载组件代码。但是按照要求修改后,再此刷新页面发现报错了! 看样子只是缺了一个库,试着安装一下 (base) PS C:\Users\xxx\Desktop

  • react webpack配置组件路径引用 @与自定义2021-11-22 12:04:48

    暴露配置文件: create-react-app 生成的项目看不到 webpack 相关的配置文件,需要先暴露出来,使用如下命令 npm run eject 修改配置文件: webpack.config.js //把一个路径或路径片段的序列解析为一个绝对路径 path.resolve(__dirname, '../') // 静态储存当前目录绝对路径 __d

  • 第十五篇《promise原理》2021-11-21 22:33:29

    这一次,彻底弄懂 Promise 原理 Promise 必须为以下三种状态之一:等待态(Pending)、执行态(Fulfilled)和拒绝态(Rejected)。一旦Promise 被 resolve 或 reject,不能再迁移至其他任何状态(即状态 immutable)。 基本过程: 初始化 Promise 状态(pending)立即执行 Promise 中传入的 fn 函数,将Pro

  • JS 同时获取多个异步请求数据 Promise.all()2021-11-19 13:32:09

    普通接口调用写法.then() 或者 使用es6的 async/await 异步转同步 // function Index() { // 普通调用嵌套写法 // console.time() // const p1 = new Promise((resolve, reject) => { // console.log('这里是p1') // setTimeout(() => { /

  • 【前端面试题】事件循环event_loop2021-11-16 21:00:08

    JavaScript是一个单线程语言。 任务分为同步任务和异步任务。 同步任务就是立即执行的任务,同步任务会进入主线程立即执行,当浏览器遇到异步任务时,会将异步任务扔到异步队列中去,等同步任务执行完毕后,再按照“微先宏后”的执行顺序依次执行异步任务。 “微先宏后”就是在异步任务队

  • 实现一个Promise.all2021-11-16 16:01:18

    最近面试老是被问到这个,所以记录一下 Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。 demo: let p1 = new Promise((resolve, reject) => { resolve

  • Toolbar ?actionBarSize报错2021-11-15 17:00:30

    Failed to resolve attribute at index 1 更改为: ?android:attr/actionBarSize     参考https://stackoverflow.com/questions/53772728/binary-xml-file-line-15-failed-to-resolve-attribute-at-index-1-typedvaluet-0/56391014

  • Maven使用{PDF报表时导入坐标报错,解决·Cannot resolve com.lowagie:itext:2.1.7.js62021-11-14 14:07:34

    第一步:下载itext:2.1.7.js6的jar包 下载地址:直达链接 选择好下载目录:我下载的是在我的本地Maven仓库里面 第二步:需要将这个jar包放入仓库中 注意:不能直接只是在本地仓库中,放入这个jar包,还是需要运行下面的一段命令才可以,否则的话还是会报错 执行命令: mvn install:install-

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有