- 博客(20)
- 收藏
- 关注
RSS订阅原创 AST抽象语法树和虚拟DOM的区别
AST是源代码的抽象语法结构的树状表现形式，它将编程语言的复杂性抽象化，使得可以在不同的编译器之间移植代码。：虚拟DOM是真实DOM的对应体，它是一个纯JavaScript对象，用于描述DOM的树状结构。主要目的是提高页面的渲染效率，通过减少对真实DOM的操作来提高性能。AST通常用于代码转换、代码优化、代码生成等任务中。AST抽象语法树和虚拟DOM的区别。
2024-07-01 17:30:51
255
原创 【Web安全】越权操作——横向越权与纵向越权
建议使用基于角色访问控制机制来防止纵向越权攻击，即预先定义不同的权限角色，为每个角色分配不同的权限，每个用户都属于特定的角色，即拥有固定的权限，当用户执行某个动作或产生某种行为时，通过用户所在的角色判定该动作或者行为是否允许。可通过建立用户和可操作资源的绑定关系，用户对任何资源进行操作时，通过该绑定关系确保该资源是属于该用户所有的。：纵向越权指的是一个低级别（低权限）攻击者尝试访问高级别（高权限）用户的资源。： 横向越权指的是攻击者尝试访问与他拥有相同（级别或角色）权限的用户的资源。
2024-06-04 15:51:27
628
原创 前端elementUI框架upload格式为png的图片做canvas压缩后透明背景变黑色问题
转二进制的时候强制 设置为了jpg格式，同时直接用canvas.toDataURL().split(‘,’)的话会默认使用png格式，上传jpg也会变成png；解决方案： 上传图片格式是什么转二进制图片格式就设定为什么，不改变原有图片格式。
2024-03-07 10:24:31
367
转载 nuxt及vue中使用SCSS做预编译 /deep/ 报错解决办法
在 SCSS 中,>>> 不起作用.以前做项目的时候, 用 /deep/ 进行穿透都是成功的, 但是, 在 nuxt 中, 使用却报错:/deep/ .el-input__inner { border: 1px solid $main-color !important;}/deep报错/经过各种查找之后, 终于在 vue-loader 官网看到这样一句话:vue-loader于是我尝试用 ::v-deep 替换 /deep/ , 成功解决了问题.:v-deep .
2021-04-16 15:15:48
1320
1
原创 xss防注入使用插件（vue项目中）
用了这个插件：https://jsxss.com/zh/index.htmlgithub地址：https://github.com/leizongmin/js-xssimport axios from ‘axios’import store from ‘@/store/index’import md5 from ‘md5’import xss from ‘xss’import { _encryptPhone, isEmojiStr } from ‘./common’import loadMa
2021-04-16 14:25:21
1591
转载 yarn和npm的对比及项目中的简单使用
一、 yarn相比npm的优点npm安装是串行，而yarn是并行，速度大大提升已经下载过的包会被缓存，无需重复下载，并且它支持离线安装精准的版本控制，加上验证每个包的完整性，保证每次安装的npm包完全一致优化的输出信息二、npm5改进之处 1、引入了package-lock.json，默认会被添加到项目，增强了版本控制 2、提升了安装的速度，还是稍慢于yarn，引入了离线缓存 3、优化了输出信息三、yarn工作流、对应命令上npm的差别 1、创建一个新项目// 初始化var
2021-03-27 10:35:01
523
原创 Vue Cli3项目配置
Vue Cli3项目配置前言一、新建一个项目1. 别名设置二、全局Sass配置1. 使用sass时，不想在每个.vue里面手动引入一个 @import '~@/style/common.scss',那就配置为全局公用三、全局Css配置四、基础组件的自动化全局注册总结前言提示：以下是本篇文章正文内容，下面案例可供参考一、新建一个项目使用 vue-cli3 构建一个初始的vue项目 Cli3官方文档1. 别名设置（1）在 vue.config.js 里面顶部// 路径依赖const pat
2021-02-27 15:00:50
310
原创 ElementUI中el-table想实现多行表头怎么实现(el-table实现多行表头)
ElementUI表格多行表头实现问题记录文章目录前言一、使用步骤1.引入库2.读入数据总结前言elementUI el-table使用时想实现多行表头，并且表头也实时渲染数据实现提示：以下是本篇文章正文内容，下面案例可供参考一、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningsw
2021-01-26 14:50:44
8040
3
原创 elemetUI el-drawer头部样式问题，header样式被黑线框住
项目场景：提示：这里简述项目相关背景：例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)问题描述：提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP 中接收数据代码：@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obta
2021-01-12 14:38:58
5006
原创 node版本升级后，npm install 时报错问题
刚到新公司拉取项目后npm install会报错，但是花了很久事件到处检查都没发现问题最后发现需要清楚缓存，node版本升级前 npm install没问题，升级新版本后却运行不起了。运行以下命令清除 缓存 就解决了npm cache clean -f 总结遇到这种问题多想想最近是做了什么操作，然后再去查原因，避免走入死胡同。...
2021-01-11 16:59:17
1380
原创 git命令行常用命令（回滚，删除，拉取，设置git邮箱和名字，git强制提交本地分支覆盖远程分支）
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码
2021-01-11 16:46:50
279
原创 vscode日常开发所需常规内部插件记录（前端开发）
提示：没啥实质内容，纯记录vscode 日常开发所需的插件文章目录前言一、VsCode插件日常前端开发所需前言一、VsCode插件日常前端开发所需
2021-01-11 10:50:10
130
原创 elementUI的el-tree的赋值回显问题
el-treedefault-checked-keys正常回显已经选中的值是 用（default-checked-keys）这个属性// An highlighted block <el-tree ref="menuTree" :data="allMenu" show-checkbox node-key="id" :default-expand-all="true" :default-checked-keys="roleMenu" :props="defaultP
2021-01-09 16:39:05
4163
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人