样式less
用fetch处理的流，放到div中会有样式丢失的问题
最近在做fetch处理流的问题，发现接收到得流，在div中渲染得时候样式会丢失，特别是空格、换行之类得。为了解决问题去看看了css得样式处理发现css中有个属性white-space。 然后就去看了这个属性的定义和取值情况。 在css中white-space属性用来控制容器的文本中带有空白符、制表符 ......
vue 一键导出数据为excel文件并附带样式 十分简单
自入行以来我就一直疑惑一个问题，导出excel为什么总是搞的很复杂，包括网上的教程，屎里淘金，非常耗费精力。今天刚好业务需要，整理一个简单明了的由vue前端导出的版本出来。 开始： #1.添加xlsx、xlsx-style、file-saver三个包 npm install xlsx xlsx-st ......
直播软件搭建，css设置滚动条样式
直播软件搭建，css设置滚动条样式 设置滚动条样式 /*滚动条样式*/ ul::-webkit-scrollbar {/*滚动条整体样式*/ 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } ul::-webkit-scrollbar-thumb {/*滚动条里面小方块* ......
支付宝小程序 | 上传图片组件（添加默认样式以及自定义上传样式）
使用my.uploadFile、 my.chooseImage 的方式实现图片上传 `注意`： 使用该方式上传文件，后端也需要参照官方文档进行修改 # 一、展示效果 ## 默认上传 ![demo4.gif](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbp ......
若依框架-配置字典，样式不全
详细描述 使用若依框架，字典管理，配置字典标签，elementui中是没有这个颜色的标签的，所以回显样式的下拉框中也没有 解决方案：更改若依框架原来的代码，新增一条下拉框，并更改由下拉框控制的标签样式 打开文件，添加一条 由于使用的是 若依自己封装好的 渲染字典的组件，所以需要更改组件 第二条 即 ......
vscode：如何在保存less文件时，自动生成对应的css文件，并指定css文件的保存路径
一、下载安装Easy LESS首先利用vscode的插件功能搜索并下载安装Easy LESS 点击Install，安装自动生成css文件的插件Easy LESS 二、指定css文件保存路径点击设置——》扩展设置点击在setting.json中编辑方法有两种：两种方法都是修改如下部分 （一）：相对路径 ......
webpack-loader打包处理less文件
# 打包处理less文件 1. 运行 npm i less-loader less -D 命令 1. 在webpack.config.js的module->rules数组中，添加loader规则如下： ```js module: { rules: [ //定义了不同模块对应的loader {test ......
sqli_labs_master（LESS-4）
LESS-4 第四关果然不出我所料，是id=("$id")类型的，而且发现输入两次双单引号和一次双引号效果是不一样的，虽然形式看着一样.... 老规矩，先 id=1 id=2 id=1' and 1=1/2。。。 一顿输出都是回显正常，但查询栏目数又不正常，然后又开始乱猜。。。 在输入1"（"是双引 ......
sqli_labs_master（LESS-3）
LESS-3 这关有点不同，是因为它在单引号的基础上加了一个括号 还是老规矩，判断类型，当输入id=1和id=2都正常回显，查询栏目数目也是正常的，但爆显示位的时候就无回显 判断存在干扰，输入id=1'康康 注意到这里的单引号，还多了个括号，所以猜测sql语句应该是id=('$id') 那就输入 / ......
sqli_labs_master（LESS-2）
LESS-2 和第一关步骤一样，先判断 输入 /?id=1 /?id=2 /?id=1' 输入1,2正常回显但加个单引号报错，说明是数字型，先用order by 判断栏目数量（这里省略），然后再爆显示位 /?id=1 order by xxx /?id=-1 union select 1,2,3 开 ......
sqli_labs_master（LESS-1）
LESS—1 第一步：判断是否存在注入点 输入 /?id=1 /?id=2 有数据返回且不同，存在注入 第二步：判断语句是否拼接，且是字符型还是数字型 输入 /id=1 and 1=2 /?id=1' 出现报错，判断是字符型，说明是单引号，闭合则可以用 --+ 来注释掉后面的 ’ 输入 /?id=1 ......
前端解析markdown处理表格样式
后端返回markdown格式，前端解析，使用的是marked.js 安装 ``` npm install marked --save ``` 另外我也给代码做了高亮 ``` npm install highlight.js --save ``` main.js ``` import hljs fro ......
CSS基础-文字样式
文字是网页展示的重要内容之一，所以对文字的修饰也是CSS重点关注的一部分， CSS提供了以下常用的样式属性来修饰文字。 ### color 属性 color 用来设置文字颜色。 设置方式支持以下几种格式 - 英语颜色单词形式，如: red（红）、black（黑）、orange（橙色）等。 ```js ......
less6
判断闭合 双引号 没有回显，用报错注入。 这题和less5大致一样只是将闭合改了。 所以我就只附个码了 ?id=1\ ?id=1" order by 3--+ ?id=1" and updatexml(1,concat(0x7e,database()),3) -- a ?id=1" and upda ......
less5
一样的，还是先看是什么闭合类型 这个是单引号闭合的 然后再判断字长的时候发现这个并没有回显，所以我们就无法使用联合注入了 但是我们在判断他是什么闭合类型的时候还是会报错，所以我们可以使用报错注入 这个主要是使用updatexml函数 简单讲一下这个函数，这个函数有三个参数，但是我们并不需要关注第一个 ......
less4
首先判断闭合类型。 为双引号括号类型闭合。 然后后面的和前面的是一样的。 附个码 ?id=1\ ?id=1") order by 3--+ ?id=1") order by 4--+ ?id=-1") union select 1,2,3--+ ?id=-1") union select 1,dat ......
less3
首先判断是什么闭合的类型， 可以看出来是‘）的闭合类型。 然后看是多少个字段的。 可以看出是3个字段的长度。 然后判断是哪几个回显。 可以看出来是第二位和第三位，其实写到这我也不想写了，因为后面的是和之前的一样的。 贴一下码 ?id=1\ ?id=1') order by 3--+ ?id=1') ......
element-plus 组件样式修改
### el-form-item 间距 ```css .el-form-item { margin-bottom: 3px; } ``` ### Elmessage 消息换行 ```css /* 失败消息 */ .el-message--error { white-space: pre-line } ......
<video>修改封面样式为填充
视频的默认封面是没有填充满的，可能会留有空白，显得不美观，可以设置样式调整为填充：object-fit: cover 这样就显得好看多了： ......
less1
这个首先是用id进行get上传。 首先判断这个是什么闭合。 当输入非字母和非零数字都有回显。 然后利用/转义字符判断这是什么闭合。发现是单引号闭合。 然后就判断他的字符段的长度 发现当长度为3的时候仍有回显，但是当长度为4的时候开始报错，所以这个题目的字符段长度为3. 然后判断哪个是回显的，id=- ......
uni 微信小程序修改checkbox-group样式
uni-checkbox .uni-checkbox-input { border-radius: 50% !important; color: #ffffff !important; } uni-checkbox .uni-checkbox-input.uni-checkbox-input-che ......
scoped样式穿透
scoped虽然避免了组件间样式污染，但是很多时候我们需要修改组件中的某个样式，但是又不想去除scoped属性 使用/deep/ <!-- Parent --> <template> <div class="wrap"> <Child /> </div> </template> <style lan ......
博客园主题样式，添加背景音乐，鼠标点击等样式设置
1 博客园主题样式设置 1.1 主题文档及地址 Silence - 专注于阅读的博客园主题 (esofar.github.io) 1.2 获取文件 https://fastly.jsdelivr.net/gh/esofar/cnblogs-theme-silence@3.0.0-rc2/dist/s ......
css 样式文件中的特殊符号 - 波浪号(也叫 tilde,squiggle,twiddle)
例子： .check:checked ~ .content { } ~ 选择器实际上是后继同胞组合器（在2017年之前称为一般同胞组合器）： 后继同胞组合器由“波浪号”（U+007E，~）字符组成，它将两个简单选择器序列分隔开。由这两个序列表示的元素在文档树中具有相同的父级，并且由第一个序列表示的元 ......
JS来动态设置CSS样式
用JS来动态设置CSS样式，常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px'; ......
CSS 默认样式
outline: Chrome浏览器默认为-webkit-focus-ring-color auto 1px; webkit-focus-ring-color默认为rgb(16, 16, 16);这个值不会变，但是浏览器可能对其他的属性进行了处理，导致了focus元素时会根据背景色的不同产生不同的对 ......
CSS学习1 认识CSS；三种CSS的编写样式；CSS注释；常见的CSS样式；元素link；CSS颜色表示方法；浏览器开发者工具；浏览器的渲染流程
1_认识CSS what：为网页添加样式（美化界面）；一门样式表语言，不是编程语言 发展历史 css1（两个人合作发布） css2（w3c） css3（模块化持续发展中） 总结：美化HTML，让HTML与CSS分离 方式一：添加样式，例如颜色、字体，大小 方式二：布局，按照某种结构显示 2_三种CS ......
自定义 li 标签序列的样式
第一步删除 li 标签的默认样式，取消 ::mark 代理样式（默认样式）。第一步已经把默认样式取消了，自然没有了序号，使用 CSS 的 counter() 函数和 counter-increment 属性来自定义序列号。 通过 list-style-type: none 删除 li 标签的默认样式 ......
（elementUI）el-cascader级联多选，高宽样式的处理（一行显示）
一、问题：当级联选择器设置多选属性时，输入框的高度会被撑开，如下图所示 二、解决办法1.给el-cascader设置multiple和collapse-tags属性(多选模式下折叠Tag)，如下 <el-cascader :options="options" :props="{multiple: t ......