<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[youngeffort的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/youngeffort</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; youngeffort]]></copyright><item><title><![CDATA[如何查看 npm -g 全局安装路径]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/117416426</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/117416426</guid><author>youngeffort</author><pubDate>Mon, 31 May 2021 14:48:08 +0800</pubDate><description><![CDATA[1.可通过命令 npm config get prefix 查看 npm 安装路径（npm config set prefix 可设置 npm 安装路径）；

2. 打开该路径，在 npm 目录下有个 node_modules 文件夹，全局安装的所有模块都在该文件夹中。
]]></description><category></category></item><item><title><![CDATA[在vscode中集成git bash(windows平台)]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/114582448</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/114582448</guid><author>youngeffort</author><pubDate>Tue, 09 Mar 2021 14:48:30 +0800</pubDate><description><![CDATA[1.打开vscode,进入文件-&gt;首选项-&gt;设置菜单



2.搜索shell 找到 Terminal › Integrated › Shell:Windows,将安装好的git里面的bash路径复制到设置里







3.重启vscode即可使用
]]></description><category></category></item><item><title><![CDATA[css选择器：选中最后一个奇数和偶数]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/109261461</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/109261461</guid><author>youngeffort</author><pubDate>Sat, 24 Oct 2020 16:22:24 +0800</pubDate><description><![CDATA[// 选中最后一个奇数
div:nth-child(odd):last-child {
    margin-bottom: 0;
}

// 选中最后一个偶数
div:nth-child(even):last-child {
    margin-bottom: 0;
}


]]></description><category></category></item><item><title><![CDATA[overflow问题]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/108276925</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/108276925</guid><author>youngeffort</author><pubDate>Fri, 28 Aug 2020 11:51:36 +0800</pubDate><description><![CDATA[现象：



原因：


overflow:scroll;

解决：


overflow:auto;


]]></description><category></category></item><item><title><![CDATA[Vue-Cli4.x配置文件路径别名]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/108256604</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/108256604</guid><author>youngeffort</author><pubDate>Thu, 27 Aug 2020 11:41:53 +0800</pubDate><description><![CDATA[vue.config.js里面新增如下配置：


const path = require('path');
const resolve = (dir) =&gt; {
    return path.join(__dirname, dir);  // path.join(__dirname)设置绝对路径
};

module.exports={
    chainWebpack: (config) =&gt; {
        // set第一个参数：设置的别名，第二个参数：设置的路径
        ]]></description><category></category></item><item><title><![CDATA[vue-loader 报错解决方法]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/108237334</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/108237334</guid><author>youngeffort</author><pubDate>Wed, 26 Aug 2020 12:01:58 +0800</pubDate><description><![CDATA[报错情况：Module build failed (from ./node_modules/vue-loader/lib/index.js

原因：vue-loader的版本和vue-template-compiler版本不匹配

解决：

1、把node_modules 删除之后，输入以下命令(一定这个顺序)：

2、


1 npm install vue-template-compiler -D

2 npm install

3 npm run serve


...]]></description><category></category></item><item><title><![CDATA[xampp集成环境---Apache配置]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/100651518</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/100651518</guid><author>youngeffort</author><pubDate>Mon, 09 Sep 2019 09:00:15 +0800</pubDate><description><![CDATA[1、修改F:\xampp\apache\conf\extra下的httpd-vhosts.conf文件

配置域名映射---参考下图更改：



2、修改C:\Windows\System32\drivers\etc下的HOSTS文件（百度怎么修改）

同时在windows环境做对应修改---参考下图更改：（修改不了请百度---需要超级管理员权限）


...]]></description><category></category></item><item><title><![CDATA[小程序报错:出现脚本错误或者未正确调用 Page()的解决办法---RangeError: Maximum call stack size exceeded]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/100651333</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/100651333</guid><author>youngeffort</author><pubDate>Mon, 09 Sep 2019 08:50:39 +0800</pubDate><description><![CDATA[bug现象：



解决办法：

工具右上角有个详情按钮,发现基础库是1.9.98，基础库做个更改即可解决


]]></description><category></category></item><item><title><![CDATA[Class constructor FileManager cannot be invoked without 'new']]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/99748597</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/99748597</guid><author>youngeffort</author><pubDate>Mon, 19 Aug 2019 18:45:54 +0800</pubDate><description><![CDATA[bug：今天项目重新安装依赖打包的时候出现错误：

Class constructor FileManager cannot be invoked without 'new'

解决：尝试了很多种解决方案，锁定有效解决方案

1. 修改package.json 里面的："less": "^3.9.0"为"less": "~3.9.0"

2. 删除node_modules，然后重新安装打包，成功打...]]></description><category></category></item><item><title><![CDATA[git 切换远程仓库地址]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/99572889</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/99572889</guid><author>youngeffort</author><pubDate>Wed, 14 Aug 2019 15:23:28 +0800</pubDate><description><![CDATA[运用场景：git仓库的服务器IP地址变了，重新拉取太麻烦，切换远程仓库地址可以省不少时间

以项目test为例：

老地址：git@github.com:young/test.git

新地址：git@github.com:effort/test.git

远程仓库名称： origin



方法1 ：通过命令直接修改远程地址

进入test根目录
git remote 查看所有...]]></description><category></category></item><item><title><![CDATA[Git回滚代码到某个commit]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/99542746</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/99542746</guid><author>youngeffort</author><pubDate>Wed, 14 Aug 2019 09:52:13 +0800</pubDate><description><![CDATA[分两步进行：

1、回退命令：


$ git reset --hard HEAD^       回退到上个版本
$ git reset --hard HEAD~3      回退到前3次提交之前，以此类推，回退到n次提交之前
$ git reset --hard commit_id   退到/进到 指定commit的sha码

2、强推到远程：


$ git push origin HEAD ...]]></description><category></category></item><item><title><![CDATA[菜单权限开发]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/98957873</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/98957873</guid><author>youngeffort</author><pubDate>Fri, 09 Aug 2019 14:30:09 +0800</pubDate><description><![CDATA[需求：菜单权限开发

思路：后端返回的是菜单树，前端根据需要拿出菜单权限数组和按钮权限数组

开发中遇到的问题

问题1：vuex存储权限，刷新失效

解决：需要做本地存储

问题2：本地存储，退出登录重登数据刷新，但是页面未刷新

解决：退出到登录时刷新页面
...]]></description><category></category></item><item><title><![CDATA[解决浏览器缩放时导致的页面布局的变化]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/97136449</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/97136449</guid><author>youngeffort</author><pubDate>Wed, 24 Jul 2019 16:09:39 +0800</pubDate><description><![CDATA[现象：

正常展示：



缩放展示：



原因：

在网页中，如果一个元素没有设置最小宽度(min-width)，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化。

缩放实际是改变了盒模型的宽度和高度。

解决：

1、如果想要保持布局不变，可以给该元素（如div)设置最小宽度属性

2、给网页设置固定宽，即最外层父元素
...]]></description><category></category></item><item><title><![CDATA[解决ios弹出层滚动穿透]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/95231689</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/95231689</guid><author>youngeffort</author><pubDate>Tue, 09 Jul 2019 20:06:57 +0800</pubDate><description><![CDATA[现象：h5页面的弹出层在ios中滚动会触发底层页面的滚动

原因：touchmove事件的默认行为未阻止

解决：阻止touchmove事件的默认行为

vue代码如下：popupVisible（type：Boolean）变量控制弹出层


watch: {
    // 如果 `question` 发生改变，这个函数就会运行
    popupVisible(newQuestion, oldQu...]]></description><category></category></item><item><title><![CDATA[vue-cli3解除base64限制]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/95050611</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/95050611</guid><author>youngeffort</author><pubDate>Mon, 08 Jul 2019 11:45:43 +0800</pubDate><description><![CDATA[背景：尝试了vue-cli3.0发现打包的时候，一些小于10k的图片没有转base64，这个和vue-cli2.0有些差异，需要自己单独进行配置，可是发现没有了原本webapck的一些配置问题件，需要自己新建一个vue.config.js的文件（在根目录），然后进行如下配置，就可以控制图片转义规则。

vue.config.js文件：


module.exports = {
  chainWeb...]]></description><category></category></item><item><title><![CDATA[解决表单change事件上传同一张图片无效]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/91981147</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/91981147</guid><author>youngeffort</author><pubDate>Fri, 14 Jun 2019 15:59:52 +0800</pubDate><description><![CDATA[问题：表单上传图片失败，继续上传同一张图片，不触发

原因：使用的change事件

解决办法：上传失败把表单的值置为''
]]></description><category></category></item><item><title><![CDATA[node执行js文件报错]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/91566473</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/91566473</guid><author>youngeffort</author><pubDate>Wed, 12 Jun 2019 17:25:55 +0800</pubDate><description><![CDATA[错误提示：SyntaxError: Invalid or unexpected token



可能原因：可能是JS文件的编码格式不对，比如是：Unicode编码或者其他编码

解决：可以重新设置编码格式为UTF-8或者ANSI格式的

现象：编码改为UTF-8过后执行结果如下



问题：上述执行结果依然乱码

原因：txt文件的格式是UTF-16

解决：同样改为UTF-8即可

执行结果：...]]></description><category></category></item><item><title><![CDATA[解决ios键盘消失页面不回弹问题]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/90705029</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/90705029</guid><author>youngeffort</author><pubDate>Thu, 30 May 2019 20:32:14 +0800</pubDate><description><![CDATA[bug现象：

ios的input输入框唤出键盘后，键盘消失页面却不回弹问题，安卓无此现象

vue写法解决方案：


&lt;mt-field label="姓名" placeholder="请输入姓名" v-model="username" class="br-bt i-label" @blur.native.capture="handleBug"&gt;&lt;/mt-field&gt;

...]]></description><category></category></item><item><title><![CDATA[vue+axios上传文件的几种方式及步骤（以上传图片为例）]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/89508646</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/89508646</guid><author>youngeffort</author><pubDate>Thu, 25 Apr 2019 09:23:13 +0800</pubDate><description><![CDATA[1、用js的formData对象上传（服务器返回url地址）


&lt;input class="file" name="file" type="file" accept="image/png,image/gif,image/jpeg" @change="update"/&gt;




methods: {
      update(e){
        let file = e.targe...]]></description><category></category></item><item><title><![CDATA[vue中render函数中img的src直接加载路径无效]]></title><link>https://blog.youkuaiyun.com/youngeffort/article/details/89448103</link><guid>https://blog.youkuaiyun.com/youngeffort/article/details/89448103</guid><author>youngeffort</author><pubDate>Mon, 22 Apr 2019 11:21:59 +0800</pubDate><description><![CDATA[问题：vue中render函数中img的src直接加载路径无效

解决：

js代码：

第一种方案：通过js引入


&lt;script&gt;
//1、引进来
import img1 from "../../../assets/images/u52.png";
export default {
  name: "Orgstru",
  data() {
    return {
      ...]]></description><category></category></item></channel></rss>