利用元素向左移动的同时，宽度变长，实现两边延伸效果。 react代码： <ul className="tab"> { moduleList.map((item: any, index: number) => { return (<li key={item.mkId} data-index={index} className={isSelect === index ?
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minim
from io import BytesIO import requests import pdfplumber req = requests.get("https://www1.hkexnews.hk/listedco/listconews/sehk/2020/0124/2020012400942_c.pdf") with pdfplumber.load(BytesIO(req.content)) as pdf: print(pdf.pages[0].extract_t
# 中括号括起来 # ‘，’分割每个元素 # 列表中的元素可以是数字、字符串、列表、布尔值...所有的都能放进去 # “集合”，内部放置任何东西 li = [1, 2, 3, 4, 5, [1, 2, 3], 7, 8, 9] #列表元素可以被修改 # 索引取值，切片取值，for循环取值 #修改 #切片 # 删除 del li[2:6] print(li
JS的组成 JavaSript基础 ECMAScript 基本语法，为页面交互打基础。 Web APIs DOM BOM 是W3C组织的标准，是js的应用，为js独有的部分。 DOM 文档对象模型，是W3C组织推荐的处理可扩展标记语言（HTML/XHTML）的标准编程接口。 W3C定义了一系列DOM接口，通过这些接口可以改变网页的内容
一、获取元素的几种方法 getElementById、getElementsByTagName、getElementsByClassName、querySelector、querySelectorAll document.body、document.documentElement 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset=&quo
超链接的伪类 /* 链接点击之前 */ a:link { color: blue; } /* 连接访问之后 */ a:visited { color: lightblue; } /* 鼠标放上去时 */ a:hover {
简介 在一些项目中可能会使用到解析html文件，尤其是爬虫相关的，需要解析获取到的html内容，通常我们会使用lxml模块去进行html文件的解析。 html文件 当前存在一个简单的html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compati
1、元素选择器 最常见的css选择器当属元素选择器了，在HTML文档中该选择器通常是指某种HTML元素，例如：p,h2,span,a,div乃至html。 例如： html {background-color: black;} p {font-size: 30px; backgroud-color: gray;} h2 {background-color: red;} 以上css代码会对整个文档添加黑色
这个导航条的布局就很有意思： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
jQuery JavaScript jQuery库，里面存在大量的JavaScript函数 获取jQuery <script> //原生js，选择器少，麻烦不好记 //标签 document.getElementsByTagName(); //id document.getElementById(); //类 document.getElementsByClassName(); //jQuery css中的选择器它
package main import ( "fmt" ) /* 输入整数数组 arr ，找出其中最小的 k 个数。例如，输入4、5、1、6、2、7、3、8这8个数字，则最小的4个数字是1、2、3、4。 示例1： 输入：arr = [3,2,1], k = 2 输出：[1,2] 或者 [2,1] */ func main() { fmt.Println(getLeastNumbers([]int{2, 3, 1,
目录爬虫实战（五）：爬豆瓣top250一、网址分析1、 页面分析2、 源码分析3、 内容解析4、 链接分析二、编写代码1、 获取每页url2、 获取ol里面的li标签3、 获取数据4、 数据清洗三、完整代码 爬虫实战（五）：爬豆瓣top250 一、网址分析 1、 页面分析 通过抓包分析，可得数据不是动态加载出来的
npm init -y npm i jquery -s npm install webpack@5.42.1 webpack-cli@4.7.2 -D index.js下 //1.使用 ES6导入jQuery import $ from 'jquery' $(function () { //3.实现奇偶行变色 $('li:odd').css('background-color', 'red'); $('li:even
问题 如题所示，相关源码如下： // style.less @fish-sm:2vmin; @fish-md:3vmin; @fish-lg:5vmin; 答案 LESS详解之变量(@) 根据上面，@符号后面是在设置变量，分别设置三个变量fish-sm、fish-md、fish-lg，但是用在哪里呢？在同个文件下，但是没有看到这个用在哪里？然后就用VScode的搜索功能，得
什么是lxml库 lxml是一种使用Python编写的库，可以迅速、灵活地处理XML 支持XPath(XML Path Language) 学习lxml库的目的 利用XPath语法，来快速的定位特定元素以及节点信息 目的是提取出HTML、XML目标的数据 安装lxml库 pip install lxml 我之前已经安装过了，所以没有安装
1.使用正则表达式获取网页标题内容 In [ ]: import requests import re url = 'http://www.tipdm.com/tipdm/index.html' rqq = requests.get(url) rqq.encoding = 'utf-8' rqq.text In [ ]: re.findall('<li><a href="[a-z0-9.:/]+" target=
最新版本直接pip install scrapy 会把其他支持的组件一起下载 创建工程 scrapy startproject xxxPro 进入目录 cd xxxPro 指定起始链接，并创建一个子目录spiderName scrapy genspider spiderName www.xxx.com 执行工程 scrapy crawl spiderName --nolog 不带日志 更改setting的
<!DOCTYPE html> <html> <head> <title> jquery</title> <style type="text/css"> body{ padding-bottom: 1000px; } ul{ width: 500px; margin: 0; padding:0; list-style: none; } li{ paddin
HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css跳动的loading
一 元素内容分析 1.一个播放窗口 2.方向键 3.要播放的图片 4.随图片播放的小圆圈 二 功能分析 1.方向键根据窗口高度自动居中,左右间隔固定 2.根据图片数量自动创建小圆圈 3.点击小圆圈图片随之改变,小圆圈必须与图片对应 4.点击方向键,图片也随之改变 5.鼠标移入窗口,则显示方向
简单版发布留言案例 留言后没有时间，没有键盘监听 <body> <textarea name="" id=""></textarea> <button>发布</button> <ul> </ul> <script> // 1. 获取元素 var btn = document.querySelec
聚焦爬虫：提取页面中指定的内容 编码流程 1指定url 2发起请求 header={ 'User-Agent':'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36' } param={ 'type':'24'
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content=
前言 Emmet是一款文本编辑器/IDE的插件，用来快速生成复杂的HTML代码，只要掌握一些常用的语法（类似于CSS选择器），就可以减少重复编码的工作，真的提升开发效率之利器。 所有的操作都是按下tab键即可瞬间完成。 一、相关语法 1. 用.来生成类名 div.aaa 按tab后生成如下： <div class="aaa"
