- 博客(21)
- 收藏
- 关注
RSS订阅原创 前端插件swiper的基础使用
欢迎访问我的个人博客：http://liubofeng.com/前端插件swiper的基础使用很多网站都会使用轮播图，然而自己编写轮播图是一个比较繁琐的过程，在编写过程中要编写轮播图切换时间，切换按钮等等。在实际项目中要用到轮播图大可不用自己从零编写，只要会使用swiper这一款插件即可实现很多轮播特效。官网下载swiper进入网站https://www.swiper.com.cn/download/index.html 下载相应版本的swiper文档。博主在这里下载的是最新版本6.8.1,如下图
2021-09-07 23:32:52
671
原创 python爬虫爬取实习僧岗位信息并存入excel数据表中
欢迎访问我的个人网站http://liubofeng.compython爬虫爬取实习僧岗位信息博主在本博客中爬取的是数据分析岗位。进入网站首页https://www.shixiseng.com/搜索数据分析，F12审查元素，可以发现岗位的薪资以及其他用数字表示的信息都被加密了，如下图所示：这也就意味着如果不破解字体加密，那么爬取到的薪资及其他数字数据将全部是上图中的乱码。ctrl+u进入到网页源码，可以发现数据全是写在dom节点中的，那么只要破解字体加密再用xpath解析dom节点就可以爬取数据了
2021-08-26 17:56:05
1351
11
原创 CSS3边框与圆角
CSS3 圆角border-radius 属性一个最多可指定四个border -*- radius属性的复合属性，这个属性允许你为元素添加圆角边框！语法：border-radius: 1-4 length|% / 1-4 length|%;兼容性IE9+、FireFox4+、Chrome、Safari5+、Operaborder-radius: 10%;CSS3 指定每个圆角多值...
2020-04-29 16:35:07
175
原创 CSS3渐变
CSS3 渐变渐变（gradients）可以在两个或多个指定的颜色之间显示平稳的过渡兼容性：IEChromeFireFoxSafariOpera10+26+16+6.1+12.1+10.0-webkit-3.6-moz-5.1-webkit-11.6-o-CSS3 线性渐变线性渐变（Linear Gradients）属性是沿着一根轴线...
2020-04-29 02:45:58
125
原创 CSS3背景
CSS3 背景图像区域background-clip 属性background-clip属性指定背景绘制区域语法background-clip: border-box|padding-box|content-box;兼容性IE9+、FireFox、Chrome、Safari、Operabackground-clip: border-box;//背景被裁剪到边框盒。backgroun...
2020-04-29 01:59:55
138
原创 CSS3字体
CSS3字体CSS3 @font-face的语法规则@font-face {font-family: ;src: [][, []]*;[font-weight: ];[font-style: CSS3 @font-face的取值说明YourWebFontName自定义的字体名称，他将被引用到Web元素中的font-familysource自定义的字体的存放路径，可以是相对路径...
2020-04-29 00:31:47
137
原创 CSS3文本效果
CSS3文本效果CSS3 文本阴影text-shadow 属性text-shadow 属性应用于阴影文本语法text-shadow: h-shadow v-shadow blur color;text-shadow: 5px 5px 5px red;//阴影向下偏移5px,向右偏移5px，虚化5px,红色阴影兼容性：IE10+、FireFox3.5+、Chrome4+、Safar...
2020-04-28 22:44:39
197
原创 CSS3转换
CSS3 TransformCSS3 2D转换CSS3 3D转换CSS3 Transform与坐标系统CSS3 矩阵CSS3 扩展属性
2020-04-28 20:23:42
246
1
原创 CSS3过渡（transition）
CSS3过渡允许CSS的属性值在一定的时间的区间内平滑地过渡。在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地已动画效果改变CSS的属性值。1、transition-property属性功能：检索或设置对象中参与过渡的属性。语法：transition-property:none|all|property;参数说明：none：没有属性改变。all:所有属性改变，默...
2020-03-27 15:32:27
213
原创 CSS3动画
一、CSS3 animation1、animation-name属性检索或设置对象所应用的动画名称语法：animation-name:keyframename参数说明：keyframename:指定要绑定到选择器的关键帧的名称。2、animation-timing-function属性检索或设置对象动画的过渡类型。语法：animation-timing-function:...
2020-03-27 11:38:26
117
原创 JavaScript循环语句
1、for语句语法：for(语句1；语句2；语句3；）{被执行的代码}说明：语句1：在循环开始前执行语句2：定义运行循环的条件语句3：在循环被执行之后需要执的代码编程练习：用循环实现九九乘法表，效果图如下：<script > for(var i=1;i<=9;i++){ for(var j=1;j<=i;j++){ doc...
2020-03-26 23:49:44
511
原创 JavsScript条件语句
1、if语句语法一：if(condition){statement1;}语法二：if(condition){ statement1; }else{ statement2; } 语法三：if(condition){ statement1; }else if(condition){ statement2; }......else{ st...
2020-03-26 23:23:01
162
原创 JavaScript中的date对象
JavaScript中的date对象1、创建一个日期对象语法：new Date()功能：创建一个日期时间对象返回值;不传参的情况下，返回当前的日期时间对象。说明：如果想根据特定的日期和时间创建日期对象，必须传入表示该日期的毫秒数，或者是一组用逗号隔开的表示年月日时分秒的参数。2、获取年月日时分秒及星期的方法语法返回值getFullYear( )返回4位数的年份...
2020-03-26 22:52:41
129
原创 JavaScript中的Math
Math对象的方法：1、Math.min()语法：Math.min(num1,num2,......,numN)功能：返回一组数中的最小值。返回值：Number示例：console.log(Math.min(33,22,11,5))//控制台输出数字：52、Math.max()语法：Math.max(num1,num2,......,numX)功能：求一组数中的最大值。返...
2020-03-26 22:34:43
164
原创 JavaScript中的内置对象：string
JavaScript中的内置对象：string1、charAt( )语法：str.charAt(index)功能：返回字符串str中index位置的字符。2、charCodeAt( )语法：str.charCodeAt(index)功能：返回字符串str中index位置字符的编码.3、indexOf（ ）语法：str.indexOf("o")功能：从一个字符串的开头中搜索给...
2020-03-26 20:24:57
92
原创 JavaScript中的内置对象（数组）
JavaScript中的内置对象（数组）一、怎么创建数组创建数组的基本方式有两种：1. 使用Array构造函数： 语法：new Array() 定义一个名为arr的数组： var arr=new Array() 小括号（）说明：（1）预先知道数组要保存的项目数量。（2）向Array构造函数中传递数组应包含的项。2. 使用数组字面量表示法：有一对包含数组项的方括号[ ...
2020-03-26 00:49:50
426
原创 JavaScript DOM 事件
一、什么是事件事件就是文档或浏览器窗口中发生的一些特定的交互瞬 间。二、HTML事件语法：<tag 事件=“执行脚本”>功能：在HTML元素上绑定事件。说明：执行脚本可以是一个函数的调用。三、DOM0级事件语法：ele.事件=执行脚本功能：在DOM对象上绑定事件说明：执行脚本可以是一个匿名函数，也可以是一个函数的调用。四、鼠标事件名称定义和用法...
2020-03-24 21:11:00
146
原创 JS BOM基础（screen对象）
JS BOM基础（screen对象）一、screen对象包含有关客户端显示的屏幕信息，目前没有应用与Screen对象的公开标准，不过所有浏览器都支持该对象二、screen对象的主要属性属性描述availHeight返回显示屏幕的高度（除window任务栏之外）availWidth返回显示屏幕的宽度（除window任务栏之外）width返回显示器屏幕的宽度...
2020-03-24 15:39:58
182
原创 BOM基础（history对象，Screen对象属性，Navigator对象）
一 、history历史对象1.history.back()语法：history.back()功能：回到历史记录的上一步说明：相当于使用了history.go(-1)2.history.forward()语法：history.forward()功能：回到历史记录的下一步说明：相当于使用了history.go(1)3.history.go(-n)语法：history.go(-...
2020-03-24 09:13:39
138
原创 BOM基础（location对象）
location对象location对象提供了与当前窗口中加载的文档有关的信息，还提供了一些导航的功能，它既是window对象的属性，也是document对象的属性。location对象的常用属性1.location.href语法：location.href功能：返回当前加载页面的完整URL说明： location.href与window.location等价 语法：locatio...
2020-03-24 09:06:18
135
原创 JavaScript BOM基础（window对象的方法）
JavaScript BOM基础（window对象的方法）什么是BOMBOM（browser object model）浏览器对象模型windowwindow是浏览器的一个实例，在浏览器中，window对象有双重角色，它 既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规 定的Global对象。Window对象的方法1 window.alert（”cont...
2020-03-24 08:59:42
190
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人