- 博客(29)
- 收藏
- 关注
RSS订阅原创 Selenium安装配置及简单使用
3、将下载下来的驱动进行解压成exe文件，放置到浏览器文件路径（Application）文件夹及Python安装路径下。1、打开浏览器，进入自定义及控制 > 帮助 > 关于Google Chrome页面，查看对应浏览器版本。安装好Selenium包后，若想要其可以模拟手工操作浏览器，还需要安装浏览器驱动。主要就是通过抓到页面元素，然后模拟用户的输入、点击等等操作，从而达到一个自动化的目的；以上就是最最基础的一个通过Selenium操作浏览器的基本操作了，当然还有很多操作可以自行查阅操作教程。
2023-06-27 15:44:32
825
原创 Python3安装及基础语法
Python 官网：Welcome to Python.orgPython安装：进入官网Download找到对应版本安装包，下载后双击安装，一直下一步即可；注意：安装最后一步勾选（Add Python to PATH），默认会将环境变量配置完毕。编辑器可自行百度下载安装；本人使用的PyCharm；中文编码默认就是#coding=UTF-8
2022-11-24 17:02:20
517
2
原创 正确使用pageX、pageY、offsetLeft、offsetTop
获取鼠标位置的时候，遇到一点疑问，然后验证了一下自己的疑惑；pageX、pageY跟clientX和clientY类似，是相对于浏览器文档的坐标；offsetLeft、offsetTop获取的是固定定位，也就是说，监听某个选择器内的鼠标位置，这个方法返回的是这个固定范围的左上角离页面左上角的距离坐标；下面利用一个简单的div来演示一下div{ width: 100px; ...
2018-07-05 10:49:15
9180
原创 判断浏览器类型及是否能使用ES6部分特性
工作需要判断当前浏览器是否能使用ES6特性；1、首先肯定要先判断当前浏览器的类型2、然后判断该浏览器是否支持ES6的部分特性；解决1：var userAgent = navigator.userAgent;//Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3...
2018-06-30 10:33:59
4341
原创 jQuery实现多选下拉列表
其实就是实现一个多选下拉列表，然后将选中的选项显示到相应的位置；因为主要是jQuery选中行为的实现，所以，样式结构就不多说啦，直接贴代码啦：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"
2018-06-14 10:38:33
7678
1
原创 CSS Sprites的简单实例
为了提高页面的性能，了解了CSS Sprites；所谓CSS Sprites实际上就是对一张图片的重复使用，而这张图片中包含了许多的小图片，我们通过background-image印日大图，利用background-position进行定位，选出该图片中你所需要的那一部分，再将其放在你所想放在的地方；这么做可以减少网页的http请求以及图片的字节数；从而提高页面的性能；核心为：.pic1,.pic...
2018-03-25 16:14:22
414
原创 异步加载JS之async、defer
继前面了解的JS加载时间线，然后对JS的异步加载的方式进行了更深一步的了解；默认情况下，js文件是同步加载的，当页面加载到js文件时，页面就会被阻断在这个地方，阻断了HTML、CSS的加载线；为什么不异步加载js呢？（因为，js会修改HTML、CSS）；又因为js是同步加载的，所以对于不会修改页面的js工具包来说，是浪费了效率的，因为他阻断了HTML、CSS的加载线；所以，我们就希望对于这样（不调...
2018-03-25 15:46:20
291
原创 正则表达式
我们为什么会用到正则表达式呢？正则表达式的作用：匹配特殊字符或有特殊匹配原则的字符的最佳选择；正则表达式也需要创建；方式一：字面量var reg = /abc/;var str = "abcd";创建了一个正则表达式abc，可以利用正则表达式的方法reg.test(str);来测试str中是否含有正则表达式abc字符片段；在正则表达式后还能添加属性例如：/abc/i ---->这个i属...
2018-03-07 16:41:15
190
原创 三栏布局之圣杯布局
这篇博客主要是介绍一下三栏布局的圣杯布局；圣杯布局与双飞翼布局实际上是差不多的，他们实现的都是三栏布局，两边的盒子宽度固定，中间的盒子自适应；也就是我们常说的固比固布局；两个布局方式实现的效果是一样的，区别在于实现的思想；在了解了什么是三栏布局之后，我们主要来看一下圣杯模式的实现：首先，先确定HTML的结构（先注意，写结构的时候，先写中间先渲染的盒子）<header><h4>...
2018-02-28 17:58:00
522
原创 js加载时间线
js加载时间线是一个理论依据，为以后优化一些东西做一些基本的理论支持；时间线：通俗来说就是当浏览器出生的那一刻开始所记录的一系列浏览器按顺序所做的事儿；浏览器在运行一个页面时，首先会初始化js的功能，当初始化初试完js这一个功能后，也就是js开始发挥作用那一刻，开始记载着这一系列浏览器要发生的过程；那么这一系列顺序分为十步，如下：1、创建Document对象，开始解析Web页面；此阶段docume...
2018-02-27 20:54:40
736
原创 letter-spacing属性
在设计一个网页的时候，有时候为了让页面的可读性更好，更加美观；就会使用到letter-spacing属性；letter-spacing属性是增加（值为正）或减少（值为负）字符间距；也就是说当应用在英文是，就是增加或减少每个字母之间的间距，在中文文字中应用就是每个文字之间的间距；然后我就遇到了问题：第一种：当我给某个元素增加了间距letter-spacing之后，该元素最后一个字符后面依然存在let...
2018-02-26 22:18:33
22834
1
原创 Vue.js初识
一、Vue.js 是用于搭建类似于网页版知乎（表单项繁多，且内容需要根据用户操作进行修改）的网页版应用；Vue是兴起的前端js库，是一个精简的MVVM（Model-View-ViewModel）。从技术角度讲，vue.js专注于MVVM模型的ViewModel层。它通过双向数据绑定把View层和Model层连接了起来，通过对数据的操作就可以完成对页面视图的渲染。当然还有很多其他的MVV...
2018-02-24 13:32:22
240
原创 JSON基础了解
Json指的是JavaScript对象表示法，是轻量级的文本数据交换格式，主要用于在服务器的Web应用程序之间传输数据；基本格式：var object1 = { "language" : "Java", "author" : "herbert schildt" };这种是对象格式；var people = [
2018-01-28 16:51:51
253
原创 AJAX基础了解
一、工作原理（三步）Browser（浏览器）：1、创建一个XMLHttpRequest对象；2、发送HttpRequest通过InternetServer（服务器）：1、接收HttpRequest；2、创建一个响应并且发送数据返回浏览器；再通过InternetBr
2018-01-27 16:49:29
183
原创 立即执行函数
什么叫立即执行函数呢？我觉得通俗的看字面意思就是遇到该函数就立即执行；实际上也是这么个意思，但还有要注意的点就是：立即执行函数：只执行一次，执行完一次之后，会将代码删除，执行完之后将函数立即释放用处：一般为了减少缓存，比如，为了计算一个数值，写了几百行上千行的代码，但是该代码块只执行这一次，这样就会对缓存带来负担，所以可以利用立即执行函数来解决这个问题，即得到想要的结果后，立即释放
2018-01-23 19:32:16
1076
原创 闭包问题及解决
闭包的形成当内部函数被保存到外部时，会形成闭包；闭包会导致原始作用域链不释放，造成内存泄漏（占用）；例如： function test(){ var arr = []; for(var i = 0; i < 10; i++){ arr[i] = function(){ console.log(i); } } return arr;
2018-01-23 19:12:46
14961
5
转载 URL中"#" "?" "&"号的作用
URL中“#” “？” &“”号的作用 阅读目录1. #2. ？3. &回到顶部1. # 10年9月，twitter改版。一个显著变化，就是URL加入了”#!”符号。比如，改版前的用户主页网址为http://twitter.com/username改版后，就变成了http://twitter.com/#!/user
2017-12-22 17:03:02
624
原创 表单标签基本属性
表单区域是由来定义的首先来看一段代码：Star1:Star2:Star3:Province1:Province2:Province3:Province4:标签的属性常用的有：method="get/post";该属性表明该表单的发送方式是get（从服务器获取数据）还是post（向服务器传送数据）；action="url";该属性表明表单的数据发送给谁，就
2017-12-22 15:40:02
2013
原创 补充CSS
对于标签的一些潜在属性、样式进行补充，拓展用法；text-decoration: none;文字修饰；经常用来改变链接样式，去掉下划线；text-indent: 50px;首行缩进；direction: rtl;文字方向；从右往左排列；letter-spacing: 5px;文字间距（每个字之间，英文就是每个字母之间）vertical-align
2017-12-22 12:18:17
150
原创 补充HTML
对有些标签的一些补充 以及有一些当时没有注意到的属性删除线，比较常见于淘宝降价商品标签还是比较重要的，而且标签的功能很多；可包裹任何东西target="_blank"是让链接内容在新的标签页打开功能：1、超链接（如上所示，利用href属性就可以）2、author锚点，例如页面的回到顶部定位到id=id的标签的位置处3、打电话给12345
2017-12-21 16:16:21
230
转载 RFID界面设计
关于RFID界面设计实验，给大家提供一个实现的方法。鉴于段老师要求用Java来实现，所以下面从Java的角度去考虑。可能大家首先想到的是用swing来实现，但我想告诉大家的是，个人看法，swing已经过时，已经很久没有更新了，控件相对较单一，不美观。但我想给大家推荐的方法是JavaFX，而不是swing。解释：JavaFX还有内置的WebView，能通过其调Javascript。还有很多画图、
2017-12-20 09:44:43
1114
原创 position属性详解
position属性是定位属性，拥有三个值 1、position:absolute;这个是绝对定位；脱离原来的层/位置进行定位； 仔细的来说就是：相对于最近的、有定位的、父级进行定位，如果没有这样的父级，就相对于整个文档进行定位； 2、position:relative;这个是相对定位；保留原来的位置进行定位（原来的位置不能占）； 仔细的来说就是：相对于原来的位置进行定位；3、positio
2017-12-07 16:54:21
601
原创 form表单的底部居中
利用css样式让form表单底部居中首先，我的html代码如下，在form表单中有<textarea>和<input>标签：<!DOCTYPE html><html><head><meta charset="utf-8"> <title>底部居中</title></head><body><div class="zj_div"><form id="zj_form"> <t
2017-11-26 19:00:19
3686
原创 移动端适配
移动端适配使用的浏览器：Google； 验证的编译软件：HBuilder、Sublime text3、Webstorm；为了方便观察和修改，使用的是纯静态网页；修改好后动态网页也是同样适用 初始pc端页面如下图所示 HBuilder上进行不同视窗的验证查看 ios看到的页面是： ipad上看到的页面是： 可见，以上两种页面，都需要手动向左滑动，才能看到完整的页面；Android上看到的页
2017-11-26 16:05:27
445
原创 如何解决自适应问题
**Bootstrap 移动设备优先 解决自适应问题** Bootstrap 3本身默认的css对移动设备能友好支持 为了让 Bootstrap 开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的 head 之中添加 meta 标签; <meta>位于文档的头部，不包含任何内容。它的属性定义了与文档相关联的名称/值对；可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关
2017-11-18 13:05:22
610
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人