定义一行中的一个单元格,td代表普通单元格,th表示表头单元格。 属性: align
设置单元格中内容的水平对齐方式,设置值有left|center|right valign
设置单元格中内容的垂直对齐方式 top|middle|bottom colspan
设置单元格水平合并,设置值是数值 rowspan
设置单元格垂直合并,设置值是数值 快捷操作:table>(tr>td*5)*6
创建6行5列的表格
2)页面布局
一般分为两种:
1>table布局
即传统布局,将页面空间划分成若干个单元格,将文字或图片等元素放入单元格中,隐藏表格的边框,从而实现布局。目前主要应用在EDM(广告邮件中的页面)中。 布局复杂时,在table中嵌套表格
2>html+css布局(DIV+CSS)
通过CSS样式设置来布局文字或图片等元素,需要用到CSS盒子模型、盒子类型、CSS浮动、CSS定位、CSS背景图定位等知识来布局,比传统布局更复杂,目前是主流。
3.html表单
表单用于搜集不同类型的用户输入,表单由不同类型的标签组成。
1>
标签
定义整体的表单区域 action属性 定义表单数据提交地址 method属性 定义表单提交的方式,一般有“get”方式和“post”方式
2>
表单元素定义文字标注
3>
定义通用的表单元素 type属性:“text”定义单行文本输入框;“password”定义密码输入框;“radio”定义单选框;“checkbox“定义复选框;”file“定义上传文件;”submit“定义提交按钮;”reset“定义重置按钮;”image“定义图片作为提交按钮,用src属性定义图片地址;”hidden“定义一个隐藏的表单域,用来存储值,select属性定义复选框option定义选项。 value属性 定义表单元素的值 name属性 定义表单元素的名称,此名称是提交数据时的键名
4.CSS基本语法
层叠样式表,html只负责文档的结构和内容,表现形式完全交给CSS。 css的定义方法: 选择器 {属性:值;属性:值 }
div{
font-size:16px;
color:ed;
}
css页面引入方法:
1>外联式
在html文件的
中加入
href为css文件地址
2>嵌入式
通过style标签,在网页上创建嵌入的样式表
3>内联式
通过标签的style属性,在标签上直接写样式
……
5.CSS常用文本样式
字号 font-size;颜色 color;字体 font-family;斜体 font-style;加粗 font-weight;行高 line-height 可以使用
标签,进行特定的样式设置
6.CSS样式选择器
css颜色值表示方法: 1>颜色名表示,如 red gold 2>rgb表示 如 rgb(255,0,0)红色 3>16进制数值表示,#ff0000 表示红色,可以简写为#f00
1)标签选择器
尽量应用在层级选择器中。 *
所有标签
2)id选择器
通过id名来选择元素,元素的id名称不能重复。但id名一般给程序使用,所以不推荐使用id作为选择器。 例如: 第一个div
设置id 在
的
中设置样式 #div1{}中设置样式
3)类选择器
通过类名来选择元素,一个类可以应用于多个元素,一个元素也可以使用多个类,应用最多的一种选择器。 设置类选择器
.green{color:green;}
`这是第一个div`
4)层级选择器
主要应用在选择父元素下的子元素,或者子元素下面的子元素,可与标签元素结合使用,减少命名,同时也可以通过层级,防止命名冲突。
5)组选择器
类选择器中相同的样式可以用组选择器共同定义,类名用逗号隔开
6)伪类及伪元素选择器
常用的伪类选择器由hover,表示鼠标悬浮在元素上时的状态,伪元素选择器有before和after,它们可以通过样式在元素中插入内容。 类名后加冒号定义 .box: hover{color:red}
鼠标悬停在元素上时,元素变为红色 .box: before{content: “dd”}
在标签元素前面增加文字 dd after可以在元素后面增加文字
7.盒子模型
1)模型理解
元素在也页面中显示成一个方块,把元素叫做盒子,设置对应的样式分别为:盒子的宽度(width)、盒子的高度(height)、盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子与盒子之间的间距(margin)。 定义一个类选择器,在选择器中定义属性
2)设置宽高
width:200px height:200px
3)设置边框
border-top:10px solid #000; 设置顶边框10px粗,实线,黑色 border-left:10px dashed #000; 虚线 border-right:10px dotted #000;点线 border-bottom 底部边框 border:10px solid #000; 同时设置四个边
4)内容和边框间距
padding-top、padding-left、padding-right、padding-bottom 修改之后整体盒子变大,width和height设置的是内容的宽高。 可以使用padding直接设置,顺时针设置。 padding:20px 80px 100px;这是设置上边、左右、下边的距离 padding:20px;这是同时设置四条边的距离
5)设置外间距margin
margin-top、margin-left 盒子与外界的距离
6)盒子真实尺寸
宽度 width+左右paddingwidth+左右borderwidth 高度:height+上下paddingheight+上下borderheight line-height text-indent 行高和首行缩进可以避免盒子尺寸发生变化。
8.margin和overflow属性
1)margin使用技巧
margin:50px auto 100px 左右边框会随着总界面大小的变化而变化。 1>margin:x auto 设置元素水平居中 2>margin负值让元素位移及边框合并
2)外边距合并
外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。解决方法: 1>使用这种特性 2>设置一边的外边距,一般设置margin-top 3>将元素浮动或者定位
3)margin-top 塌陷
在两个盒子嵌套时候,内部的盒子设置的margin-top会加到外边的盒子上,导致内部的盒子margin-top设置失败,解决方法: 1>外部盒子设置一个边框 2>外部盒子设置overflow:hidden 3>使用伪元素类
.clearfix: before{
content:””;
display:table;
}
4)css元素溢出
当子元素的尺寸超过父元素的尺寸时,需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来设置。 overflow的设置项: 1>visible默认值,内容不会被修剪,会呈现在元素框之外。 2>hidden内容会被修剪,并且其余内容是不可见的,此属性还有清除浮动、清除margin-top塌陷的功能。 3>scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 4>auto如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 5>inherit规定应该从父元素继承overflow属性的值
9.display属性
1)块元素
也称为行元素,常用标签如:div, p, ul, li, h1~h6, dl, dt, dd等都是块元素,它在布局中的行为: a 支持全部的样式 b 如果没有设置宽度,默认的宽度为父级宽度100% c 盒子占据一行,即使设置了宽度
2)内联元素
也称为行内元素,布局中常用的标签如:a, span, em, b, strong, i等都是内联元素,它们在布局中的行为: a 支持部分样式(不支持宽、高、margin上下、padding上下) b 宽高由内容决定 c 盒子并在一行 d 代码换行,盒子之间会产生间距 e 子元素是内联元素,父元素可以用text-align属性设置子元素水平对齐方式 解决内联元素间隙的方法: a 去掉内联元素之间的换行 b 将内联元素的父级设置font-size为0,内联元素自身再设置font-size
3)内联块元素
也称为行内块元素,img和input元素的行为类似这种元素,但是也归类于内联元素,我们可以用display属性将块元素或者内联元素转化成这种元素,在布局中的行为: a 支持全部样式 b 如果没有设置宽高,宽高由内容决定 c 盒子并在一行 d 代码换行,盒子会产生间距 e 子元素是内联块元素,父元素可以通过text-align属性设置子元素水平对齐方式
4)display属性
none 元素隐藏且不占位置 block 元素以块元素显示 inline 元素以内联元素显示 inline-block 元素以内联块元素显示
10.浮动
父级盒子不给高度,子集盒子浮动,子集盒子“撑不开”父级盒子,父级盒子需要清除浮动 特性 1>浮动元素有左浮动(float:left)和右浮动(float:right)两种 2>浮动的元素会向左或向右浮动,碰到父元素边界、其他元素才停下来 3>相邻浮动的块元素可以并在一行,超出父级宽度就换行 4>浮动让行内元素或块元素自动转化为行内块元素(此时不会有行内块元素间隙问题) 5>浮动元素后面没有浮动的元素会占据浮动元素的位置,没有浮动的元素内的文字会避开浮动的元素,形成文字绕图的效果 6>父元素如果没有设置尺寸(一般是高度不设置),父元素内整体浮动的元素无法撑开父元素,父元素需要清除浮动 7>浮动元素之间没有垂直margin的合并
清除浮动:
1>父级上增加属性overflow:hidden 2>在最后一个子元素的后面加一个空的div,给它样式属性clear:both(不推荐) 3>使用成熟的清浮动样式类,clearfix
.clearfix:after{
content:””;
display:table;
clear:both;
}
将上面的类选择器加到父类class中。同时这个类可以与clearfix:before搭配使用,合成一个组选择器,解决margin-top塌陷的问题。
.clearfix{ zoom:1 }
IE浏览器专用,兼容。
11定位
文档流:盒子按照html标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子占据自己的位置。
1)关于定位
使用css的position属性来设置元素的定位类型,position设置如下: 1>relative生成相对定位元素,元素所占据的文档流的位置保留,元素本身相对自身原位进行偏移 2>absolute 生成绝对定位元素,不占据文档流位置,定位时,相对于上一个设置了定位的父级元素来进行定位,如果找不到,则相对于body元素进行定位。 3>fixed生成固定定位元素,脱离文档流,相对于浏览器窗口定位 4>static默认值,没有定位,出现在正常的文档流中 5>inherit 从父元素继承position属性的值
2)定位元素的偏移
使用right、left、top、bottom来设置相对于参考元素的偏移值。
12.background属性
1)设置项:
background-color 设置背景颜色 background-image 设置背景图片地址 background-repeat 设置背景图片如何重复平铺 background-position 设置背景图片的位置,水平方向“left、center、right”,垂直方向“top、center、bottom”。 background-attachment 设置背景图片是固定还是随着页面滚动条滚动 position属性中,左右移动时,负值向左,正值向右。上下移动时,负值向上,正值向下。
2)雪碧图
ps制作雪碧图 1.使用photoshop新建一张背景透明的图片 2.将小图片复制到此图片中,排列好每个图像的位置,图片幅面不够可以用画布大小调整大小 3.按照所有小图片的范围裁剪图片,存为透明背景的png图片 13.前端页面开发流程 1)创建页面项目目录 2)使用photoshop对效果图切图,切出网页制作中需要的小图片 3)将装饰类图像合并,制作成雪碧图 4)结合photoshop和代码编辑器,参照效果图,进行html和css代码书写,制作页面。
14.html5与CSS3
1)css权重
权重高的样式对元素起作用。 权重等级: 1> !important 加载样式属性值后,权重值为10000 2>内联样式,如:style=“”,权重值为1000 3>ID选择器,如:#content,权重值为100 4>类、伪类和属性选择器,如:content、:hover权重值为10 5>标签选择器和伪元素选择器,如:div、p、:before权重值为1 6>通用选择器(*
)、子选择器(>)、相邻选择器(+)、同胞选择器(~)、权重值为0
2)css新增选择器
1>E:nth-child(n)
匹配元素类型为E且是父元素的第n个子元素
2>E:first-child
匹配元素类型为E且是父元素的第一个子元素
3>E:last-child
匹配元素类型为E且是父元素的最后一个子元素
4>E>F
E元素下面第一层子元素
5>E~F
E元素后面的兄弟元素
6>E+F
紧挨着的后面的兄弟元素 属性选择器: 1>E[attr]含有attr属性的元素 2>E[attr=‘ok’] 含有attr属性的元素且它的值为“ok” 3>E[attr^=‘ok’] 含有attr属性的元素且它的值开头含有“ok” 4>E[attr$=‘ok’] 含有attr属性的元素且它的值结尾含有“ok” 5>E[attr*=‘ok’] 含有attr属性的元素且它的值中含有“ok”
3)css3 圆角、rgba
1>圆角
设置某一个角的圆角,比如设置左上角的圆角: border-top-left-radius:30px 60px; 同时设置四个角: border-radius:30px 60px 120px 150px; 顺序为顺时针
2>rgba
a 盒子透明度表示法
.box
{
opacity:0.1;
filter:alpha(opacity=10); 兼容IE
}
b rgba(0,0,0,0.1)前三个数值表示颜色,第四个数值表示颜色的透明度
4)css3 transition动画
1>transition-property设置过渡的属性,如,width height background-color 2>transition-duration 设置过渡的时间,如:1s 500ms 3>transition-timing-function 设置过渡的运动方式,常用linear匀速 ease缓冲 4>transition-delay设置动画的延迟 5>transition: property duration timing-function delay 同时设置四个属性
5)css3 transform变换 翻面
1>translate(x, y) 设置盒子位移 2>scale(x, y) 设置盒子缩放 3>rotate(deg) 设置盒子旋转 4>skew(x-angle, y-angle) 设置盒子斜切 5>perspective 设置透视距离 6>transform-style flat|preserve-3d 设置盒子是否按3d空间显示 7>translateX、translateY, translate 设置三维移动 8>rotateX, rotateY, rotateZ 设置三维旋转 9>scaleX, scaleY, scaleZ 设置三维缩放 10>transform-origin 设置变形的中心点 11>backface-visibility 设置盒子背面是否可见
6)css3 animation动画
1>@keyframes 定义关键帧动画 2>animation-name 动画名称 3>animation-duration 动画时间 4>animation-timing-function 动画曲线 linear匀速,ease缓冲,steps步数 5>animation-delay 动画延迟 6>animation-iteration-count 动画播放次数 n|infinite 7>animation-direction 动画结束后是否反向还原 normal|alternate 8>animation-play-state 动画状态 paused(停止)|running(运动) 9>animation-fill-mode 动画前后的状态 none|forwards(结束时停留在最后一帧)|backwards(开始时停留在定义的开始帧)|both(前后都应用) 10>animation:name duration timing-function delay iteration-count direction; 同时设置多个属性。
7)css3浏览器前缀
1>浏览器样式前缀
为了让css3样式兼容,需要将某些样式加上浏览器前缀: -ms- 兼容ie浏览器 -moz- 兼容firefox -o- 兼容opera -webkit- 兼容chrome和safari
2>自动添加浏览器前缀
交给插件,如,安装autoprefixer
8)html5新增标签
新增语义标签
页面头部、页眉
页面导航
一篇文章
文章中的章节
侧边栏
页面底部,页脚 音频视频
9)html5新增表单控件
网址 邮箱 日期 时间 星期 数量 范围 电话 颜色 搜索
网址:
邮箱:
日期:
时间:
星期:
数量:
范围:
电话:
颜色:
搜索:
新增常用表单控件属性: 1>placeholder 设置文本框默认提示文字 2>autofocus 自动获得焦点 3>autocomplete 联想关键词
15.移动端页面开发
1)移动端与pc端页面布局区别
1>视口
将pc端页面缩放到移动端窗口的大小。 使用meta标签,name=”viewport”来设置视口的大小,将视口的大小设置为和移动设备可视区一样的大小。 快捷键:meta:vp+tab
2>视网膜屏幕(retina屏幕)清晰度解决方案
视网膜屏幕:屏幕的物理像素密度更高的屏幕。物理像素点比一般屏幕的多。 图像在视网膜屏幕和一般屏幕上显示的一样大,但视网膜屏幕的物理像素点比一般屏幕的小,图像在上面好像是被放大了,图像会变得模糊。为了解决这一问题,可以使用比原来大一倍的图像,然后用css样式强制把图像的尺寸设为原来图像尺寸的大小。 background新属性 background-size: length:用长度值指定背景图像大小。不允许负值。 percentage:用百分比指定背景图像大小。不允许负值。 auto:背景图像的真实大小。 cover:将背景图像等比缩放到完全覆盖容器,背景图像有可能超出容器。 contain:将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内。
2)适配布局类型
1>pc及移动端页面适配方法
a 全适配:响应式布局+流体布局 b 移动端适配:流体布局+少量响应式布局 / 基于rem的布局
2>流体布局
使用百分比来设置元素的宽度,元素的高度按实际高度写固定值。可以使用样式中的计算函数calc()来设置宽度,或者使用box-sizing属性将盒子设置为从边线计算盒子尺寸。
calc()
通过计算的方式给元素加尺寸
box-sizing
content-box 默认的盒子尺寸计算方式 border-box 设置盒子的尺寸计算方式为从边框开始,盒子的尺寸,边框和内填充算在盒子尺寸内
3>响应式布局
使用媒体查询的方式,通过查询浏览器宽度,不同的宽度应用不同的样式,每个样式块对应的是该宽度下的布局方式,从而实现响应式布局。
4>基于rem的布局
em单位是参照元素自身的文字大小来设置尺寸,rem指的是参照根节点的文字大小,根节点指的是html标签,设置html标签的文字大小,其他的元素相关尺寸设置用rem,这样,所有元素都有了统一的参照标准,改变html的大小,就会改变所有元素用rem设置的尺寸大小。 cssrm插件可以动态地将px尺寸换算成rem尺寸。
你可能感兴趣的:(python学习过程,前端)
理解Gunicorn:Python WSGI服务器的基石
范范0825
ipython linux 运维
理解Gunicorn:PythonWSGI服务器的基石介绍Gunicorn,全称GreenUnicorn,是一个为PythonWSGI(WebServerGatewayInterface)应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具,Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置,帮助初学者快速上手。1.什么是Gunico
Long类型前后端数据不一致
igotyback
前端
响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题,尤其是当后端使用Java的Long类型(64位)与前端JavaScript的Number类型(最大安全整数为2^53-1,即16位)进行数据交互时,很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
Python数据分析与可视化实战指南
William数据分析
python python 数据
在数据驱动的时代,Python因其简洁的语法、强大的库生态系统以及活跃的社区,成为了数据分析与可视化的首选语言。本文将通过一个详细的案例,带领大家学习如何使用Python进行数据分析,并通过可视化来直观呈现分析结果。一、环境准备1.1安装必要库在开始数据分析和可视化之前,我们需要安装一些常用的库。主要包括pandas、numpy、matplotlib和seaborn等。这些库分别用于数据处理、数学
python os.environ
江湖偌大
python 深度学习
os.environ['TF_CPP_MIN_LOG_LEVEL']='0'#默认值,输出所有信息os.environ['TF_CPP_MIN_LOG_LEVEL']='1'#屏蔽通知信息(INFO)os.environ['TF_CPP_MIN_LOG_LEVEL']='2'#屏蔽通知信息和警告信息(INFO\WARNING)os.environ['TF_CPP_MIN_LOG_LEVEL']='
Python中os.environ基本介绍及使用方法
鹤冲天Pro
# Python python 服务器 开发语言
文章目录python中os.environos.environ简介os.environ进行环境变量的增删改查python中os.environ的使用详解1.简介2.key字段详解2.1常见key字段3.os.environ.get()用法4.环境变量的增删改查和判断是否存在4.1新增环境变量4.2更新环境变量4.3获取环境变量4.4删除环境变量4.5判断环境变量是否存在python中os.envi
Pyecharts数据可视化大屏:打造沉浸式数据分析体验
我的运维人生
信息可视化 数据分析 数据挖掘 运维开发 技术共享
Pyecharts数据可视化大屏:打造沉浸式数据分析体验在当今这个数据驱动的时代,如何将海量数据以直观、生动的方式展现出来,成为了数据分析师和企业决策者关注的焦点。Pyecharts,作为一款基于Python的开源数据可视化库,凭借其丰富的图表类型、灵活的配置选项以及高度的定制化能力,成为了构建数据可视化大屏的理想选择。本文将深入探讨如何利用Pyecharts打造数据可视化大屏,并通过实际代码案例
Python教程:一文了解使用Python处理XPath
旦莫
Python进阶 python 开发语言
目录1.环境准备1.1安装lxml1.2验证安装2.XPath基础2.1什么是XPath?2.2XPath语法2.3示例XML文档3.使用lxml解析XML3.1解析XML文档3.2查看解析结果4.XPath查询4.1基本路径查询4.2使用属性查询4.3查询多个节点5.XPath的高级用法5.1使用逻辑运算符5.2使用函数6.实战案例6.1从网页抓取数据6.1.1安装Requests库6.1.2代
python os.environ_python os.environ 读取和设置环境变量
weixin_39605414
python os.environ
>>>importos>>>os.environ.keys()['LC_NUMERIC','GOPATH','GOROOT','GOBIN','LESSOPEN','SSH_CLIENT','LOGNAME','USER','HOME','LC_PAPER','PATH','DISPLAY','LANG','TERM','SHELL','J2REDIR','LC_MONETARY','QT_QPA
DIV+CSS+JavaScript技术制作网页(旅游主题网页设计与制作)云南大理
STU学生网页设计
网页设计 期末网页作业 html静态网页 html5期末大作业 网页设计 web大作业
️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业:【HTML5网页期末作业(1000套)】程序员有趣的告白方式:【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
【加密社】Solidity 中的事件机制及其应用
加密社
闲侃 区块链 智能合约 区块链
加密社引言在Solidity合约开发过程中,事件(Events)是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更,还能够让外部系统(如前端应用)监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时,该事件会被记录在区块链的交易收据中。具体而言,事件
使用Faiss进行高效相似度搜索
llzwxh888
faiss python
在现代AI应用中,快速和高效的相似度搜索是至关重要的。Faiss(FacebookAISimilaritySearch)是一个专门用于快速相似度搜索和聚类的库,特别适用于高维向量。本文将介绍如何使用Faiss来进行相似度搜索,并结合Python代码演示其基本用法。什么是Faiss?Faiss是一个由FacebookAIResearch团队开发的开源库,主要用于高维向量的相似性搜索和聚类。Faiss
python是什么意思中文-在python中%是什么意思
编程大乐趣
Python中%有两种:1、数值运算:%代表取模,返回除法的余数。如:>>>7%212、%操作符(字符串格式化,stringformatting),说明如下:%[(name)][flags][width].[precision]typecode(name)为命名flags可以有+,-,''或0。+表示右对齐。-表示左对齐。''为一个空格,表示在正数的左侧填充一个空格,从而与负数对齐。0表示使用0填
关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
二挡起步
web前端期末大作业 javascript html css 旅游 风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材,DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业,Web大学生网页HTML:结构CSS:样式在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
HTML网页设计制作大作业(div+css) 云南我的家乡旅游景点 带文字滚动
二挡起步
web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材,DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML:结构CSS:样式在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript:做与用户的交互行为文章目录前端学习路线
Day1笔记-Python简介&标识符和关键字&输入输出
~在杰难逃~
Python python 开发语言 大数据 数据分析 数据挖掘
大家好,从今天开始呢,杰哥开展一个新的专栏,当然,数据分析部分也会不定时更新的,这个新的专栏主要是讲解一些Python的基础语法和知识,帮助0基础的小伙伴入门和学习Python,感兴趣的小伙伴可以开始认真学习啦!一、Python简介【了解】1.计算机工作原理编程语言就是用来定义计算机程序的形式语言。我们通过编程语言来编写程序代码,再通过语言处理程序执行向计算机发送指令,让计算机完成对应的工作,编程
python八股文面试题分享及解析(1)
Shawn________
python
#1.'''a=1b=2不用中间变量交换a和b'''#1.a=1b=2a,b=b,aprint(a)print(b)结果:21#2.ll=[]foriinrange(3):ll.append({'num':i})print(11)结果:#[{'num':0},{'num':1},{'num':2}]#3.kk=[]a={'num':0}foriinrange(3):#0,12#可变类型,不仅仅改变
每日算法&面试题,大厂特训二十八天——第二十天(树)
肥学
⚡算法题⚡面试题每日精进 java 算法 数据结构
目录标题导读算法特训二十八天面试题点击直接资料领取导读肥友们为了更好的去帮助新同学适应算法和面试题,最近我们开始进行专项突击一步一步来。上一期我们完成了动态规划二十一天现在我们进行下一项对各类算法进行二十八天的一个小总结。还在等什么快来一起肥学进行二十八天挑战吧!!特别介绍小白练手专栏,适合刚入手的新人欢迎订阅编程小白进阶python有趣练手项目里面包括了像《机器人尬聊》《恶搞程序》这样的有趣文章
Python快速入门 —— 第三节:类与对象
孤华暗香
Python快速入门 python 开发语言
第三节:类与对象目标:了解面向对象编程的基础概念,并学会如何定义类和创建对象。内容:类与对象:定义类:class关键字。类的构造函数:__init__()。类的属性和方法。对象的创建与使用。示例:classStudent:def__init__(self,name,age,major):self.name
pyecharts——绘制柱形图折线图
2224070247
信息可视化 python java 数据可视化
一、pyecharts概述自2013年6月百度EFE(ExcellentFrontEnd)数据可视化团队研发的ECharts1.0发布到GitHub网站以来,ECharts一直备受业界权威的关注并获得广泛好评,成为目前成熟且流行的数据可视化图表工具,被应用到诸多数据可视化的开发领域。Python作为数据分析领域最受欢迎的语言,也加入ECharts的使用行列,并研发出方便Python开发者使用的数据
Python 实现图片裁剪(附代码) | Python工具
剑客阿良_ALiang
前言本文提供将图片按照自定义尺寸进行裁剪的工具方法,一如既往的实用主义。环境依赖ffmpeg环境安装,可以参考我的另一篇文章:windowsffmpeg安装部署_阿良的博客-CSDN博客本文主要使用到的不是ffmpeg,而是ffprobe也在上面这篇文章中的zip包中。ffmpy安装:pipinstallffmpy-ihttps://pypi.douban.com/simple代码不废话了,上代码
【华为OD技术面试真题 - 技术面】- python八股文真题题库(4)
算法大师
华为od 面试 python
华为OD面试真题精选专栏:华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录文章目录华为OD面试真题精选**1.Python中的`with`**用途和功能自动资源管理示例:文件操作上下文管理协议示例代码工作流程解析优点2.\_\_new\_\_和**\_\_init\_\_**区别__new____init__区别总结3.**切片(Slicing)操作**基本切片语法
python os 环境变量
CV矿工
python 开发语言 numpy
环境变量:环境变量是程序和操作系统之间的通信方式。有些字符不宜明文写进代码里,比如数据库密码,个人账户密码,如果写进自己本机的环境变量里,程序用的时候通过os.environ.get()取出来就行了。os.environ是一个环境变量的字典。环境变量的相关操作importos"""设置/修改环境变量:os.environ[‘环境变量名称’]=‘环境变量值’#其中key和value均为string类
Python爬虫解析工具之xpath使用详解
eqa11
python 爬虫 开发语言
文章目录Python爬虫解析工具之xpath使用详解一、引言二、环境准备1、插件安装2、依赖库安装三、xpath语法详解1、路径表达式2、通配符3、谓语4、常用函数四、xpath在Python代码中的使用1、文档树的创建2、使用xpath表达式3、获取元素内容和属性五、总结Python爬虫解析工具之xpath使用详解一、引言在Python爬虫开发中,数据提取是一个至关重要的环节。xpath作为一门
【华为OD技术面试真题 - 技术面】- python八股文真题题库(1)
算法大师
华为od 面试 python
华为OD面试真题精选专栏:华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录文章目录华为OD面试真题精选1.数据预处理流程数据预处理的主要步骤工具和库2.介绍线性回归、逻辑回归模型线性回归(LinearRegression)模型形式:关键点:逻辑回归(LogisticRegression)模型形式:关键点:参数估计与评估:3.python浅拷贝及深拷贝浅拷贝(Shal
nosql数据库技术与应用知识点
皆过客,揽星河
NoSQL nosql 数据库 大数据 数据分析 数据结构 非关系型数据库
Nosql知识回顾大数据处理流程数据采集(flume、爬虫、传感器)数据存储(本门课程NoSQL所处的阶段)Hdfs、MongoDB、HBase等数据清洗(入仓)Hive等数据处理、分析(Spark、Flink等)数据可视化数据挖掘、机器学习应用(Python、SparkMLlib等)大数据时代存储的挑战(三高)高并发(同一时间很多人访问)高扩展(要求随时根据需求扩展存储)高效率(要求读写速度快)
《Python数据分析实战终极指南》
xjt921122
python 数据分析 开发语言
对于分析师来说,大家在学习Python数据分析的路上,多多少少都遇到过很多大坑**,有关于技能和思维的**:Excel已经没办法处理现有的数据量了,应该学Python吗?找了一大堆Python和Pandas的资料来学习,为什么自己动手就懵了?跟着比赛类公开数据分析案例练了很久,为什么当自己面对数据需求还是只会数据处理而没有分析思路?学了对比、细分、聚类分析,也会用PEST、波特五力这类分析法,为啥
Python中深拷贝与浅拷贝的区别
yuxiaoyu.
转自:http://blog.csdn.net/u014745194/article/details/70271868定义:在Python中对象的赋值其实就是对象的引用。当创建一个对象,把它赋值给另一个变量的时候,python并没有拷贝这个对象,只是拷贝了这个对象的引用而已。浅拷贝:拷贝了最外围的对象本身,内部的元素都只是拷贝了一个引用而已。也就是,把对象复制一遍,但是该对象中引用的其他对象我不复
Python开发常用的三方模块如下:
换个网名有点难
python 开发语言
Python是一门功能强大的编程语言,拥有丰富的第三方库,这些库为开发者提供了极大的便利。以下是100个常用的Python库,涵盖了多个领域:1、NumPy,用于科学计算的基础库。2、Pandas,提供数据结构和数据分析工具。3、Matplotlib,一个绘图库。4、Scikit-learn,机器学习库。5、SciPy,用于数学、科学和工程的库。6、TensorFlow,由Google开发的开源机
【六】阿伟开始搭建Kafka学习环境
能源恒观
中间件 学习 kafka spring
阿伟开始搭建Kafka学习环境概述上一篇文章阿伟学习了Kafka的核心概念,并且把市面上流行的消息中间件特性进行了梳理和对比,方便大家在学习过程中进行对比学习,最后梳理了一些Kafka使用中经常遇到的Kafka难题以及解决思路,经过上一篇的学习我相信大家对Kafka有了初步的认识,本篇将继续学习Kafka。一、安装和配置学习一项技术首先要搭建一套服务,而Kafka的运行主要需要部署jdk、zook
Python编译器
鹿鹿~
Python编译器 Python python 开发语言 后端
嘿嘿嘿我又来了啊有些小盆友可能不知道Python其实是有编译器的,也就是PyCharm。你们可能会问到这个是干嘛的又不可以吃也不可以穿好像没有什么用,其实你还说对了这个还真的不可以吃也不可以穿,但是它用来干嘛的呢。用来编译你所打出的代码进行运行(可能这里说的有点不对但是只是个人认为)现在我们来说说PyCharm是用来干嘛的。PyCharm是一种PythonIDE,带有一整套可以帮助用户在使用Pyt
java杨辉三角
3213213333332132
java基础
package com.algorithm;
/**
* @Description 杨辉三角
* @author FuJianyong
* 2015-1-22上午10:10:59
*/
public class YangHui {
public static void main(String[] args) {
//初始化二维数组长度
int[][] y
《大话重构》之大布局的辛酸历史
白糖_
重构
《大话重构》中提到“大布局你伤不起”,如果企图重构一个陈旧的大型系统是有非常大的风险,重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”,下面我就分享这个“大布局”项目经验给大家。
背景
公司专注于企业级管理产品软件,企业有大中小之分,在2000年初公司用JSP/Servlet开发了一套针对中
电驴链接在线视频播放源码
dubinwei
源码 电驴 播放器 视频 ed2k
本项目是个搜索电驴(ed2k)链接的应用,借助于磁力视频播放器(官网:
http://loveandroid.duapp.com/ 开放平台),可以实现在线播放视频,也可以用迅雷或者其他下载工具下载。
项目源码:
http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。
项目源码依赖于两个库项目,库项目一链接:
http://git.oschina.
Javascript中函数的toString()方法
周凡杨
JavaScript js toString function object
简述
The toString() method returns a string representing the source code of the function.
简译之,Javascript的toString()方法返回一个代表函数源代码的字符串。
句法
function.
struts处理自定义异常
g21121
struts
很多时候我们会用到自定义异常来表示特定的错误情况,自定义异常比较简单,只要分清是运行时异常还是非运行时异常即可,运行时异常不需要捕获,继承自RuntimeException,是由容器自己抛出,例如空指针异常。
非运行时异常继承自Exception,在抛出后需要捕获,例如文件未找到异常。
此处我们用的是非运行时异常,首先定义一个异常LoginException:
/**
* 类描述:登录相
Linux中find常见用法示例
510888780
linux
Linux中find常见用法示例
·find path -option [ -print ] [ -exec -ok command ] {} \;
find命令的参数;
SpringMVC的各种参数绑定方式
Harry642
springMVC 绑定 表单
1. 基本数据类型(以int为例,其他类似):
Controller代码:
@RequestMapping("saysth.do")
public void test(int count) {
}
表单代码:
<form action="saysth.do" method="post&q
Java 获取Oracle ROWID
aijuans
java oracle
A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row.
The oracle.sql.ROWID class i
java获取方法的参数名
antlove
java jdk parameter method reflect
reflect.ClassInformationUtil.java
package reflect;
import javassist.ClassPool;
import javassist.CtClass;
import javassist.CtMethod;
import javassist.Modifier;
import javassist.bytecode.CodeAtt
JAVA正则表达式匹配 查找 替换 提取操作
百合不是茶
java 正则表达式 替换 提取 查找
正则表达式的查找;主要是用到String类中的split();
String str;
str.split();方法中传入按照什么规则截取,返回一个String数组
常见的截取规则:
str.split("\\.")按照.来截取
str.
Java中equals()与hashCode()方法详解
bijian1013
java set equals() hashCode()
一.equals()方法详解
equals()方法在object类中定义如下:
public boolean equals(Object obj) {
return (this == obj);
}
很明显是对两个对象的地址值进行的比较(即比较引用是否相同)。但是我们知道,String 、Math、I
精通Oracle10编程SQL(4)使用SQL语句
bijian1013
oracle 数据库 plsql
--工资级别表
create table SALGRADE
(
GRADE NUMBER(10),
LOSAL NUMBER(10,2),
HISAL NUMBER(10,2)
)
insert into SALGRADE values(1,0,100);
insert into SALGRADE values(2,100,200);
inser
【Nginx二】Nginx作为静态文件HTTP服务器
bit1129
HTTP服务器
Nginx作为静态文件HTTP服务器
在本地系统中创建/data/www目录,存放html文件(包括index.html)
创建/data/images目录,存放imags图片
在主配置文件中添加http指令
http {
server {
listen 80;
server_name
kafka获得最新partition offset
blackproof
kafka partition offset 最新
kafka获得partition下标,需要用到kafka的simpleconsumer
import java.util.ArrayList;
import java.util.Collections;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.
centos 7安装docker两种方式
ronin47
第一种是采用yum 方式
yum install -y docker
 
java-60-在O(1)时间删除链表结点
bylijinnan
java
public class DeleteNode_O1_Time {
/**
* Q 60 在O(1)时间删除链表结点
* 给定链表的头指针和一个结点指针(!!),在O(1)时间删除该结点
*
* Assume the list is:
* head->...->nodeToDelete->mNode->nNode->..
nginx利用proxy_cache来缓存文件
cfyme
cache
user zhangy users;
worker_processes 10;
error_log /var/vlogs/nginx_error.log crit;
pid /var/vlogs/nginx.pid;
#Specifies the value for ma
[JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题
comsci
嵌入式
假如我们需要用JWFD的语法分析模块定义一个带负号的方程式,直接在方程式之前添加负号是不正确的,而必须这样做:
string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"
定义一个0整数c,然后用这个整数c去
如何集成支付宝官方文档
dai_lm
android
官方文档下载地址
https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash
集成的必要条件
1. 需要有自己的Server接收支付宝的消息
2. 需要先制作app,然后提交支付宝审核,通过后才能集成
调试的时候估计会真的扣款,请注意
应该在什么时候使用Hadoop
datamachine
hadoop
原帖地址:http://blog.chinaunix.net/uid-301743-id-3925358.html
存档,某些观点与我不谋而合,过度技术化不可取,且hadoop并非万能。
--------------------------------------------万能的分割线--------------------------------
有人问我,“你在大数据和Hado
在GridView中对于有外键的字段使用关联模型进行搜索和排序
dcj3sjt126com
yii
在GridView中使用关联模型进行搜索和排序
首先我们有两个模型它们直接有关联:
class Author extends CActiveRecord {
...
}
class Post extends CActiveRecord {
...
function relations() {
return array(
'
使用NSString 的格式化大全
dcj3sjt126com
Objective-C
格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
使用activeX插件对象object滚动有重影
蕃薯耀
activeX插件 滚动有重影
使用activeX插件对象object滚动有重影 <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
SpringMVC4零配置
hanqunfeng
springmvc4
基于Servlet3.0规范和SpringMVC4注解式配置方式,实现零xml配置,弄了个小demo,供交流讨论。
项目说明如下:
1.db.sql是项目中用到的表,数据库使用的是oracle11g
2.该项目使用mvn进行管理,私服为自搭建nexus,项目只用到一个第三方 jar,就是oracle的驱动;
3.默认项目为零配置启动,如果需要更改启动方式,请
《开源框架那点事儿16》:缓存相关代码的演变
j2eetop
开源框架
问题引入
上次我参与某个大型项目的优化工作,由于系统要求有比较高的TPS,因此就免不了要使用缓冲。
该项目中用的缓冲比较多,有MemCache,有Redis,有的还需要提供二级缓冲,也就是说应用服务器这层也可以设置一些缓冲。
当然去看相关实现代代码的时候,大致是下面的样子。
[java]
view plain
copy
print
?
public vo
AngularJS浅析
kvhur
JavaScript
概念
AngularJS is a structural framework for dynamic web apps.
了解更多详情请见原文链接:http://www.gbtags.com/gb/share/5726.htm
Directive
扩展html,给html添加声明语句,以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称,ng是angular的命名空间
架构师之jdk的bug排查(一)---------------split的点号陷阱
nannan408
split
1.前言.
jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug.
2.代码
String[] paths = "object.object2.prop11".split("'");
System.ou
如何对10亿数据量级的mongoDB作高效的全表扫描
quentinXXZ
mongodb
本文链接:
http://quentinXXZ.iteye.com/blog/2149440
一、正常情况下,不应该有这种需求
首先,大家应该有个概念,标题中的这个问题,在大多情况下是一个伪命题,不应该被提出来。要知道,对于一般较大数据量的数据库,全表查询,这种操作一般情况下是不应该出现的,在做正常查询的时候,如果是范围查询,你至少应该要加上limit。
说一下,
C语言算法之水仙花数
qiufeihu
c 算法
/**
* 水仙花数
*/
#include <stdio.h>
#define N 10
int main()
{
int x,y,z;
for(x=1;x<=N;x++)
for(y=0;y<=N;y++)
for(z=0;z<=N;z++)
if(x*100+y*10+z == x*x*x
JSP指令
wyzuomumu
jsp
jsp指令的一般语法格式: <%@ 指令名 属性 =”值 ” %>
常用的三种指令: page,include,taglib
page指令语法形式: <%@ page 属性 1=”值 1” 属性 2=”值 2”%>
include指令语法形式: <%@include file=”relative url”%> (jsp可以通过 include