3 王王王米粒

尚未进行身份认证

暂无相关简介

等级
TA的排名 10w+

axios知识点

1.为什么 axios 既可以当函数调用,也可以当对象使用,比如axios({})、axios.get。答:axios本质是函数,赋值了一些别名方法,比如get、post方法,可被调用,最终调用的还是Axios.prototype.request函数。2.简述 axios 调用流程。答:实际是调用的Axios.prototype.request方法,最终返回的是promise链式调用,实际请...

2020-04-13 11:17:56

vue项目中实现网页的截图功能 (html2canvas)

最近做地图的项目,有个需求就是前端需要将网页的内容生成一张图片,这个功能如果让后端做的话,前端需要把大量的代码传给后端,然后后端去解析生成图片,再返回给前端,幸运的是,html2canvas.js让这件事情变得简单起来,下面是我在vue项目中实现截图功能的代码:一、先安装html2canvasnpm install html2canvas --save或者yarn add html...

2020-04-09 17:34:35

说说filter这个css属性(网站置灰实现)

在2020年4月4日这一天,大家无论打开手机、电脑网页还是APP,都可以看到所有的内容都已经变成了灰色,大家可能还会误以为是网站统一换了一套css样式,不过后面转念一想这么多网站及页面,如果要统一换样式,工程还是很大的。好奇心驱使我打开浏览器查看元素,结果发现很多的网站几乎是通过一个css属性filter来设置这种置灰的效果一、filter属性:1、也叫做滤镜属性,用于将模糊和颜...

2020-04-09 11:12:46

基于vue-cli3的vue项目搭建

