小狮狮的博客

一个专注前端开发的女孩

natapp域名访问Invalid Host header问题

  在natapp域名指向本地服务器访问时,webpack项目提示Invalid Host header. 这是由于新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname 不是配置内的,将中断访问。可以在build目录中的we...

2019-04-26 17:44:11

阅读数 47

评论数 0

点击图片实现整屏幕放大功能,vue插件vue-directive-image-preer

这个插件是真的很烦方便,试试吧! 查看插件

2019-01-17 13:56:10

阅读数 545

评论数 0

vue 刷新当前页出 现空白页面 provide /inject 完美解决方案。

此方法使用的是v-if来控制router-view的显示或隐藏,v-if从false变为true时,vue会重新渲染router-view区域,所以当参数变化时,只需让v-if 从true => false => false,就能实现页面...

2019-01-02 12:54:27

阅读数 798

评论数 0

vue element-ui 选择日期组件 将标准日期时间格式化

vue element-ui 的组件开发可以大大提升我们的开发效率,但有时并不能满足我们的需求,比如:时间、日期组件。 element-ui 日期返回的格式是这样的,看下图: 但是我们需要的是这种格式: 在此之前在我找了很多javascript原生方法,单由于较复杂,而弃用。 可以用一个插件 ...

2019-01-02 12:28:37

阅读数 762

评论数 0

vue+axios+element ui实现全局配置loading.

背景 业务需求是这样子的,每当发请求到后端时就触发一个全屏的 loading,多个请求合并为一次 loading。 现在项目中用的是 vue 、axios、element等,所以文章主要是讲如果使用 axios 和 element 实现这个功能。 效果如下: 要点分析=重点 首先,请求开始的时候...

2018-12-19 00:14:30

阅读数 788

评论数 0

element ui刷新页面时保留当前分页。

vue项目中用element ui组件的pagination组件,当手动刷新页面时当前页会回到默认选中效果,一般会回到第一页,如何刷新时让记住刷新前的页面,让刷新后的页面不变呢? 做状态的本地存储,通过在localstorage中保存你的页码信息,在页面组件初始化的时候获取本地存储的信息,进而初始...

2018-12-18 23:56:25

阅读数 1774

评论数 0

vue 增加上传多图的DEMO

安装multer模块 单图上传 npm install multer 引用模块 它是依赖于express的一个模块 //引用express并配置 var express = require("express"); var app = express(); app...

2018-12-15 23:43:01

阅读数 508

评论数 0

vue 报错 vue.esm.js? [Vue warn]: Unknown custom element: <folderdir>

.did you register the component correctly? For recursive components, make sure to provide the “name” option. 把 &amp;amp;lt;folderdir&amp...

2018-12-15 23:39:52

阅读数 7470

评论数 0

npm init 失败的解决方法!

最近在使用webpack的过程中,在开始时使用npm init创建package.json时,npm一直卡在version处,狂按回车键也是没用的。 问题截图: npm init在version步骤卡住.png 解决方法: 使用npm init -f命令,即可完成。-f大概是force的意思。 ...

2018-10-20 01:21:15

阅读数 1637

评论数 0

npm查看依赖包报错:npm ERR! extraneous解决!!

查看依赖库的信息时候报错如下所示: npm ERR! extraneous 解决方法: 安装不需要的软件包,可以清理掉,实际上只是一个警告,因此可以忽略。忽略这个错误可能是安全的。但是你可以用清理不必要的软件包。 执行npm prune即可 ...

2018-10-20 01:06:05

阅读数 1836

评论数 0

react中使用fontawesome【简单方法】

当然:在这之前,试过网上的各种方法。后来还是选择这一种,使用简单。 安装模块 yarn add @fortawesome/fontawesome yarn add @fortawesome/react-fontawesome yarn add @fortawesome/fontawesome-f...

2018-10-20 01:02:00

阅读数 614

评论数 0

git 操作报错 fatal: Not a valid object name: 'master'.

问题场景: 新建git项目或刚为已存在项目创建了git仓库,想用git branch dev创建dev分支或用git checkout -b dev创建并切换到dev分支时报错。 原因: 刚创建的git仓库默认的master分支要在第一次commit之后才会真正建立,否则就像你声明了个对象但...

2018-10-20 00:48:58

阅读数 386

评论数 0

React中图片引入的几种方式

方式1 import tsIcon from '../images/typescript.jpeg'; 方式2 const tsIcon = require('../images/typescript.jpeg'); 使用方式1 &amp;lt;img src={tsIcon} alt...

2018-10-16 19:15:06

阅读数 924

评论数 0

react中使用fontawesome库

项目需求 ,需要使用Font Awesome小图标库运用到项目中。 使用步骤 安装模块: npm i -S @fortawesome/fontawesome npm i -S @fortawesome/react-fontawesome npm i -S @fortawesome/font...

2018-10-16 16:31:28

阅读数 615

评论数 0

create-react-app慢的解决

在操作官方实例Create React App时,需要执行指令: create-react-app my-app 来创建一个新的React应用。由于某原因,在拉取各种资源时,往往会巨慢,一直卡在 fetchMetadata: sill mapToRegistry uri ...

2018-10-15 16:55:38

阅读数 449

评论数 0

修改 github 已提交用户名和邮箱

打开终端 新建临时仓库 git clone --bare https://github.com/user/repo.git cd repo.git 写入执行脚本 vim git-author-rewrite.sh #!/bin/sh git filter-branch --env-f...

2018-10-14 20:56:03

阅读数 914

评论数 0

css多上文字以省略号代替

复制以下代码就OK啦 , .box { width: 100px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; ...

2018-10-11 14:19:14

阅读数 23

评论数 0

npm报错:npm ERR! Maximum call stack size exceeded npm ERR! A complete log of this run can be found in

在npm下载包的时候出现一个错误: npm ERR! Maximum call stack size exceeded npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\安宁的小狮狮\AppDat...

2018-10-10 00:18:08

阅读数 3644

评论数 3

查看npm全局安装过哪些模块

查看npm全局安装过哪些模块: $ npm list -g --depth 0

2018-10-07 14:15:10

阅读数 3441

评论数 0

pm WARN enoent ENOENT: no such file or directory, open 'E:\Program Files\nodejs \package.json' npm

在写一个网络爬虫的时候需要安装cheerio &amp;nbsp; ,直接在nodejs安装目录下安装时候,在执行npm install &amp;nbsp; cheerio &amp;nbsp;时候会遇到下面情况 npm WARN enoent ENOENT: no s...

2018-10-06 21:54:48

阅读数 1278

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