博客笔记项目html
1.index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>博客项目首页</title>
<!-- 引入外部样式文件 -->
<link rel="stylesheet" href="../static/css/index.css">
<link rel="stylesheet" href="../static/css/easyfader.css">
<!-- 引入外部JS文件 -->
<script src="../static/js/jquery.min.js"></script>
<script src="../static/js/jquery.easyfader.min.js"></script>
<script src="../static/js/blogs.data.js"></script>
<script src="../static/js/fader.data.js"></script>
<!-- 自定义外部JS文件 -->
<script src="../static/js/index.js"></script>
</head>
<body>
<!-- HTML5规范的语义化标签 -->
<header>
<!-- 导航条--》logo 导航菜单 登录注册 -->
<nav>
<!-- logo -->
<h1 class="logo">
<a href="#">个人博客</a>
</h1>
<!-- 导航列表 -->
<ul>
<li><a href="#">网站首页</a></li>
<li><a href="#">文章列表</a></li>
<li><a href="#">我的相册</a></li>
<li><a href="#">留言</a></li>
<li><a href="#">关于我</a></li>
<li><a href="#">发表博客</a></li>
</ul>
<!-- 登录注册 -->
<div>
<a href="#" id="register">注册</a>
<a href="#" id="login">登录</a>
</div>
</nav>
</header>
<main>
<!-- 上半部分 轮播图/侧边图片 -->
<div>
<!-- 左边轮播图 -->
<div class="banner">
<ul class="fader">
<!-- 每一张轮播图内容 -->
<!-- 在inex.js中生成li -->
<!-- 控制轮播图元素 -->
<li class="fader_controls">
<!-- 左右箭头 -->
<div class="page prev" data-target="prev"><</div>
<div class="page next" data-target="next">></div>
<!-- 轮播图页标 -->
<ul class="pager_list">
<!-- js自动添加 -->
</ul>
</li>
</ul>
</div>
<!-- 右边侧边图片 -->
<ul class="toppic">
<li>
<a href="#">
<img src="../static/images/toppic01.jpg" alt="">
<div>linux升级py3,按照pip,svn</div>
<span>Linux</span>
</a>
</li>
<li>
<a href="#">
<img src="../static/images/toppic02.jpg" alt="">
<div>精通python编程——python深入浅出教程</div>
<span>python</span>
</a>
</li>
</ul>
<!-- 清除浮动的影响 -->
<div class="clear"></div>
</div>
<!-- 下半部分 博客列表 -->
<div class="blogsbox">
<!-- 每一条博客内容 -->
</div>
</main>
<footer>
<div>
Design by
<a href="#">个人博客</a>
<a href="#">备XXXXXXXXXXX号-1</a>
</div>
</footer>
</body>
</html>
2.1 CSS-index.css
/* 首页样式文件 */
/* 初始化样式 */
h1,h2,h3,p,body,ul,li{
padding: 0;
margin: 0;
}
ul{
list-style: none;
}
a{
text-decoration: none;/*去下划线*/
}
img{
display: block;
}
body{
background-color: #f2f2f0;
/* font-size: 16px;
font-family: monospace; */
font: 16px monospace;
}
/***************header*******************/
header{
position: fixed;
top: 0;
z-index: 100;
width: 100%;
height: 80px;
background-color: #555;
}
nav{
/* 控制内容位置 */
width: 1140px;
height: 80px;
/* border: 5px solid red; */
margin: 0 auto;
/* 文字垂直方向居中 */
line-height: 80px;
}
/* 14:52~15:07 */
/* logo 字体大小26px 字体颜色#c1edf2 浮动排列 */
.logo{
font-size: 26px;
float: left;
}
.logo>a{
color: #c1edf2;
}
/* 导航列表 ul */
/* ul 浮动排列 距离h1 80px */
/* li 浮动 使用margin调整li之间的距离 */
/* li a 字体颜色#e5f2f2 鼠标移入时变成白色 */
nav>ul{
/* border: 1px solid red; */
float: left;
margin-left:80px;
}
nav>ul>li{
float: left;
margin: 0 20px;
}
nav>ul>li>a{
color: #e5f2f2;
}
nav>ul>li>a:hover{
color: #fff;
}
/* 登录注册 */
/* 文本颜色#e5f2f2 右浮动 注册紧贴在nav右侧 登录距离右侧远一些 */
#login,#register{
float: right;
color: #e5f2f2;
}
#login{
margin-right: 50px;
}
/*******************main**********************/
main{
width: 1140px;
/* height: 500px;
border: 5px solid red; */
margin: 100px auto 0;
}
/* 轮播图 */
.banner{
width: 66%;
float: left;
}
.fader{
/* 为后代元素做参照物 */
position: relative;
}
.slide img{
width: 100%;
height: 100%;
}
/* 图片上的文字 */
/* 绝对定位 定位到 fader下方 距离下方12% */
/* 字体大小26px 白色字体 半透明黑色背景 背景宽度和图片宽度一致 */
/* 调整文字距离 距离左侧边框40px */
.imginfo{
position: absolute;
bottom: 12%;
/* right: 0;
left: 0; */
font-size: 26px;
color: #fff;
background-color: rgba(0,0,0,0.5);
padding:5px 0 5px 40px;
width: 100%;
/* 默认情况下 元素实际大小为 内容+内边距+边框+外边距 */
/* box-sizing: content-box; */
/* width/height指包含边框在内的大小 */
/* 宽高包含内容+内边距+边框 */
/* 实际大小为 宽高+外边距 */
box-sizing: border-box;
}
/* 左右箭头 */
/* 相对fader做绝对定位 调整字体大小80px 加粗 宽度50px
高80px 文字水平垂直居中 文字颜色白色
让左右箭头定位到图片垂直居中的位置 调整左右的位置 */
.prev,.next{
position: absolute;
top: 50%;
margin-top: -40px;
width: 50px;
height: 80px;
font-size: 80px;
/* font-weight: bold; */
color: #fff;
text-align: center;
line-height: 80px;
transition: all 0.5s;
/* 隐藏 */
opacity: 0;
}
.prev{
left: 50px;
}
.next{
right: 50px;
}
/* 鼠标移入时 修改左右箭头样式 */
.fader:hover .prev{
opacity: 0.8;
left: 0;
}
.fader:hover .next{
opacity: 0.8;
right: 0;
}
/* 轮播图页标(小圆点) */
/* 页标父元素 .pager_list
绝对定位 定位到.fader的下方0px 宽度100% 高度40px
内容水平居中垂直居中
*/
.pager_list{
position: absolute;
bottom: 0;
width: 100%;
height: 40px;
/* border: 1px solid red; */
text-align: center;
line-height: 40px;
}
/* li
将li变成行内块 宽高15px 圆形 背景颜色半透明的白色
带有.active的li或鼠标移入时的li背景颜色不透明
*/
.pager_list li{
display: inline-block;
width: 15px;
height: 15px;
background-color: rgba(255,255,255,0.5);
border-radius: 50%;
margin: 0 5px;
}
.pager_list li:hover,li.active{
/* opacity: 1; */
background-color: rgba(255,255,255,1);
}
/**************toppic*****************/
.toppic{
width: 32%;
float: right;
/* border: 5px solid red; */
}
.toppic li{
/* 为后代元素做参照物 */
position: relative;
width: 100%;
background-color: #000;
}
.toppic li img{
width: 100%;
height: 250px;
}
/* 图片上的文字 */
/* div 绝对定位 定位在li下方 宽度占100%
调整文字和边框的距离 半透明的深黑色背景 白色字体 */
.toppic div{
position: absolute;
bottom: 0;
width: 100%;
padding: 10px 0 10px 20px;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
box-sizing: border-box;
}
/* span 绝对定位 定位在li左上方 距离左上20px
半透明深黑色背景 字体颜色白色 水平垂直居中 字体大小12px
边框圆角2px
*/
.toppic span{
position: absolute;
left: 20px;
top: 20px;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 12px;
padding: 5px 10px;
border-radius: 4px;
}
/* 最后一个子元素li */
.toppic li:last-child{
margin-top:23px;
}
/* toppic li 鼠标移入时变亮效果
思路:将li的背景颜色改为黑色
然后将li中的图片变成半透明效果 透出黑色背景图片变暗
当鼠标移入li将图片变成不透明
*/
.toppic li img{
opacity: 0.7;
transition: all 0.3s;
}
.toppic li:hover img{
opacity: 1;
}
.clear{
clear: both;
}
/*************blogs*****************/
.blogsbox{
width: 100%;
/* height: 500px;
border: 5px solid red; */
margin-top:20px;
}
/* 每一条博客 背景颜色#fff 距离下边的其他博客20px
内容和边框距离20px
*/
.blogs{
background-color: #fff;
margin-bottom: 20px;
padding: 20px;
/* 内部元素可能会用到浮动布局 */
overflow: hidden;
}
/* 博客标题 */
/* 字体大小20px 字体颜色#555
鼠标移动到字体上时颜色变为#337ab7 */
.blogtitle a{
font-size: 20px;
color: #555;
}
.blogtitle a:hover{
color:#337ab7;
}
/* 博客图片 */
/*.blogpic 宽30% 高170px 浮动布局
调整距离标题和右侧内容的位置 */
/* img 宽高和父元素一致 */
.blogpic{
width: 30%;
height: 170px;
float: left;
margin: 10px 20px 0 0;
/* 图片鼠标移入后放大 超出父元素部分不可见 */
overflow: hidden;
}
.blogpic img{
width: 100%;
height: 100%;
transition: all 0.5s;
}
.blogpic img:hover{
/* 缩放 按照倍数调整大小 */
transform: scale(1.1);
}
/* 文本 */
.blogtext{
color:#566573;
margin-top: 20px;
}
/* 信息列表 */
/* 让li水平排列 调整距离 */
/* 文字大小12px 文字颜色#748594
鼠标移入到超链接时文字变成黑色 */
/* 通过images/auicon.jpg
将小图标作为背景图在页面显示 */
.blogs li{
height: 18px;
line-height: 18px;
float: left;
font-size: 12px;
margin: 30px 15px 0 0;
background-image: url('../images/auicon.jpg');
background-repeat: no-repeat;
/* 让文字右移 露出背景图片 */
padding-left: 18px;
}
.blogs li a{
color: #748594;
}
.blogs li a:hover{
color: #000;
}
/* 调整背景图片的位置 让每一个li显示不同的图标 */
.lmname{
background-position-y: -24px;
}
.timer{
background-position-y: -46px;
}
.view{
background-position-y: -66px;
}
.like{
background-position-y: -87px;
}
/* 15:06~15:20 */
/****************footer****************/
footer{
width: 100%;
background-color: #555;
color: #a5a4a4;
text-align: center;
padding: 20px 0;
}
footer a{
color: #a5a4a4;
}
footer a:hover{
color: #c1edf2;
}
2.2 CSS-easyfader.css
/* 对index.css的样式调整 */
/* 为轮播图的父元素ul添加一个可以支撑内容的高度 */
.fader{
padding-top: 70%;
}
/* 每一张轮播图 */
.fader .slide{
position: absolute;
top: 0;
width: 100%;
height: 100%;
/* 添加图片轮播效果 */
opacity: 0;
z-index: 1;
transition: all 0.5s;
}
/* 16:56~17:10 */
/* 设置左右箭头和轮播图页标的堆叠次序 显示在当前轮播的图片之上 */
.prev,.next,.pager_list{
z-index: 4;
}
.prev:hover,.next:hover{
cursor: pointer;
}
/* 隐藏小圆点中的文字 */
.pager_list li{
text-indent: -9999px;
}
/* 重写侧边栏图片的间距 让侧边栏和轮播图对齐 */
.toppic li:last-child{
margin-top:25px;
}
3.1附件
3.1.1 jquery.min.js
jquery封装代码
3.1.2 jquery.easyfader.min.js
(function(a){function h(b){for(var a=["Webkit","Moz","O","ms"],c=0;c<a.length;c++)if(a[c]+"Transition"in b.style)return"-"+a[c].toLowerCase()+"-";return"transition"in b.style?"":!1}a.fn.removeStyle=function(b){return this.each(function(){var h=a(this);b=b.replace(/\s+/g,"");var c=b.split(",");a.each(c,function(){var a=RegExp(this.toString()+"[^;]+;?","g");h.attr("style",function(b,c){if(c)return c.replace(a,"")})})})};var t=function(b){return this.each(function(){function n(a,b){function j(){f.eq(a).removeStyle("opacity, z-index");
f.eq(b).removeStyle(h+"transition, transition");k=b;p=l=!1;q=setTimeout(function(){c("next")},d.slideDur);"function"==typeof d.onFadeEnd&&d.onFadeEnd.call(this,f.eq(k))}if(l||a==b)return!1;l=!0;"function"==typeof d.onFadeStart&&!p&&d.onFadeStart.call(this,f.eq(e));r.removeClass("active").eq(e).addClass("active");f.eq(a).css("z-index",2);f.eq(b).css("z-index",3);if(h){var g={};g[h+"transition"]="opacity "+d.fadeDur+"ms";g.opacity=1;f.eq(b).css(g);setTimeout(function(){j()},d.fadeDur)}else f.eq(b).animate({opacity:1},
d.fadeDur,function(){j()})}function c(a){"next"==a?(e=k+1,e>m-1&&(e=0)):"prev"==a?(e=k-1,0>e&&(e=m-1)):e=a;n(k,e)}var d={slideDur:7E3,fadeDur:800,onFadeStart:null,onFadeEnd:null};b&&a.extend(d,b);this.config=d;var j=a(this),l=!1,p=!0,q,k,e,f=j.find(".slide"),m=f.length,s=j.find(".pager_list");h=a.support.leadingWhitespace?h(j[0]):!1;for(var g=0;g<m;g++)s.append('<li class="page" data-target="'+g+'">'+g+"</li>");j.find(".page").bind("click",function(){var b=a(this).attr("data-target");clearTimeout(q);
c(b)});var r=s.find(".page");r.eq(0).addClass("active");n(1,0)})};a.fn.easyFader=function(a){return t.apply(this,arguments)}})(jQuery);
3.1.3 index.js
$(function () {
// 当页面元素加载完成后执行JS
console.log(faderData);
console.log(blogData);
// 使用外部文件fader.data.js提供的数据faderData
// 在页面中加载轮播图
// 图片路径
// 图片路径通常会随着项目部署位置变化而变化 对于路径而言尽量不要直接写死路径,通常采用当前地址+图片名的方式拼接路径 这样只要部署的位置发生变化 只需要修改当前地址就可以改变所有图片路径
var BASE_URL = '../static/images/';
// var server_url = 'http://127.0.0.1:8000/';
// BASE_URL+'banner01.jpg'
// 遍历faderData 生成三个li标签 拼接到html中
var html = '';
$.each(faderData, function (i, o) {
html += `<li class="slide">
<a href="#">
<img src="${BASE_URL + o.img_url}">
<div class="imginfo">
${o.img_info}
</div>
</a>
</li>`
})
// 15:55
// 将html字符串作为兄弟元素添加到页面.fader_controls前面
$('.fader_controls').before(html);
// jquery-->easyfader-->index
// 调用jQuery.easyfader.min.js提供的方法 实现轮播功能
$('.fader').easyFader();
// 加载博客列表内容
// 当页面加载时 先显示4条数据
function add_blogs(data) {
var html = '';
$.each(data, function (i, o) {
html += `<div class="blogs">
<h3 class="blogtitle">
<a href="#">
${o.blogtitle}
</a>
</h3>
<div class="blogpic">
<a href="#">
<img src="${BASE_URL + o.blogpic}">
</a>
</div>
<p class="blogtext">
${o.blogtext}
</p>
<ul>
<li><a href="#">${o.bloginfo.author}</a></li>
<li class="lmname">
<a href="#">${o.bloginfo.lmname}</a>
</li>
<li class="timer">
<a href="#">${o.bloginfo.timer}</a>
</li>
<li class="view">
<a href="#">${o.bloginfo.view}</a>
</li>
<li class="like">
<a href="#">${o.bloginfo.like}</a>
</li>
</ul>
</div>`
})//each循环结束
// 将拼接好的内容添加到页面
$('.blogsbox').append(html);
}//add_blogs结束
// slice(start,end)切片操作 从start开始,到end-1位置结束
add_blogs(blogData.slice(0, 4));
var canLoad = true;//判断是否可以加载数据
// 每次用户滚动页面时 如果页面快要到底了 再加载5条数据 直到没有数据为止
$(document).scroll(function () {
// console.log('我滚啦')
// 完整文档高度 整个页面的内容高度
var documentHeight = $(document).height();
// 可视范围高度 当前浏览器显示内容的窗口的高度
var windowHeight = $(window).height();
// 滚动条高度 滚动条最上方向下滚动的距离
var scrollHeight = $(document).scrollTop();
// console.log(documentHeight,windowHeight,scrollHeight)
if (documentHeight - scrollHeight - windowHeight <= 200) {
if (canLoad) {
// 当前一共有多少条数据
var size = $('.blogs').length;
// 当前的数据开始再加载5条
// 页面中有4条数据 slice(4,9)
// 页面中有9条数据 slice(9,14)
// 页面中有size条数据 slice(size,size+5)
var data = blogData.slice(size, size + 5);
if (data.length > 0) {
add_blogs(data);
} else {
alert('没有数据了')
canLoad = false;//没有数据后禁止加载
}
}
}
})
})
3.1.4 fader.data.js
var faderData = [
{
"img_url":"banner01.jpg",
"img_info":"爬虫微课5小时 python学习路线!"
},
{
"img_url":"banner02.jpg",
"img_info":"干货|如何优雅的在手机上进行Python编程"
},
{
"img_url":"banner03.jpg",
"img_info":"python-win10下使用定时任务执行程序"
}
]
3.1.5 blogs.data.js
var blogData = [
{
"blogtitle":"Python语言在人工智能(AI)中的优势",
"blogpic":"a.jpg",
"blogtext":"本文探讨了Python语言在AI领域的优势与运用。 谁会成为AI 和大数据时代的第一开发语言? 这本已是一个不需要争论的问题。如果说三年前,Matlab、Scala、R、Java...",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"python中打开TXT文件报错",
"blogpic":"b.jpg",
"blogtext":"python中打开TXT文件报错2017年03月09日 14:30:57 阅读数:676 在IDLE命令行引用一文件夹下的函数,来了条错误提示:FileNotFoundError:[Errno 2] No such ...",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"精通Python编程——Python深入浅出教程",
"blogpic":"c.jpg",
"blogtext":"Python 安装配置及基本语法篇 Python 语言速成 Python 基本知识 Python 常用表达式 Python 基础语法 Python 语法篇:菜鸟的Python笔记Python精要参考:快速入门 《Python标... ",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"Python基础学习总结(一)",
"blogpic":"d.jpg",
"blogtext":"Python是一种解释型、面向对象、动态数据类型的高级程序设计语言。 Python 缩进与空行 Python 中文编码 Python 注释 Python 标识符 Python 保留字Python 数据类型 Python 运算符 Python 条件语句 Python 循环语句... ",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"人生苦短 Python当歌",
"blogpic":"e.jpg",
"blogtext":"os模块对目录的操作os.getcwd() 获取当前工作目录,即当前Python脚本工作的目录路径import os print(os.getcwd())...",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"Python学习笔记:虚拟环境和包",
"blogpic":"b.jpg",
"blogtext":"本文来自:入门指南 开胃菜参考:开胃菜 使用Python解释器:使用Python解释器 本文对Python的简介:Python 简介 Python流程介绍:深入Python 流程Python数据结构:Python 数据结构 Python:模块:Python 模块 Python:输入和输出Python 输入和输出 Python:错误和异常Python 错误和异常 Python:类Python:类...",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"CentOS7下python开发环境配置",
"blogpic":"c.jpg",
"blogtext":"Python在官方网站提供的Windows版本的安装包非常好用,一直‘下一步’就能够成功安装并配置好相应的运行环境,同时还自带pip等工具,非常的好用,但是在CentOS上的安装...",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"linux升级py3,安装pip,svn",
"blogpic":"d.jpg",
"blogtext":"【查看当前linux下python版本】 [root@localhost /]# python --version Python 2.6.6... ",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"Python语言在人工智能(AI)中的优势",
"blogpic":"a.jpg",
"blogtext":"本文探讨了Python语言在AI领域的优势与运用。 谁会成为AI 和大数据时代的第一开发语言? 这本已是一个不需要争论的问题。如果说三年前,Matlab、Scala、R、Java...",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"python中打开TXT文件报错",
"blogpic":"b.jpg",
"blogtext":"python中打开TXT文件报错2017年03月09日 14:30:57 阅读数:676 在IDLE命令行引用一文件夹下的函数,来了条错误提示:FileNotFoundError:[Errno 2] No such ...",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"精通Python编程——Python深入浅出教程",
"blogpic":"c.jpg",
"blogtext":"Python 安装配置及基本语法篇 Python 语言速成 Python 基本知识 Python 常用表达式 Python 基础语法 Python 语法篇:菜鸟的Python笔记Python精要参考:快速入门 《Python标... ",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"Python基础学习总结(一)",
"blogpic":"d.jpg",
"blogtext":"Python是一种解释型、面向对象、动态数据类型的高级程序设计语言。 Python 缩进与空行 Python 中文编码 Python 注释 Python 标识符 Python 保留字Python 数据类型 Python 运算符 Python 条件语句 Python 循环语句... ",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"人生苦短 Python当歌",
"blogpic":"e.jpg",
"blogtext":"os模块对目录的操作os.getcwd() 获取当前工作目录,即当前Python脚本工作的目录路径import os print(os.getcwd())...",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"Python学习笔记:虚拟环境和包",
"blogpic":"b.jpg",
"blogtext":"本文来自:入门指南 开胃菜参考:开胃菜 使用Python解释器:使用Python解释器 本文对Python的简介:Python 简介 Python流程介绍:深入Python 流程Python数据结构:Python 数据结构 Python:模块:Python 模块 Python:输入和输出Python 输入和输出 Python:错误和异常Python 错误和异常 Python:类Python:类...",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"CentOS7下python开发环境配置",
"blogpic":"c.jpg",
"blogtext":"Python在官方网站提供的Windows版本的安装包非常好用,一直‘下一步’就能够成功安装并配置好相应的运行环境,同时还自带pip等工具,非常的好用,但是在CentOS上的安装...",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"linux升级py3,安装pip,svn",
"blogpic":"d.jpg",
"blogtext":"【查看当前linux下python版本】 [root@localhost /]# python --version Python 2.6.6... ",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},{
"blogtitle":"Python语言在人工智能(AI)中的优势",
"blogpic":"a.jpg",
"blogtext":"本文探讨了Python语言在AI领域的优势与运用。 谁会成为AI 和大数据时代的第一开发语言? 这本已是一个不需要争论的问题。如果说三年前,Matlab、Scala、R、Java...",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"python中打开TXT文件报错",
"blogpic":"b.jpg",
"blogtext":"python中打开TXT文件报错2017年03月09日 14:30:57 阅读数:676 在IDLE命令行引用一文件夹下的函数,来了条错误提示:FileNotFoundError:[Errno 2] No such ...",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"精通Python编程——Python深入浅出教程",
"blogpic":"c.jpg",
"blogtext":"Python 安装配置及基本语法篇 Python 语言速成 Python 基本知识 Python 常用表达式 Python 基础语法 Python 语法篇:菜鸟的Python笔记Python精要参考:快速入门 《Python标... ",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"Python基础学习总结(一)",
"blogpic":"d.jpg",
"blogtext":"Python是一种解释型、面向对象、动态数据类型的高级程序设计语言。 Python 缩进与空行 Python 中文编码 Python 注释 Python 标识符 Python 保留字Python 数据类型 Python 运算符 Python 条件语句 Python 循环语句... ",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"人生苦短 Python当歌",
"blogpic":"e.jpg",
"blogtext":"os模块对目录的操作os.getcwd() 获取当前工作目录,即当前Python脚本工作的目录路径import os print(os.getcwd())...",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"Python学习笔记:虚拟环境和包",
"blogpic":"b.jpg",
"blogtext":"本文来自:入门指南 开胃菜参考:开胃菜 使用Python解释器:使用Python解释器 本文对Python的简介:Python 简介 Python流程介绍:深入Python 流程Python数据结构:Python 数据结构 Python:模块:Python 模块 Python:输入和输出Python 输入和输出 Python:错误和异常Python 错误和异常 Python:类Python:类...",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"CentOS7下python开发环境配置",
"blogpic":"c.jpg",
"blogtext":"Python在官方网站提供的Windows版本的安装包非常好用,一直‘下一步’就能够成功安装并配置好相应的运行环境,同时还自带pip等工具,非常的好用,但是在CentOS上的安装...",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
},
{
"blogtitle":"linux升级py3,安装pip,svn",
"blogpic":"d.jpg",
"blogtext":"【查看当前linux下python版本】 [root@localhost /]# python --version Python 2.6.6... ",
"bloginfo":{
"author":"皮皮璐",
"lmname":"学无止境",
"timer":"2020-5-13",
"view":34567,
"like":9999
}
}
]