element

用两种非传统的爬虫,我把CSDN博主的底裤都给爬出来了!

浪尽此生 提交于 2020-12-24 14:44:32
Python实战社群 Java实战社群 长按识别下方二维码, 按需求添加 扫码关注添加客服 进Python社群▲ 扫码关注添加客服 进Java社群 ▲ 作者丨皖渝 来源丨凹凸数据(ID:alltodata) 大家好,我是小五 写博客也快一年了,突然想了解下同层次的博主的平均水平应该是什么样的(自己写的博客咋样没点B数么 ),今天就来分享下CSDN的博主信息数据的爬取方法~ 我们将采用两种非传统爬虫: Selenium爬取 、 Webscraper爬取 一、项目介绍 爬取网址 :CSDN首页的Python、Java、前端、架构以及数据库栏目,各栏目网址如下: 栏目 网址 Python https://www.csdn.net/nav/python Java https://www.csdn.net/nav/Java 前端 https://www.csdn.net/nav/web 架构 https://www.csdn.net/nav/arch 数据库 https://www.csdn.net/nav/db 简单分析其各自的URL不难发现,都是 https://www.csdn.net/nav/ + 栏目名 样式,这样我们就可以爬取不同栏目了。 以Python目录页为例,如下图所示: 爬取内容 :每篇文章的博主信息,如 博主姓名、码龄、原创数、访问量、粉丝数、获赞数、评论数、收藏数

2021,向着光前进

此生再无相见时 提交于 2020-12-24 12:47:13
不知不觉已经在CSDN写博客4年了。 从研二实习的时候就开始写博客,一直坚持到现在,一步步走来,发现自己也取得了一点点小成就。 博客数量达到100多篇,博客总排名从60万到3万,访问量从0到19万,粉丝从0到2300多。 这些数据或许是鼓励我继续创作的最大动力! 我写博客的初衷是记录学习,方便自己以后遇到同样的问题,能快速从自己的博客中找到解决方案。 所以博客中主要记录以下四点 (1)记录项目中遇到的问题和解决方法,也算做项目经验。 (2)单独实现的小功能,小模块。 (3)自己学习新技术的笔记,知识要点,看视频记录的笔记等。 (4)项目中常用的配置和代码。 有些东西不记录下来真的就会忘记。 脑子是用来思考的,不是用来存储很多很多东西,再大的内存也无法存储巨大的数据。 所以将所学记录分享在CSDN博客是一个自己受益,大家受益的事情。 如果记录在私人文档,那只能自己受益,别人无法看到。同时也可能无法激励你持续不断输出优质的内容。 在CSDN我还在继续前进, 希望自己的粉丝破万,排名更靠前,成为CSDN博客专家,有更大的影响力!!! 这幅图是我的手绘作品使用软件处理后的效果,这幅作品我把它叫做梦想,提醒自己不要忘记自己的梦想,不忘初心,方得始终。 2020年,经历了太多…… 年初的疫情延续的现在仍然没有完全结束,也给我的家庭带来了一些不好的影响。 希望2021全球能彻底消灭新冠病毒

bootstrap插件--select2.js--一个基于jQuery的替换框

若如初见. 提交于 2020-12-24 08:25:20
当然,首先需要引入,select2.css,jquery,boostrap.js,select2.js 多选 添加属性 multiple="multiple" function formatRepoProvince(repo) { if (repo.loading) return repo.text; var markup = repo.name; return markup; } function formatRepoSelection (repo) { return repo.name || repo.text; } // 远程筛选 $(".select2" ).select2({ ajax: { url: 'v2/enterprise/searchListPaging.do' , delay: 500 , method: "post" , data: function (params) { return { keyword: params.term ? params.term : '' , skip: 0 } }, processResults: function (data) { return { results: data.data.items, } }, }, placeholder: '公司名称' , escapeMarkup: function (markup) {

vue-quill-editor html编辑器

故事扮演 提交于 2020-12-24 05:14:05
在Vue项目使用quill-editor带样式编辑器(更改插入图片和视频) https://www.cnblogs.com/zhengweijie/p/7305903.html vue-quill-editor默认插入图片是直接将图片转为base64再放入内容中,如果图片比较大的话,富文本的内容就会很大。 插入视频是直接弹框输入URL地址,某些需求下我们需要让用户去本地选择自己的视频,我们可以通过 vue-quill-editor 内部的某些方法进行更改 该方法使用了 element-ui 和 文件上传七牛 一、npm 安装 vue-quill-editor 二、在main.js中引入 import VueQuillEditor from 'vue-quill-editor' Vue.use(VueQuillEditor) HTML部分:为编辑器绑定各个API事件,定义一个隐藏的input框,用于点击图片或者视频图标上传文件 <template> <div> <!-- quill-editor插件标签 分别绑定各个事件--> <quill-editor v-model="content" ref="myQuillEditor" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus(

ElementUI的el-input回车刷新页面

为君一笑 提交于 2020-12-23 03:43:05
这是form表单的一个坑,就是当form表单中只有一个input输入框的时候,键盘回车事件就会刷新页面,因为form表单把这个事件当成了是提交表单的操作,所以解决方法是再写一个type为hidden的input标签。 另外,如果是element-ui中出现了这个问题,可以在el-form中写一个属性:@submit.native.prevent,这样也是可以解决这个问题的。 来源: oschina 链接: https://my.oschina.net/u/4339939/blog/3320357

