自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(46)
  • 收藏
  • 关注

原创 2022总结前端面试题及答案 - JS篇(一)

总结高级前端开发面试题及答案,初步计划有JS篇,Vue篇和React篇

2022-09-23 10:44:38 790 1

原创 vue-cli3.0升级vue-cli4.0 失败

因为我的项目中有nvm来切换node的版本卸载vue-cli3.0的时候卸载的是/usr/local/lib/node_modules里面的所以利用where vue 找到在nvm下的路径/Users/***/.nvm/versions/node/v10.15.3/lib/node_modules中的@vue 直接管理员身份删掉再执行yarn add global @vue/cli@4.5.13使用vue -V可以看到vue-cli4.0升级成功vue-cli的路径指向从n..

2021-05-17 16:00:03 258

原创 打包后的vue项目,报错 怎么看具体位置

productionSourceMap: false将vue.config.js 中的值 设置为true;那么打包后报错的位置就可以看到了找到问题后,记得将productionSourceMap 重新置为false

2020-12-07 13:25:21 3087 1

原创 vue-router 的 mode:‘history‘ 时,各类后端需如何配置

https://router.vuejs.org/zh/guide/essentials/history-mode.html?#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90vue-router的官网有 挺全的;koa没有 在我的另一篇博客可以看https://blog.csdn.net/newBunny/article/details/110630768...

2020-12-04 14:57:49 474

转载 vue-router mode设置为history时,打包部署在koa,如何配置

