<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Eric_web的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Eric_web</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Eric_web]]></copyright><item><title><![CDATA[AST抽象语法树和虚拟DOM的区别]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/140105124</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/140105124</guid><author>Eric_web</author><pubDate>Mon, 01 Jul 2024 17:30:51 +0800</pubDate><description><![CDATA[AST是源代码的抽象语法结构的树状表现形式，它将编程语言的复杂性抽象化，使得可以在不同的编译器之间移植代码。：虚拟DOM是真实DOM的对应体，它是一个纯JavaScript对象，用于描述DOM的树状结构。主要目的是提高页面的渲染效率，通过减少对真实DOM的操作来提高性能。AST通常用于代码转换、代码优化、代码生成等任务中。AST抽象语法树和虚拟DOM的区别。]]></description><category></category></item><item><title><![CDATA[【Web安全】越权操作——横向越权与纵向越权]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/139431734</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/139431734</guid><author>Eric_web</author><pubDate>Tue, 04 Jun 2024 15:51:27 +0800</pubDate><description><![CDATA[建议使用基于角色访问控制机制来防止纵向越权攻击，即预先定义不同的权限角色，为每个角色分配不同的权限，每个用户都属于特定的角色，即拥有固定的权限，当用户执行某个动作或产生某种行为时，通过用户所在的角色判定该动作或者行为是否允许。可通过建立用户和可操作资源的绑定关系，用户对任何资源进行操作时，通过该绑定关系确保该资源是属于该用户所有的。：纵向越权指的是一个低级别（低权限）攻击者尝试访问高级别（高权限）用户的资源。： 横向越权指的是攻击者尝试访问与他拥有相同（级别或角色）权限的用户的资源。]]></description><category></category></item><item><title><![CDATA[Nginx的.conf文件路径配置]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/139430254</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/139430254</guid><author>Eric_web</author><pubDate>Tue, 04 Jun 2024 09:24:52 +0800</pubDate><description><![CDATA[Nginx]]></description><category></category></item><item><title><![CDATA[前端elementUI框架upload格式为png的图片做canvas压缩后透明背景变黑色问题]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/136525674</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/136525674</guid><author>Eric_web</author><pubDate>Thu, 07 Mar 2024 10:24:31 +0800</pubDate><description><![CDATA[转二进制的时候强制 设置为了jpg格式，同时直接用canvas.toDataURL().split(‘,’)的话会默认使用png格式，上传jpg也会变成png；解决方案： 上传图片格式是什么转二进制图片格式就设定为什么，不改变原有图片格式。]]></description><category></category></item><item><title><![CDATA[如何创建一个npm包]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/128919267</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/128919267</guid><author>Eric_web</author><pubDate>Wed, 08 Feb 2023 00:00:00 +0800</pubDate><description><![CDATA[本文仅简单介绍了如何从0开始创建一个npm包到npm包的下载使用。]]></description><category></category></item><item><title><![CDATA[如何在企微客户端调试]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/128918250</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/128918250</guid><author>Eric_web</author><pubDate>Tue, 07 Feb 2023 14:35:18 +0800</pubDate><description><![CDATA[如何在企微客户端调试。]]></description><category></category></item><item><title><![CDATA[chrome 89版本deep失效]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/113564123</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/113564123</guid><author>Eric_web</author><pubDate>Tue, 07 Feb 2023 11:21:41 +0800</pubDate><description><![CDATA[1、. 只用一级deep,嵌套的样式拿出来,如果怕覆盖样式放到某个样式下面去。]]></description><category></category></item><item><title><![CDATA[定义接口出入参规范]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/128802761</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/128802761</guid><author>Eric_web</author><pubDate>Mon, 30 Jan 2023 15:09:25 +0800</pubDate><description><![CDATA[接口规范定义、前后端约束]]></description><category></category></item><item><title><![CDATA[如何配置package.json]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/127089952</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/127089952</guid><author>Eric_web</author><pubDate>Wed, 28 Sep 2022 15:19:01 +0800</pubDate><description><![CDATA[package  dependencies配置]]></description><category></category></item><item><title><![CDATA[列表页窗口高度改变导致loop limit exceeded]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/124804910</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/124804910</guid><author>Eric_web</author><pubDate>Mon, 16 May 2022 18:09:44 +0800</pubDate><description><![CDATA[table列表高度改变  导致loop limit exceeded]]></description><category></category></item><item><title><![CDATA[nuxt及vue中使用SCSS做预编译 /deep/ 报错解决办法]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/115759539</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/115759539</guid><author>Eric_web</author><pubDate>Fri, 16 Apr 2021 15:15:48 +0800</pubDate><description><![CDATA[在 SCSS 中,&gt;&gt;&gt; 不起作用.
以前做项目的时候, 用 /deep/ 进行穿透都是成功的, 但是, 在 nuxt 中, 使用却报错:
/deep/ .el-input__inner {
  border: 1px solid $main-color !important;
}


/deep报错/
经过各种查找之后, 终于在 vue-loader 官网看到这样一句话:

vue-loader
于是我尝试用 ::v-deep 替换 /deep/ , 成功解决了问题.
:v-deep .]]></description><category></category></item><item><title><![CDATA[xss防注入使用插件（vue项目中）]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/115263939</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/115263939</guid><author>Eric_web</author><pubDate>Fri, 16 Apr 2021 14:25:21 +0800</pubDate><description><![CDATA[用了这个插件：https://jsxss.com/zh/index.html
github地址：https://github.com/leizongmin/js-xss

import axios from ‘axios’
import store from ‘@/store/index’
import md5 from ‘md5’
import xss from ‘xss’
import { _encryptPhone, isEmojiStr } from ‘./common’
import loadMa]]></description><category></category></item><item><title><![CDATA[yarn和npm的对比及项目中的简单使用]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/115207708</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/115207708</guid><author>Eric_web</author><pubDate>Sat, 27 Mar 2021 10:35:01 +0800</pubDate><description><![CDATA[一、 yarn相比npm的优点

npm安装是串行，而yarn是并行，速度大大提升
已经下载过的包会被缓存，无需重复下载，并且它支持离线安装
精准的版本控制，加上验证每个包的完整性，保证每次安装的npm包完全一致
优化的输出信息

二、npm5改进之处
 1、引入了package-lock.json，默认会被添加到项目，增强了版本控制
 2、提升了安装的速度，还是稍慢于yarn，引入了离线缓存
 3、优化了输出信息

三、yarn工作流、对应命令上npm的差别
 1、创建一个新项目

// 初始化
var ]]></description><category></category></item><item><title><![CDATA[Vue Cli3项目配置]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/114166812</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/114166812</guid><author>Eric_web</author><pubDate>Sat, 27 Feb 2021 15:00:50 +0800</pubDate><description><![CDATA[Vue Cli3项目配置前言一、新建一个项目1. 别名设置二、全局Sass配置1. 使用sass时，不想在每个.vue里面手动引入一个 @import '~@/style/common.scss',那就配置为全局公用三、全局Css配置四、基础组件的自动化全局注册总结

前言


提示：以下是本篇文章正文内容，下面案例可供参考
一、新建一个项目
使用 vue-cli3 构建一个初始的vue项目 Cli3官方文档
1. 别名设置
（1）在 vue.config.js 里面顶部
// 路径依赖
const pat]]></description><category></category></item><item><title><![CDATA[ElementUI中el-table想实现多行表头怎么实现(el-table实现多行表头)]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/113057502</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/113057502</guid><author>Eric_web</author><pubDate>Tue, 26 Jan 2021 14:50:44 +0800</pubDate><description><![CDATA[ElementUI表格多行表头实现问题记录

文章目录前言一、使用步骤1.引入库2.读入数据总结

前言
elementUI   el-table使用时想实现多行表头，并且表头也实时渲染数据实现

提示：以下是本篇文章正文内容，下面案例可供参考
一、使用步骤
1.引入库
代码如下（示例）：
import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
import seaborn as sns
import warnings
w]]></description><category></category></item><item><title><![CDATA[elemetUI el-drawer头部样式问题，header样式被黑线框住]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/112477415</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/112477415</guid><author>Eric_web</author><pubDate>Tue, 12 Jan 2021 14:38:58 +0800</pubDate><description><![CDATA[项目场景：
提示：这里简述项目相关背景：
例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)

问题描述：
提示：这里描述项目中遇到的问题：
例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据
APP 中接收数据代码：
@Override
        public void run() {
            bytes = mmInStream.read(buffer);
            mHandler.obta]]></description><category></category></item><item><title><![CDATA[node版本升级后，npm install 时报错问题]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/112476693</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/112476693</guid><author>Eric_web</author><pubDate>Mon, 11 Jan 2021 16:59:17 +0800</pubDate><description><![CDATA[刚到新公司拉取项目后npm install会报错，但是花了很久事件到处检查都没发现问题
最后发现需要清楚缓存，node版本升级前 npm install没问题，升级新版本后却运行不起了。
运行以下命令清除 缓存  就解决了

npm cache clean -f    

总结
遇到这种问题多想想最近是做了什么操作，然后再去查原因，避免走入死胡同。

...]]></description><category></category></item><item><title><![CDATA[git命令行常用命令（回滚，删除，拉取，设置git邮箱和名字，git强制提交本地分支覆盖远程分支）]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/112465045</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/112465045</guid><author>Eric_web</author><pubDate>Mon, 11 Jan 2021 16:46:50 +0800</pubDate><description><![CDATA[提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结

前言
提示：这里可以添加本文要记录的大概内容：
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

提示：以下是本篇文章正文内容，下面案例可供参考
一、pandas是什么？
示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。
二、使用步骤
1.引入库
代码]]></description><category></category></item><item><title><![CDATA[vscode日常开发所需常规内部插件记录（前端开发）]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/112463103</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/112463103</guid><author>Eric_web</author><pubDate>Mon, 11 Jan 2021 10:50:10 +0800</pubDate><description><![CDATA[提示：没啥实质内容，纯记录vscode 日常开发所需的插件

文章目录前言一、VsCode插件日常前端开发所需

前言
一、VsCode插件日常前端开发所需



]]></description><category></category></item><item><title><![CDATA[elementUI的el-tree的赋值回显问题]]></title><link>https://blog.youkuaiyun.com/Eric_web/article/details/112393238</link><guid>https://blog.youkuaiyun.com/Eric_web/article/details/112393238</guid><author>Eric_web</author><pubDate>Sat, 09 Jan 2021 16:39:05 +0800</pubDate><description><![CDATA[el-tree
default-checked-keys
正常回显已经选中的值是 用（default-checked-keys）这个属性
// An highlighted block  
&lt;el-tree
  ref="menuTree"
  :data="allMenu"
  show-checkbox
  node-key="id"
  :default-expand-all="true"
  :default-checked-keys="roleMenu"
  :props="defaultP]]></description><category></category></item></channel></rss>