React学习笔记-元素渲染

和自甴很熟 提交于 2020-12-22 10:27:01
React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。 元素是构成 React 应用的最小单位,它用于描述屏幕上输出的内容。 const element = <h1>Hello, world!</h1>; 与浏览器的 DOM 元素不同,React 当中的元素事实上是普通的对象,React DOM 可以确保 浏览器 DOM 的数据内容与 React 元素保持一致。 将元素渲染到 DOM 中 首先我们在一个 HTML 页面中添加一个 id="example" 的 <div>: <div id="example"></div> 在此 div 中的所有内容都将由 React DOM 来管理,所以我们将其称为 "根" DOM 节点。 我们用 React 开发应用时一般只会定义一个根节点。但如果你是在一个已有的项目当中引入 React 的话,你可能会需要在不同的部分单独定义 React 根节点。 要将React元素渲染到根DOM节点中,我们通过把它们都传递给 ReactDOM.render()

Robotframework Web自动化实战课程

孤人 提交于 2020-12-22 07:33:22
想学习的小伙伴,现在可以报名了!!!7月1日正式开课 本期课程主要是web自动化为主,根据平时工作经验整理的一套流程以及使用过程中常见的问题总结。 学完后能很快上手,即学即用,课后遇到问题在线解答,远程协助解决。 robotframework学习交流群:724711865 报名方式联系qq:962199374 网名:緈諨(冷风) 课程费用:600/人(保证全网最低价) 课程时间:周六、周日晚上20:00-22:00 周日9:00-11:00 课程周期:一个月 课程安排如下: 第1课 robotframework 简介与特性 -----简介 -----特性 -----安装指南 -----Pip安装 -----RIDE工具介绍 -----resource文件 -----常量和变量 -----keyword关键字 第2课 robotframework 内置测试库介绍 ------BuiltIn ------String ------Collections ------OperatingSystem ------Process ------XML 第3课 robotframework Selenium2Library 安装与引入 -----selenium、浏览器版本与驱动版本 -----库的安装与升级 -----库的引入 -----常见的库引入问题 -----查看库中的关键字 ----

.net core3.1 webapi + vue + element-ui upload组件实现文件上传

你离开我真会死。 提交于 2020-12-21 08:04:45
首先,先看我个人的项目结构。 这个webapi项目是专门作为图片上传的业务处理,而其中分为两个控制器:单图片上传和多图片上传。在接下来的内容主要还是针对单文件上传,对于多文件的上传,我暂且尚未研究成功。 其中pictureoptions类,由于我把关于图片上传相关的配置项(保存路径、限制的文件类型和大小)写在了配置文件中,所以接下来会通过依赖注入的方式,注入到这个类中 接下来,正式开工 第一步,配置文件的设置 " PictureOptions " : { " FileTypes " : " .gif,.jpg,.jpeg,.png,.bmp,.GIF,.JPG,.JPEG,.PNG,.BMP " , " MaxSize " : 10485760 , " ImageBaseUrl " : " G:\\dotnet\\imageServer\\evaluate " } 然后在项目根目录下新建PictureOptions类 1 public class PictureOptions 2 { 3 /// <summary> 4 /// 允许的文件类型 5 /// </summary> 6 public string FileTypes { get ; set ; } 7 /// <summary> 8 /// 最大文件大小 9 /// </summary> 10 public int

vue项目 使用element-ui el-upload实现图片文件上传

巧了我就是萌 提交于 2020-12-21 07:26:38
上传文件就按照element官方文档就可以实现上传:代码如下 <el- upload :action="#" :before-upload="beforeUpload" :auto-upload="true" :multiple="false" ref="newupload" accept=" application/vnd.openxmlformats- officedocument.spreadsheetml.sheet" //上传的文件格式 > <el-button size="small" type="primary">上传文件</el-button> </el-upload> ============js部分=================== beforeUpload (file) { let fd = new FormData() fd.append('excelFile', file) // 传文件 // fd.append('srid', this.aqForm.srid) // 传其他参数 this.$http.post(url, fd).then(res => { console.log('文件上传成功') }) 上传图片和图片的格式,大小,宽高校验 <el- upload class ="avatar-uploader" accept ="image

element-ui组件dialog遇到form

北慕城南 提交于 2020-12-21 06:56:18
Vue.js似乎成了一种潮流。 UI框架element-ui也跟着成了一种潮流,不过得承认,至少我个人还是非常认可的,element-ui做的是真不错。 用到element-ui,那么在dialog中搭配form就必不可少。 <el-dialog :visible.sync="visible" title="弹窗" :before-close="beforeClose" @open="openDialog" width="480px" > <el-form :model="form" :rules="rules" ref="form" > <el-form-item label="操作人" prop="operator" > <el-input placeholder="请输入操作人" v-model.trim="form.operator" ></el-input> </el-form-item> </el-form> <div slot="footer" class="dialog-footer" > <el-button @click="submit" type="primary" class="btn-custom" > <span>确 定</span> </el-button> </div> </el-dialog> 弹窗内有form表单,而且这个表单需要校验