前端使用vue搭建页面,然后build,生成静态的js css 文件,把文件放在后端的静态资源文件public中,如果直接在浏览器上访问 localhost:8000/xxxx 后端找不到xxxx路由就会报404使用koa2-connect-history-api-fallback之后,koa就会把所有的get方式的请求都发给/index.html,然后由vue-router来接管页面路由  注意下面的注释!const history = require('koa2-connect-his

2020-12-04 10:53:40 733

原创 vue-router的mode设置为history时 本地页面刷新proxy报错

给proxy代理接口,设一个比较特别的前缀 如api;区分一下前端页面 和 接口的url方法1:devServer: {disableHostCheck: true,port: 8080,proxy: {// 用以区别vue-router的mode:'history'时 页面链接和接口链接'/api': {target: url + '/api',changeOrigin: true,ws: false, // 需要websocket 开启pathRewrite

2020-12-04 10:47:50 1114

原创 本地vue-router模式设置为mode:‘history‘时,页面空白,无法加载

router 配置模式的地方,加一行代码base: process.env.BASE_URLconst createRouter = () => { return new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes: [] })}酱婶er,即可

2020-11-30 11:19:12 2053

原创 mac 安装JAVA环境,IDEA软件,安装maven,并运行项目

1. 首先,先在terminal(终端)输入命令 java 运行没装过java,会提示没有java,需要下载会直接弹出询问下载jdk的提示框我是选的more info,因为想要自己选jdk的版本,选了more info 之后会浏览器打开页面我选了8u251目前比较稳定, 然后找到合适的直接下载下载完以后双击安装jdk安装完以后,再执行java命令,显示如下,就说明已经安装好啦未完待续。。。...

2020-06-03 08:41:58 481

原创 mac 使用 ngrok 做内网穿透

个人感觉,这个使用起来很简单,但是不够稳定…下面来步骤吧1.下载ngrok的压缩包到本地 。官网地址:https://ngrok.com/ 2.解压缩到你想放的文件夹 比如abc3.使用命令行,cd abc 到abc这个文件夹 执行 ./ngrok http localhost:80localhost:80 是你要映射到外网的内网地址命令执行后,等一会出现绿色的Session Status online字样就是连接成功了红框是映射的外网域名访...

2020-05-22 09:16:58 473

原创 chorme 的input表单自动填充的颜色 遮盖了背景图片

&.user { background: url('~assets/images/user_input.png') no-repeat; background-size: 100% 100%; }&.user:-webkit-autofill { -webkit-text-fill-color: @white; transition: background-color 9999s ease-in-out 0s; -w.

2020-05-14 09:58:44 643

原创 npm的config文件 在哪里

一般npm的配置文件 叫.npmrc在用户文件夹下 路径一般是 Users/你的用户名/.npmrc可以直接打开文件进行配置也可以使用命令行进行配置 如 npm config ser cache "路径" 酱婶er

2020-05-09 15:31:23 7391 1

原创 怎么让iframe背景变透明

<iframe id="nnn" width="100%" height="100%" scrolling="no" frameborder="0" allowtransparency="true" src="http://"></iframe><style>body{ background-color:transparent;}...

2020-04-30 15:09:12 1198 1

原创 前端代码 ie9及以下ie版本 兼容问题,不完全记录

因为选择转载还需要确认被转载人已同意,有点麻烦,所以选了原创,但是附上了原文地址1. classList 在ie9中的不兼容引入以下代码,即可if (!("classList" in document.documentElement)) { Object.defineProperty(HTMLElement.prototype, 'classList', { g...

2019-10-14 15:21:54 793

原创 win10安装java环境,IDEA软件,安装maven,并运行项目

一、安装java环境去oracle官网下载jdk(选择你需要的版本)安装成功后,添加环境变量,在左下角搜索‘查看高级系统设置’点开环境变量,在系统变量里面新建一个JAVA_HOME变量path填写你安装jdk的位置然后编辑Path(也在系统变量里面找),点击编辑。然后新建path。里面填C:\Program Files\Java\jdk1.8.0_144\bin;...

2019-10-09 16:11:52 757

原创 vue使用vuex储存数据,刷新失效

使用localstorage配合 在store文件中actions里面用localstorage一起保存一下,state取值时 从 storage里面取

2019-09-24 10:58:49 1309

原创 mac 安装 flutter

尝试flutter咯~参考flutter中文网https://flutterchina.club/setup-macos/1. 首先配置一下flutter镜像命令行执行 vim ~/.bash_profile 打开bash_profile文件,加入下面两行,即镜像配置export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户...

2019-09-11 16:04:59 256

原创 airpods2 音量一直很小,我终于找到原因辣

我发现我把音量控制打开了……设置 --> 音乐 --> 音量控制 调大点就好了

2019-09-11 10:36:07 85442 3

原创 HBuilder X 项目运行在小程序开发者工具 失败

打开微信小程序开发者工具 设置 --> 安全设置 --> 点开启然后重新再HBuilder X运行到微信小程序即可以上是mac上的设置,windows基本大致相同...

2019-09-10 08:54:05 9696 1

原创 nginx 代理配置

server { listen 8080; 配置本地访问的端口号 server_name localhost; 配置本地的域名 or ip #charset koi8-r; #access_log logs/host.access.log main; locati...

2019-09-04 11:26:57 194

原创 mac 安装nginx

mac下使用brew安装nginx所以首先要确保安装了homebrew;mac自带ruby,使用ruby安装ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"然后brew search nginx 查询一下是否安装过nginx有对勾就是安装过,没有就是...

2019-09-04 11:23:22 179

原创 nginx启动失败之nginx: [emerg] invalid number of arguments in "root" directive in nginx/nginx.conf:45

这个启动失败信息提示 nginx.conf 的第45行有问题,也可能具体问题是在这行的附近,我查了一下,发现是少了一个分号「;」,加上就好了 over

2019-09-04 09:48:29 4803 1

原创 mac 怎么远程连接windows

https://xclient.info/search/s/jump+des/ 从这个网站上下载 Jump Desktop应用软件安装,然后运行软件点击添加按钮在Host 输入要远程连接的服务器ip,name会自动填充,可以不管然后点Add添加好了以后咧选择你新添加的那个哟,双击,应该会让你输入用户名密码,那你就输呗,然后就能连接啦~ 如果报错就多试几次...

2019-09-04 09:14:23 1390 1

原创 mac能压缩成tar.gz格式吗,windows可以吗,怎么操作;怎么上传到linux,linux上怎么解压缩

一、mac能压缩成tar.gz格式吗?答案是可以的。tar -zcvf test.tar.gz testtest.tar.gz 是将要压缩的名称test是你当前的文件 or 文件夹的名称为了避免此种压缩方式,在linux解压缩是多一个._ 开头的文件副本,命令行前加一下COPYFILE_DISABLE=1COPYFILE_DISABLE=1 tar -zcvf test....

2019-09-04 09:07:04 6021 3

原创 mac 连接linux服务器

mac 利用自带的ssh连接linux服务器打开终端先切换到root权限下 sudo -i ?好多别人的分享都有这一步,不过我没有切换权限,直接连接 输入密码就ok了然后 ssh root@要远程连接的ip最后输入密码即可成功就会进入linux的命令了...

2019-09-04 08:49:24 576

原创 win10 远程连接windows系统桌面

win(键盘上四个小方块) + R 打开运行窗口,输入mstsc运行;然后输入要连接的机器ip,用户名和密码;然后点击【连接】按钮,waiting 就能连接上了,如果提示错误,可以等等再多点几次连接;如果想把本地电脑资源传到远程服务器,有个比较简单的方法,点击窗口左下角的 显示选项;然后选择上面tab里的本地资源,把本地设备和资源中的剪贴板勾选上;这样就可以直接右键复制、粘贴咯...

2019-08-29 15:08:18 213

原创 gitlab 修改默认分支 及 分支保护

一、 gitlab 修改默认分支点击 Settings 选择 General 展开 General project setting 如图红框位置可以修改默认分支二、定义分支保护 从左侧菜单的Branches进去,右侧有 project settings 可以点击进入;然后选择要保护的分支,设置merge和push权限...

2019-07-24 10:05:17 37196 1

转载 ESLint报错解决方案(error: No ESLint configuration found)

https://blog.csdn.net/caomage/article/details/81094958

2019-07-23 16:49:08 5930

转载 使用mongoose连接mongodb

首先,确保已经安装了mongodb;到这个文件夹下,cd /usr/local/mongoDB/bin执行sudo ./mongod --dbpath=/data/db 来指定全局路径然后再执行./mongouse admin -- 指定数据库切换到admindb.createUser({user: 'root', pwd: 'root@123', role...

2019-07-09 16:28:43 1295

原创 mac 安装启动 mongodb

一、如何安装mongodb网上查资料说有三种方法可以安装mongodb;我使用了比较常规的方式,从mongodb官网下载安装包https://www.mongodb.com/download-center/community不需要注册,不需要登录,点击download下载就可以了。下载完文件以后,解压缩改个名字 改成mongoDB 然后拖到/usr/local 文件夹下,打...

2019-07-08 21:47:38 268

原创 react-router v4.0+ 的 withRouter

首先,我们先来说说withRouter是做什么的,它主要是使非路由直连组件可以直接获取到路由的props(history、location、match等等) import React, { Component } from 'react';import { withRouter } from 'react-router-dom';import { RouteCompon...

2019-06-06 18:13:21 856

原创 react-app-rewired 2.0+ 版本后,配置babel-plugin-import 按需加载无效

项目引入antd-mobile;按官方文档介绍安装了react-app-rewired 2.0+ ;并且下载了customize-cra和babel-plugin-import来配置按需加载;也在.babelrc文件中配置了plugins然鹅(当然没有然鹅,就没有这篇文章啦),运行项目后,控制台还是提示这个:You are using a whole package of antd, pleas...

2019-06-06 17:02:57 3260

原创 react-router v4.0+ 找不到的路由怎么handle

<Switch> <Route path="/" exact component={Download}/> <Route path="/download" component={Downloads}/> <Route component...

2019-06-04 10:00:07 402

转载 react-router IndexRoute废弃

react-router v4+版本 IndexRoute已经去掉了,但也有替换的属性我们用 v3 和 v4 各写一个简单的两页应用来对比它们二者 ,下面例子中的两个路由分别指代 home 页 和 user 页:以下是 v3 版本:import { Router, Route, IndexRoute } from 'react-router'const PrimaryLa...

2019-05-22 16:56:36 3370

原创 微信浏览器分享链接,自定义图片和文案

准备工作: 1. 首先要有一个企业认证公众号;一定是认证号;非认证号是没有分享自定义的权限的 2. 然后需要在 公众号设置--》功能设置 js接口安全域名 设置 域名;不带http(s):// 的哦 3. 同时需要,登录“微信公众平台-开发-基本配置”提前将服务器IP地址添加到IP白名单中,点击查看设置方法,否则将无法调用成功。(顺便提一句:小程序无需配置IP白名单...

2019-05-21 17:38:17 6163

转载 Git中.gitignore文件不起作用的解决 以及 Git 中的忽略规则介绍(转载)

https://www.cnblogs.com/zzcc/p/5695883.html

2019-04-28 16:17:38 227

原创 gitlab ssh 和 http不同,ssh 的安装配置

1. ssh 和 http的不同 (1).SSH方式 要求将本地生成的SSh公钥上传到gitlab中,进行SSH Key配置,安全性高一些 (2).http方式 这种方式要求project在创建的时候只能选择“Public”公开状态,Private和Internal私有模式下不能使用http方式进行连接。(ssh方式在三种模式下都可以)。使用...

2019-04-28 11:14:26 1054

原创 手机拍照上传图片,在background-image配置中,旋转90度

修改方式是用img的src引入图片;想达到background-size:cover效果; |可以使用object-fit: cover实现相同效果;具体object-fit介绍,先mark,深入待续…… 在刚拿到这个问题的时候,我直接取oos云端看我的图片,发现竖屏拍照的图片是横向显示,我初步把问题定位在oos上传带着exif参数了(传图时拍照的图片会带exif参数,里面的Or...

2019-04-23 14:26:39 4199

原创 总结一下写h5页面遇到的问题

因为各种原因,没有跟框架来写h5,遇到一些坑,特此铭记:1.ios端textarea标签中maxlength定的值,如果输入”换行符“,限制会不准确,比如2000,只能输入1995左右,就无法输入 解决方案: 使用oninput方法,利用sustring截取字符串var len = val.length; //获取标签内容的value值,然后计算长度,利用长度限制,截取显示的内容...

2019-04-23 14:11:01 432

转载 解决页面使用overflow: scroll在iOS上滑动卡顿的问题

https://www.jianshu.com/p/1f4693d0ad2d

2019-04-20 16:16:30 1458

转载 webpack 安装后 运行提示安装webpack-cli

都在全局安装(安装在同一目录)npm install webpack -g (个人项目里,npm install --save-dev webpack -g)输入以上命令后: webpack -v 提示:The CLI moved into a separate package: webpack-cliWould you like to install webpack-cli? (...

2019-04-17 13:42:09 1845

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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