Python:处理HTML转义字符的5种方式
整理网页数据的时候必然存在特殊含义符号的转义问题。
对某些数据清理操作造成了影响。
运行环境 Runtime environment123操作系统: Windos10 IDE: JetBrains Pycharm 2020.2.4 x64 语言: Python 3.7.4
背景整理网页数据的时候必然存在特殊含义符号的转义问题。
对某些数据清理操作造成了影响。
写爬虫是一个发送请求,提取数据,清洗数据,存储数据的过程。
在这个过程中,不同的数据源返回的数据格式各不相同,
有 JSON 格式,有 XML 文档,不过大部分还是 HTML 文档,HTML 经常会混杂有转移字符,
这些字符我们需要把它转义成真正的字符。
什么是转义字符1234在 HTML 中 <、>、& 等字符有特殊含义(<,> 用于标签中,& 用于转义),它们不能在 HTML 代码中直接使用,如果要在网页中显示这些符号,就需要使用 HTML 的转义字符串(Escape Sequence),例如 < 的转义字符是 <,浏览器渲染 HTML 页面时,会自动把转移字 ...
Web后端:Nginx+pure-ftpd搭建简易的文件共享
帮朋友在华为云服务器上搭建一个nginx+ftp,做个记录
运行环境 Runtime environment123操作系统 : Centos 8 && ubuntu 18.04LTSpython : 3.6.8nginx : 1.16
背景今天帮个朋友搭建个nginx + pure-ftpd简易的文件分享。
因为这家伙,要用来搭建图床的cdn加速,也可以说是做存储吧。
嘛,具体情况不知道他怎么弄。反正我就先把这个ftp弄好就成,死懒鬼。
安装pure-ftpd
Centos 8 :
默认的 yum 源没有提供 pure-ftpd, 需要先安装 epel 扩展源, 如果装过了,跳过这条命令
yum install epel-release
然后使用 yum 命令安装Pure-ftpd:
yum install pure-ftpd
ubuntu 18.04Lts
更新apt
sudo apt-get update
装Pure-ftpd:
sudo apt-get install pure-ftpd -y
源包安装太low,Pas ...
小技能GET:CentOS7,Python3.6安装pillow
很多博客都是使用ubuntu安装python项目,但是碰到centos安装python和pillow的博文不怎么多。
尝试安装项目yobot时里面需要用到pillow包,使用requirements.txt安装依赖时大片错误。
运行环境 Runtime environment123操作系统 : Centos Linux version 4.18.0-147.5.1.el8_1.aarch64 ([email protected]) (gcc version 8.2.1 20180905 (Red Hat 8.2.1-3) (GCC)) #1 SMP Tue Feb 4 23:44:08 UTC 2020 IDE : JetBrains Pycharm 2018.2.4 x64python : 3.6.8
背景很多博客都是使用ubuntu安装python项目,但是碰到centos安装python和pillow的博文不怎么多。
尝试安装项目yobot时里面需要用到pillow包,使用requirements.txt安装依赖时大片错误。
更新pip ...
Web前端:VueCli安装normalize.css
normalize.css是一款优秀的前端css初始化工具!之前没尝试过在VueCli中使用。记录一下..
运行环境 Runtime environment1234操作系统 : Windows10IDE: JetBrains WebStorm 2018.2.1 x64浏览器: Google Chrome 版本 67.0.3396.99(正式版本) (64 位)&& FireFox Developer Edition 版本63.0b4 (64位)VueCli : 3
背景Normalize.css只是一个很小的css文件,但它在磨人的HTML元素样式上提供了跨浏览器的高度一致性。
相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。
总之,Normalize.css是一种CSS reset的替代方案。
优势
保护有用的浏览器样式而不是去掉他们;
为大部分HTML元素提供一般化的样式;
修复浏览器自身的bug并保证各浏览器的一致性;
优化css可用性;
用注释和详细的文档来解释代码;
Normalize支持 ...
Web前端:vue开发中,父组件添加scoped无法修改子组件样式问题
修改Element-ui默认样式的时候发现没有效果,绑定了class也没有效果。
于是,我们应该这么办。
运行环境 Runtime environment1234操作系统 : Windows10IDE: JetBrains WebStorm 2020.2.4 x64浏览器: Google Chrome 版本 67.0.3396.99(正式版本) (64 位)&& FireFox Developer Edition 版本63.0b4 (64位)VueCli : 3
背景修改Element-ui默认样式的时候发现没有效果,绑定了class也没有效果。
在vue的开发中,我们需要引用子组件,包括ui组件(element、iview)。
但是在父组件中添加scoped之后,在父组件中书写子组件的样式是无效果的。
去掉scoped之后,样式可以覆盖。
却会污染全局样式,为了解决这个问题,vue-loader新增书写方式。
修改input标签样式Vue文件中的HTML
1<el-input class="search-input" clearable ...
Web前端:修改input标签中placeholder文字颜色
input输入框中有placeholder属性,如果更改input样式的话,placeholder值也需要修改。
运行环境 Runtime environment1234操作系统 : Windows10IDE: JetBrains WebStorm 2020.2.4 x64浏览器: Google Chrome 版本 67.0.3396.99(正式版本) (64 位)&& FireFox Developer Edition 版本63.0b4 (64位)VueCli : 3
背景使用ElementUI开发前端页面时,我感觉input标签不够好看,想加入一些自己样式。
但是更换了input标签背景色以后,导致placeholder属性里的值得字体跟背景色混在一起看清楚了。
所以要改变placeholder值的样式。
placeholder是css3中表单元素input的一个占位符,
适用于高级浏览器或者手机端的输入框的默认提示内容,
通过下面几行代码就可以设置一个兼容的placeholder文字颜色。
全局修改123456789101112::-webkit-input ...
Web前端:VueCli+ElementUI(button更改按钮默认样式)
Element-ui+Vue-cli可是说很常见的搭配,但是有写样式,需要根据自身需求进行修改
运行环境 Runtime environment1234操作系统 : Windows10IDE: JetBrains WebStorm 2020.2.4 x64浏览器: Google Chrome 版本 67.0.3396.99(正式版本) (64 位)&& FireFox Developer Edition 版本63.0b4 (64位)VueCli : 3
示例代码1<el-button type="primary">主要按钮</el-button>
修改默认样式改成透明带动画效果的样式
1234567891011121314151617181920.el-button--primary { color: #fff; font-size: 12px; background-color: rgba(153,204,255,0.5); border: 1px solid #99CCFF; ...
Web后端:django_rest_framework_分页出现警告!
使用DRF全局分页设置时碰到了一个小问题。
运行环境 Runtime environment123操作系统 : Ubuntu18.04IDE: JetBrains pycharm 2018.2.4 x64Python: 3.6
症状123WARNINGS:?: (rest_framework.W001) You have specified a default PAGE_SIZE pagination rest_framework setting,without specifying also a DEFAULT_PAGINATION_CLASS. HINT: The default for DEFAULT_PAGINATION_CLASS is None. In previous versions this was PageNumberPagination. If you wish to define PAGE_SIZE globally whilst defining pagination_class on a per-view basis you may silence ...
Web前端:Vue+ElementUI+flex布局达到高度撑满的办法
flex布局是真的好用,补齐边边角角,甚至是各种东西居中都是很好的解决方案
运行环境 Runtime environment12345操作系统 : Windows10IDE: JetBrains WebStorm 2020.2.4 x64浏览器: Google Chrome 版本 67.0.3396.99(正式版本) (64 位)&& FireFox Developer Edition 版本63.0b4 (64位)VueCli : 3Element-ui : 2.13.1
背景Element-ui 用起来是开心!快乐写页面的时候,出现没撑满的问题。
如果碰到那个屏幕高度高的,下面就一片白花花了。
网上有很多其他的解决方案,我认为flex布局是最终极的办法。
前端代码在 https://codepen.io/pen/ 上做演示
html code 如下:
123456789<script src="//unpkg.com/vue/dist/vue.js"></script><script src="//u ...
Web前端:&#x(unicode编码后的汉字)JS转换方法
使用JS请求网页的时候,发现得到的HTML中文部分都一些奇怪的东西
运行环境 Runtime environment123操作系统 : Windows10IDE: JetBrains WebStorm 2020.2.4 x64浏览器: Google Chrome 版本 67.0.3396.99(正式版本) (64 位)&& FireFox Developer Edition 版本63.0b4 (64位)
背景使用JS请求网页的时候,发现得到的HTML中文部分都一些奇怪的东西。
里面的汉字的部分都是:
1怀怀
之类的东西,又不想在后端层极处理这些编码问题占用后端处理时间。于是,寻找在前端处理此类编码的解决办法
说明在使用readability的api提取网页内容的时候点这里看-readability-网页内容提取利器,
中文内容都是&#x开头的一堆乱码似的东西。但保存成网页文件后,浏览器是可以正常显示的~
1怀怀
一串字符是 HTML、XML 等 SGML 类语言的转义 ...