目前vue-cli的家族成员有:vue-cli2和vue-cli3,对于vue-cli2如何构建vue项目应该是都聊熟于心,本文简单介绍一下使用vue-cli3构vue项目。一、Vue CLI是基于vue.js进行快速开发的完整系统(脚手架工具),它主要由三部分组成:1、CLI:通过@vue/cli安装的npm包,其提供了终端里的vue命令(例如:vue serve 、vue creat...

2020-04-01 11:28:38

vue项目中使用$.once('hook:beforeDestory',() => {})清理定时器问题

在vue项目通常我们清理定时器的方法时,通常有两种方法方法一:1、首先在vue实例的data中定义定时器的名称:export default{ data(){ timer:null }}2、在方法(methods或者页面初始化的时候使用定时器)this.timer = setInterval(()=>{ //需要做的事情},1000);3、然后在页...

2020-03-30 20:57:08

vue项目中解决谷歌浏览器默认填充账号密码问题

最近使用vue+elementui搭建的项目中出现一个需求:谷歌浏览器第一次登录保存账号密码之后,后续在碰到需要输入账号密码时,浏览器会默认填充账号密码,现在需求是不想要账号密码默认填充的效果解决方案:1、在账号输入的元素上加上 auto-complete=“new-accounts”2、在密码输入的元素上加上 auto-complete=“new-password”最后强调:a...

2020-03-27 09:03:50

JSON.stringify、JSON.parse、toString、String

一、区别:JSON.stringify()是将js对象转换为JSON字符串,JSON.parse()的作用与它相对,是将JSON字符串转为一个对象,使用JSON.parse()时要注意你要转换的字符串必须符合JSON格式,即键值都必须使用双引号包裹起来,否则会报错。二、JSON.stringify的用处1、判断数组中是否包含对象 let data = [ {name...

2020-03-25 09:07:48

实现深拷贝的方法

方法一:遍历对象,将值进行重新复制给新对象function deepClone(obj){ let objClone = Array.isArray(obj)?[]:{}; if(obj && typeof obj==="object"){ for(key in obj){ if(obj.hasOwnProperty(key...

2020-03-25 08:59:29

从JavaScript角度谈谈深拷贝与浅拷贝

如何区分深拷贝与浅拷贝,举个例子来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝;如果B没变,那就是深拷贝。在JavaScript中如果要解释这两种拷贝方式,就得先说说其数据类型了。一、JavaScript的的数据类型大体上来讲有基本类型和引用类型,他们各自又分别有以下的几种:1、基本类型:string、number、symbol、null、und...

2020-03-25 08:49:12

谈谈咱们为啥要使用npm?

在学习npm之前,我们首先静下心来问问自己为什么要学习它,学习它之后有什么好处呢程序员的社区文化程序员似乎自产生就骨子里有着乐于分享信息和资源的优秀品质,在很早之前,大家都是通过分享自己的网站来共享代码、资源。项目中所需要的包及依赖都可以通过指定的网站或者指定的链接进行下载,可是随着项目中所涉及的包及依赖越来越多时,就会发现这种通过官方网站或者链接方式下载资源的办法是非常麻烦的,因此...

2020-02-28 11:22:06

npm i与npm install的区别

一、背景最近接手别人的vue项目,进行npm i 来安装依赖的时候一直出错,直到使用npm install 重新安装才成功,一直觉得疑惑,网上查阅,才知道它们之间是有些区别的。二、区别① npm i 安装的模块及依赖,使用npm uninstall是没有办法删除的,必须使用npm uninstall i才可以删除②npm i 会帮助检测与当前node最匹配的npm的版本号,并匹配出相互依赖...

2020-02-28 10:37:19

nrm的安装与使用

什么是nrm**我们都知道npm默认使用的源地址是npm的官方源,在国内使用该源下载东西是非常慢的,这时候就需要进行源的切换;如果你又突然跑去国外了,那么又需要将源切换回来,这时nrm就是最好的选择。nrm是npm源的管理器,可以使用它进行快速的切换npm源地址。**nrm的安装npm install -g nrm 查看nrm是否安装成功nrm -Vnrm 的使用1、查看可...

2020-02-26 14:57:08

npm安装vue-cli,一直停留在deprecated request@2.88.2: request has been deprecated, see https://github.com/req

安装vue-cli出现的错误原因资源问题,没有配置淘宝镜像解决①配置淘宝镜像 :npm config set registry https://registry.npm.taobao.org②重新安装vue-cli,即可成功npm install -g @vue/cli...

2020-02-25 23:14:14

yarn与npm区别及yarn的使用介绍

一、什么是yarnyarn是Facebook发布的一款可取代npm的js包管理工具,yarn的操作与npm的极为相近,而且yarn同样是从npm注册源来获取模块工具二、为什么使用yarn使用过npm的人都知道,npm还是存在很多问题,使用它会经常出现慢、卡顿且有时候包下载的不完整,尤其是别人创建的一些项目,经久累月,重新安装依赖的时候总是会出现很多的问题,且会出现不同的人有的时...

2020-01-19 11:12:58

typescript环境安装及IDEA配置typescript

一、typescript环境安装1、安装node、npm下载官网安装包: http://nodejs.cn/download/, 双击运行2、安装完node、npm后,查看是否安装成功node -vnpm -v3、安装typescriptnpm install -g typescript4、安装后查看typescript是否安装成功tsc -version 或者ts...

2020-01-10 15:39:18

vue项目可以通过本机localhost和本机或其他电脑使用ip地址访问的方法

问题描述:本机的vue项目通过npm run dev 或者npm run serve的方式启动后,在浏览器可以通过输入localhost:8080就可以访问但当在本机或者其他电脑的浏览器中输入本机的ip地址+端口,即:192.168.212.82:8080,不能访问成功解决方法:1、解决方法一:找到项目的配置文件:/config/index.js,修改index.js文件中的host值,...

2020-01-08 14:44:51

vue项目中使用富文本编辑器(wangeditor)

wangeditor官方教程:https://www.kancloud.cn/wangfupeng/wangeditor3/一、在vue项目中安装wangeditornpm install wangeditor二、在vue页面中使用wangeditor,如在editor.vue文件中创建富文本编辑器<template> <div class="wang-edit...

2019-12-04 18:38:53

js中的null和undefined区别

作为JavaScript的基本数据类型,null和undefined常常让我们这些初始JavaScript的人摸不着头脑,下面就是我对它们之间的异同进行了整理,以此来巩固自己对它们的认识一、相同点:1、都是原始类型的值,且保存在栈中变量本地2、进行条件判断时,两者都是false:console.log(undefined == null);//true ECMAScript认为un...

2019-11-15 17:21:50

vue中style的scope属性

在vue项目中通常会给style标签加上scope属性,以此来实现样式的私有化,避免全局污染。但有的时候这个属性又会带来麻烦:当引入第三方组件且需要修改其样式时,通常出现没有修改成功的情况一、scope实现私有化样式的原理通过给DOM元素结构上以及css样式上添加一个不重复的标记,来保证其唯一性,以此达到样式的私有化例如:当使用第三方插件elementui的button组件,并在st...

2019-11-15 14:31:56

vue项目中引入less并使用

1、npm进行安装npm install less less-loader --save2、创建less文件,如login.less.login-page{ h1{ cursor: pointer; background: #f00; }}3、在vue文件(如:login.vue)中的style标签将less文件(login.less)引入<templ...

2019-11-14 14:12:14

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。