<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[newBunny的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/newBunny</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; newBunny]]></copyright><item><title><![CDATA[2022总结前端面试题及答案 - JS篇（一）]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/126929798</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/126929798</guid><author>newBunny</author><pubDate>Fri, 23 Sep 2022 10:44:38 +0800</pubDate><description><![CDATA[总结高级前端开发面试题及答案，初步计划有JS篇，Vue篇和React篇]]></description><category></category></item><item><title><![CDATA[vue-cli3.0升级vue-cli4.0 失败]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/116936523</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/116936523</guid><author>newBunny</author><pubDate>Mon, 17 May 2021 16:00:03 +0800</pubDate><description><![CDATA[因为我的项目中有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..]]></description><category></category></item><item><title><![CDATA[打包后的vue项目，报错 怎么看具体位置]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/110816852</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/110816852</guid><author>newBunny</author><pubDate>Mon, 07 Dec 2020 13:25:21 +0800</pubDate><description><![CDATA[productionSourceMap: false

将vue.config.js 中的值 设置为true；那么打包后报错的位置就可以看到了

找到问题后，记得将productionSourceMap 重新置为false
]]></description><category></category></item><item><title><![CDATA[vue-router 的 mode:‘history‘ 时，各类后端需如何配置]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/110643414</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/110643414</guid><author>newBunny</author><pubDate>Fri, 04 Dec 2020 14:57:49 +0800</pubDate><description><![CDATA[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%90



vue-router的官网有 挺全的；koa没有 在我的另一篇博客可以看



https://blog.youkuaiyun.com/newBunny/article/details/110630768
...]]></description><category></category></item><item><title><![CDATA[vue-router mode设置为history时，打包部署在koa，如何配置]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/110630768</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/110630768</guid><author>newBunny</author><pubDate>Fri, 04 Dec 2020 10:53:40 +0800</pubDate><description><![CDATA[前端使用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]]></description><category></category></item><item><title><![CDATA[vue-router的mode设置为history时 本地页面刷新proxy报错]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/110630591</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/110630591</guid><author>newBunny</author><pubDate>Fri, 04 Dec 2020 10:47:50 +0800</pubDate><description><![CDATA[给proxy代理接口，设一个比较特别的前缀 如api；区分一下前端页面 和 接口的url

方法1：


devServer: {

disableHostCheck: true,

port: 8080,

proxy: {

// 用以区别vue-router的mode:'history'时 页面链接和接口链接

'/api': {

target: url + '/api',

changeOrigin: true,

ws: false, // 需要websocket 开启

pathRewrite]]></description><category></category></item><item><title><![CDATA[本地vue-router模式设置为mode:‘history‘时，页面空白，无法加载]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/110382461</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/110382461</guid><author>newBunny</author><pubDate>Mon, 30 Nov 2020 11:19:12 +0800</pubDate><description><![CDATA[router 配置模式的地方，加一行代码

base: process.env.BASE_URL




const createRouter = () =&gt; {
  return new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes: []
  })
}

酱婶er，即可
]]></description><category></category></item><item><title><![CDATA[mac 安装JAVA环境，IDEA软件，安装maven，并运行项目]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/106468489</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/106468489</guid><author>newBunny</author><pubDate>Wed, 03 Jun 2020 08:41:58 +0800</pubDate><description><![CDATA[1. 首先，先在terminal（终端）输入命令 java 运行



没装过java，会提示没有java，需要下载

会直接弹出询问下载jdk的提示框



我是选的more info，因为想要自己选jdk的版本，选了more info 之后会浏览器打开页面



我选了8u251目前比较稳定， 然后找到合适的直接下载







下载完以后

双击安装jdk

安装完以后，再执行java命令，显示如下，就说明已经安装好啦







未完待续。。。
...]]></description><category></category></item><item><title><![CDATA[mac 使用 ngrok 做内网穿透]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/106272349</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/106272349</guid><author>newBunny</author><pubDate>Fri, 22 May 2020 09:16:58 +0800</pubDate><description><![CDATA[个人感觉，这个使用起来很简单，但是不够稳定…

下面来步骤吧

1.下载ngrok的压缩包到本地 。官网地址：https://ngrok.com/ 

2.解压缩到你想放的文件夹 比如abc

3.使用命令行，cd abc 到abc这个文件夹 执行 ./ngrok http localhost:80

localhost:80 是你要映射到外网的内网地址

命令执行后，等一会







出现绿色的Session Status online字样就是连接成功了

红框是映射的外网域名

访...]]></description><category></category></item><item><title><![CDATA[chorme 的input表单自动填充的颜色 遮盖了背景图片]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/106113613</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/106113613</guid><author>newBunny</author><pubDate>Thu, 14 May 2020 09:58:44 +0800</pubDate><description><![CDATA[&amp;.user {
      background: url('~assets/images/user_input.png') no-repeat;
      background-size: 100% 100%;
    }

&amp;.user:-webkit-autofill {
      -webkit-text-fill-color: @white;
      transition: background-color 9999s ease-in-out 0s; 
      -w.]]></description><category></category></item><item><title><![CDATA[npm的config文件 在哪里]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/106020406</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/106020406</guid><author>newBunny</author><pubDate>Sat, 09 May 2020 15:31:23 +0800</pubDate><description><![CDATA[一般npm的配置文件 叫.npmrc

在用户文件夹下 路径一般是 Users/你的用户名/.npmrc

可以直接打开文件进行配置

也可以使用命令行进行配置 如 npm config ser cache "路径" 酱婶er
]]></description><category></category></item><item><title><![CDATA[怎么让iframe背景变透明]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/105862127</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/105862127</guid><author>newBunny</author><pubDate>Thu, 30 Apr 2020 15:09:12 +0800</pubDate><description><![CDATA[&lt;iframe id="nnn" width="100%" height="100%" scrolling="no" frameborder="0" allowtransparency="true" src="http://"&gt;&lt;/iframe&gt;

&lt;style&gt;
body{
  background-color:transparent;
}...]]></description><category></category></item><item><title><![CDATA[前端代码 ie9及以下ie版本 兼容问题，不完全记录]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/102548757</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/102548757</guid><author>newBunny</author><pubDate>Mon, 14 Oct 2019 15:21:54 +0800</pubDate><description><![CDATA[因为选择转载还需要确认被转载人已同意，有点麻烦，所以选了原创，但是附上了原文地址

1. classList 在ie9中的不兼容

引入以下代码，即可

if (!("classList" in document.documentElement)) {
  Object.defineProperty(HTMLElement.prototype, 'classList', {
    g...]]></description><category></category></item><item><title><![CDATA[win10安装java环境，IDEA软件，安装maven，并运行项目]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/102462940</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/102462940</guid><author>newBunny</author><pubDate>Wed, 09 Oct 2019 16:11:52 +0800</pubDate><description><![CDATA[一、安装java环境

去oracle官网下载jdk（选择你需要的版本）

安装成功后，添加环境变量，在左下角搜索‘查看高级系统设置’



点开环境变量，在系统变量里面新建一个JAVA_HOME变量

path填写你安装jdk的位置



然后编辑Path（也在系统变量里面找），点击编辑。然后新建path。里面填C:\Program Files\Java\jdk1.8.0_144\bin;...]]></description><category></category></item><item><title><![CDATA[vue使用vuex储存数据，刷新失效]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/101271357</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/101271357</guid><author>newBunny</author><pubDate>Tue, 24 Sep 2019 10:58:49 +0800</pubDate><description><![CDATA[使用localstorage配合 

在store文件中actions里面用localstorage一起保存一下，state取值时 从 storage里面取
]]></description><category></category></item><item><title><![CDATA[mac 安装 flutter]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/100583113</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/100583113</guid><author>newBunny</author><pubDate>Wed, 11 Sep 2019 16:04:59 +0800</pubDate><description><![CDATA[尝试flutter咯~参考flutter中文网https://flutterchina.club/setup-macos/



1. 首先配置一下flutter镜像

命令行执行 vim ~/.bash_profile 打开bash_profile文件，加入下面两行，即镜像配置


export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户...]]></description><category></category></item><item><title><![CDATA[airpods2 音量一直很小，我终于找到原因辣]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/100729249</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/100729249</guid><author>newBunny</author><pubDate>Wed, 11 Sep 2019 10:36:07 +0800</pubDate><description><![CDATA[我发现我把音量控制打开了……

设置 --&gt; 音乐 --&gt; 音量控制 调大点就好了
]]></description><category></category></item><item><title><![CDATA[HBuilder X 项目运行在小程序开发者工具 失败]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/100688318</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/100688318</guid><author>newBunny</author><pubDate>Tue, 10 Sep 2019 08:54:05 +0800</pubDate><description><![CDATA[打开微信小程序开发者工具 设置 --&gt; 安全设置 --&gt; 点开启







然后重新再HBuilder X运行到微信小程序即可



以上是mac上的设置，windows基本大致相同
...]]></description><category></category></item><item><title><![CDATA[nginx 代理配置]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/100535570</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/100535570</guid><author>newBunny</author><pubDate>Wed, 04 Sep 2019 11:26:57 +0800</pubDate><description><![CDATA[server {

    listen    8080;  配置本地访问的端口号

    server_name localhost; 配置本地的域名 or ip



    #charset koi8-r;



    #access_log logs/host.access.log main;



    locati...]]></description><category></category></item><item><title><![CDATA[mac 安装nginx]]></title><link>https://blog.youkuaiyun.com/newBunny/article/details/100535289</link><guid>https://blog.youkuaiyun.com/newBunny/article/details/100535289</guid><author>newBunny</author><pubDate>Wed, 04 Sep 2019 11:23:22 +0800</pubDate><description><![CDATA[mac下使用brew安装nginx

所以首先要确保安装了homebrew；mac自带ruby，使用ruby安装
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

然后brew search nginx 查询一下是否安装过nginx



有对勾就是安装过，没有就是...]]></description><category></category></item></channel></rss>