巴特西
首页
Python
Java
PHP
IOS
Andorid
NodeJS
JavaScript
HTML5
谷歌f12检查div
谷歌浏览器的F12用处及问题筛查笔记
在前端测试功能的时候,经常有些莫名其妙的错误,这个时候开发会说打开F12看一下吧,所以感觉这个开发者功能很有用,研究一下,做如下记录: Elements:左栏以DOM树形式查看网页源代码(HTML),点击可依次展开各个节点查看具体代码,比如测试中发现有些数据没有显示在网页上,这时点开对应节点看一下,入参是否正常传入是很有用的. 并且在选中节点时会在网页上实时显示选中的节点(以色块标注),这是调试网页时最常用的功能.右键可编辑所选节点的代码.右栏实时显示所选节点相匹配的CSS属性.修改CSS属性可
IE11浏览器,按F12 检查元素,工具会出来,但是没法正常使用?
微软网站上找到IE11的累计安全更新,安装后就能正常使用了.https://www.microsoft.com/zh-cn/download/confirmation.aspx?id=45154
谷歌F12获取接口信息
div标签的闭合检查
什么叫DIV标签有没有闭合呢?有<div>开头就应该有</div>来结尾闭合了.有时候写代码写 了<div>,忘记</div>结尾,谓之没有闭合也. 如 何检查DIV标签有没有闭合呢?如果页面布局简单,代码少是可以直接观 察出来:如果布局复杂了,看代码很难看明白.有一个很简单的方法来检测:在整个页面中搜索<div 代码看有多少个,然后再搜索</div>代码看有多少个,如何一样的个数,那基本没问题. 如果没有闭合,那就用Firebug工具
如何让DIV居中
总结:text-align:center;对三中浏览器而言,都具有文字/行内元素的嵌套式居中,或者说继承式的居中,只要外面的容器设置了这个属性,那么他内部的所有元素都具有这个属性(意思是,虽然这个属性在谷歌和火狐中并不能对内部DIV有水平居中特效,但是由于它对文字的嵌套居中特效,使得设置这个属性的DIV的内部所有的文字/行内元素,无论嵌套多深,都有水平居中效果).但对于IE来讲比较特殊,它还对块元素嵌套式的水平居中. margin:0 auto;对3种浏览器而言,都具有一样的特性,就是设置在
练习div出现的小问题
一.出现图片不显示状况1.class中设定的名字不对2.在高单位后面出现了 “:“ 所以也不显示3.上一个div盒子没有写结束标签 4.在添加背景图,把height的值改成auto后不显示,填上具体数值后发现图片显示. 二.插入多张图片不熟 三.插入多张图片发现浮动float没有办法使用.1.检查class是否正确2.检查div是否提前闭合. 四 position定位到图中央,发现输入top值后,他往下走,输入bottom,文字往上走 五.给文字加底框的时候发现加不上颜色.加了行高和定位的lef
Selenium_WebDriver_定位元素
版权声明:本文为博主原创文章,转载请注明出处. 定位单个元素 WebDriver提供了八种元素定位方法,Java中定位语句形如:driver.findElement(By.id()): 何为元素定位?当我们使用百度进行信息搜索时,打开网址后,我们的眼睛会聚焦到搜索栏,然后在搜索栏中输入我们需要搜索的关键,然后点击"百度一下"按钮,从上面的描述中我们可以看到,要完成搜索我们必须找到"搜索栏 && 百度一下按钮",我们有眼睛可以浏览页面去定位"
如何在不使用三大地图的KEY和相关组件的情况下,直接传参数到相关的H5地图
以高德地图为例: window.location.href='http://m.amap.com/navigation/index/daddr=104.188206%2C30.858513%2C'+'歪嘴饭店':这是直接在DIV上加的一个点击事件(可点击直接测试,需要切换到F12切换都H5形式才有效果,不然会直接瞬间跳回index),唤醒高低地图,其中104.188206 和30.858513 是我传进去的高德的经纬度,最后一个'歪嘴饭店'. %2C 是分隔符号 ,一定不能删除 是你搜索地的名称
使用box-shadow进行画图(性能优化终结者)
最近突然想做一些好玩的东西,找来找去,想到了之前曾经在网上看到过有人用box-shadow画了一副蒙娜丽莎出来感觉这个挺有意思,正好趁着周末,自己也搞一波 前言 在线地址: 优化前的版本优化后的版本源码仓库地址 不建议上传大图片..喜欢听电脑引擎声的除外 首先,并不打算单纯的实现某一张图片(这样太没意思了),而是通过上传图片,来动态生成box-shadow的数据.所以,你需要了解这些东西: box-shadow canvas box-shadow box-shadow可以让我们针对任意一个htm
CSS层叠样式表--使用
一.颜色属性 二.字体属性三.背景属性四.文本属性五.边框属性六.列表属性七.display属性八.内外边距九.float属性十.定位十一.margin定位 一.颜色属性 (1)英文单词 <p style="color:blueviolet">独在异乡为异客</p> (2)十六进制数 <p style="color: #ffee33;">独在异乡为异客</p> (3)三原色 <p style="colo
幕布V1.1.9最新版漏洞集合
0X00 前言 幕布本人最早接触是在P神的知识星球里面看到P神推荐的,后来下了个用着还挺好用. 之前一直都放一些零零散散的笔记,最近整理的时候,一时兴起,本着漏洞源于生活的态度,遂对幕布的安全性做了些研究. 0x01 背景 幕布是一款头脑管理工具,用更高效的方式和清晰的结构来记录笔记.管理任务.制定工作计划.头脑风暴.用最好的方式释放您的大脑! 令人觉得舒服的是,就算是免费版也支持多平台同步,相对比其他软件这个很良心了,还支持多种格式导出,支持脑图演示. 0x02 前世 早在17年,栋栋的栋师傅
css学习_写法规范、选择器
1.css(层叠样式表)样式主要目的(让页面更好看些) css尽量不要写内联样式,保证结构和样式分离原则: html专门负责结构,css专门负责样式. 2.css写法规范 选择器 { 属性 :值 : } 内联样式 写在标签里 style=“”属性:值“” 内部样式 写在head标签里的style标签里 外部样式 通过链接导入样式表 link 3.font-size(字号大小) 4.浏览器默认字体font-family 微软雅黑 ,字体大小一般默认为16px 一般不想写中文是可以用
border-radius 原理分析
border-radius 想必大家都有所了解,比较常见的用法就像下面一样: 注意左边的盒子 border-radius: 100px; 右边的为0哦,所以右边的实际上没有设置圆角边框属性:咱们比较下: 看大家大概都能看懂,不过我就想弄清楚个原理,不然觉得记不住,而且很不爽,而且这个样式细究起来有8个参数可以选,天呐,,, 所以我来说说我理解的圆角原理,就以上图中的 border-radius: 100px; 为例分析: 上图在我看来,浏览器就是这样渲染的,以左上角为例,如图: 第一步:因为设
Scrapy分布式爬虫打造搜索引擎- (二)伯乐在线爬取所有文章
二.伯乐在线爬取所有文章 1. 初始化文件目录 基础环境 python 3.6.5 JetBrains PyCharm 2018.1 mysql+navicat 为了便于日后的部署:我们开发使用了虚拟环境. 1234567891011 pip install virtualenvpip install virtualenvwrapper-win安装虚拟环境管理mkvirtualenv articlespider3创建虚拟环境workon articlespider3直接进入虚拟环境deactiv
vue 组件与传值
一.表单输入绑定(v-model 指令) 可以用 v-model 指令在表单 <input>.<textarea> 及 <select> 元素上创建双向数据绑定. 详细用法参见官方文档:https://cn.vuejs.org/v2/guide/forms.html 二.局部组件和全局组件 1.了解根组件template模板的优先级大于el,如下方式验证: <div id="app"> {{ msg }} </div> <
【CSS】我的颜色到底听谁的?—— css的层叠性
我们之前学了很多个选择器,都可以帮我们定位到具体标签上,然后我们在设置样式.但这也不可避免会产生一个问题:如果多个选择器同时指向同一个标签,那么到底该听谁的??? css一定有自己的机制来处理这个问题,这个就是css的层叠性.今天我们就一起来具体讨论一下这个问题. 1.场景一:多个选择器选中同一个标签,怎么办? 首先我们写一段简单的html代码: 7层叠性.html(body部分) <div id="box1" class="box1"> <div
Python分布式爬虫打造搜索引擎完整版-基于Scrapy、Redis、elasticsearch和django打造一个完整的搜索引擎网站
Python分布式爬虫打造搜索引擎 基于Scrapy.Redis.elasticsearch和django打造一个完整的搜索引擎网站 https://github.com/mtianyan/ArticleSpider 未来是什么时代?是数据时代!数据分析服务.互联网金融,数据建模.自然语言处理.医疗病例分析……越来越多的工作会基于数据来做,而爬虫正是快速获取数据最重要的方式,相比其它语言,Python爬虫更简单.高效 一.基础知识学习: 1. 爬取策略的深度优先和广度优先 目录: 网站的树结构
前端学习(十二)js数据类型(笔记)
选项卡: for循环 for(初始值,条件,自增){} for(var i=0; i<9;i++){} 几个按钮对应相同个内容!!! ------------------------------ 若干个按钮对应一个内容!!! ---------------------------------------------------- 字符串: ***只要在网页中js里面出现带引号的都是字符串! 1.汉字必须是字符串! 2.单词不带引号,也没报错,它是变量 3.不
htmlunit第一个爬虫演示 目标网址http://ent.sina.com.cn/film/
基本都要放弃了 springmvc 配置了htmlunit之后无法运行,都不能正常实例化webclient,但是突然想起来用maven应用程序测试一下 结果竟然就可以了.好吧,还是有希望的 大佬博客 https://blog.csdn.net/johnson_moon/article/details/78457543 https://www.cnblogs.com/davidwang456/articles/8693050.html 第一步还是引用https://mvnrepository.co
webdriver中的定位\模拟\及实例
Selenium webdriver 下载 pip install selenium pip install -i https://pypi.doubanio.com/simple/ selenium # 备用地址 浏览器驱动下载 还需要安装浏览器驱动,比较常见的浏览器我们一般选用Chrome和Firefox了,当然IE和Safari也有自己的驱动: Chrome驱动地址:https://npm.taobao.org/mirrors/chromedriver,或者参见http://chromed
使用Xpath爬取酷狗TOP500的歌曲信息
使用xpath爬取酷狗TOP500的歌曲信息, 将排名.歌手名.歌曲名.歌曲时长,提取的结果以文件形式保存下来.参考网址:http://www.kugou.com/yy/rank/home/1-8888.html 大概步骤:谷歌F12打开开发者工具-->在Elements找到想爬取的信息-->右键Copy XPath(或是根据Network里Response的代码手动写出Xpath路径)-->对比这类信息的xpath,再定位并提取这类信息 注意:我们获取的Network里Response
热门专题
mac 用命令build-tools版本
.net core 控制台程序 linux
opencart 筛选 只有5个
spyder查询字符串
流程pthon pdf下载
springboot 集成shiro进行权限控制
LeetCode打地鼠
ensp真机与虚拟机互通
navicat连接Mysql高级设置
jmeter上传文件,返回的参数没有页数
cgcs2000 投影 坐标 地理
js判断表格滚动条是否到底执行懒加载
全局去掉uni微信小程序滚动条
ES 日志文件 按天或大小分割进行归档
java redis 删除 list
1-108随机数C语言
hadoop3.0需要编译源码吗
typescript 对象转json
creo5.0m010安装教程
sql server 脏读