content | 易学教程

如何理解盒模型

阅读更多关于如何理解盒模型

盒模型有两种，W3C 和 IE 盒子模型 1、W3C定义的盒模型包括 margin、border、padding、content ，元素的宽度 width = content 的宽度； 2、IE盒模型与W3C盒模型的唯一区别就是元素的宽度，元素的 width = border+padding+content；对盒模型的理解 IE定义的盒模型较为合理，所以在css3中新增了 box-sizing ，包含两个属性 content-box 和 border-box ； 1）content-box 元素的 width = content； 2）border-box 元素的 width = border + padding + content；更多理解对于行内元素 margin-top/margin-bottom 对于上下元素无效，margin-left/margin-righ有效；对于相邻的块级元素 margin-top 和 margin-bottom 两者叠加按照一定的规则； 1）都是整数 margin 值取两者的最大值； 2）都是负数 margin 值取最小值； 3）两者正负相反，margin 值取两者之和；　　　　来源： https://www.cnblogs.com/wangqian888/p/11973458.html

微信小程序—使用阿里巴巴iconfont矢量图标素材

阅读更多关于微信小程序—使用阿里巴巴iconfont矢量图标素材

使用阿里巴巴iconfont矢量图标素材直接上图准备步骤使用扩展直接上图准备步骤 1、打开 iconfont官网去选择图标并添加入库 2、添加入库后，将库里图标添加至项目（没有项目可新建） 3、添加至项目后，点击下载至本地 4、下载至本地后，解压zip包，并将iconfont.css修改为iconfont.wxss(也可在项目中新建iconfont.wxss，并将iconfont.css内容拷贝进去) 5、iconfont.wxss准备完成后，在app.wxss中添加代码。 //本例是将iconfont.wxss放至项目images目录下，其他可相应修改 @ import 'images/iconfont.wxss' 6、此时就可使用矢量图标了，若要新添加图标，需要重新执行上述准备步骤。使用在view中使用如下，详细可看代码片段中注释 //iconfont:指iconfont.wxss //xxxxxxx:指iconfont.wxss中.xxxxxx:before(如下图) //font-size:可调节大小 //color:可调节颜色 < view class = "iconfont xxxxxxx" style = "font-size:80rpx;color:red" > < / view > .icon-tupian:before {

11_Python文件操作

阅读更多关于 11_Python文件操作

一、文件操作的基本流程计算机系统分为：计算机硬件，操作系统，应用程序三部分。我们用python或其他语言编写的应用程序若想要把数据永久保存下来，必须要保存于硬盘中，这就涉及到应用程序要操作硬件，众所周知，应用程序是无法直接操作硬件的，这就用到了操作系统。操作系统把复杂的硬件操作封装成简单的接口给用户/应用程序使用，其中文件就是操作系统提供给应用程序来操作硬盘虚拟概念，用户或应用程序通过操作文件，可以将自己的数据永久保存下来。有了文件的概念，我们无需再去考虑操作硬盘的细节，只需要关注操作文件的流程。操作一个文件首先思考都需要哪些参数：文件所在的路径，如:d:\test.txt 读取文件所使用的编码操作方式：读、写、追加... 关闭文件，释放资源读取d:\test.txt文件，保存格式utf-8： #在Python中，我们通过open()获得一个文件句柄，然后我们利用文件句柄实现对文件的操作 f = open('d:\\test.txt',encoding='utf-8',mode='r') content = f.read() #读取文件内容 f.close() print(content) 二、文件编码 f=open(...)是由操作系统打开文件，那么如果我们没有为open指定编码，那么打开文件的默认编码很明显是操作系统说了算了，操作系统会用自己的默认编码去打开文件

CSS3 @font-face 规则

阅读更多关于 CSS3 @font-face 规则

@font-face { font-family: myFirstFont; src: url('Sansation_Light.ttf'), url('Sansation_Light.eot'); /* IE9 */ } @font-face { font-family: 'revicons'; src: url('../fonts/revicons/revicons.eot?5510888'); src: url('../fonts/revicons/revicons.eot?5510888#iefix') format('embedded-opentype'), url('../fonts/revicons/revicons.woff?5510888') format('woff'), url('../fonts/revicons/revicons.ttf?5510888') format('truetype'), url('../fonts/revicons/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family:

设置DIV根据内容自动调整高度的三个方法

阅读更多关于设置DIV根据内容自动调整高度的三个方法

Div即父容器在Firefox、Chrome、Safari中不会根据内容自动调节高度，我们看下面的HTML代码： <divid="main"><divid="content"></div></div> 当Content内容很多时，即使main设置了高度100%或auto。在除IE外的其他浏览器中还是不能完好的自动伸展。也就是说，内容的高度容器main的高度还是没有自动撑开。我们有三种方法可以解决这个问题。一，增加一个清除浮动，让父容器知道高度。请注意，清除浮动的容器中有一个空格。Html代码如下： <divid="main"><divid="content"></div><divstyle="font: 0px/0px sans-serif;clear: both;display: block"></div></div> 二，增加一个容器，在代码中存在，但在视觉中不可见。Html代码如下： <divid="main"><divid="content"></div><divstyle="height:1px; margin-top:-1px;clear: both;overflow:hidden;"></div></div> 三，增加一个BR并设置样式为clear:both。Html代码如下： <divid="main"><divid="content"></div>

文件的其他操作

阅读更多关于文件的其他操作

truncate只能用在追加模式下 f=open('D:\oldboy.txt',encoding='utf-8',mode='a') content=f.truncate(7) #安字节截取 print(content) f.close() 操作方法： read() read(n) readline() readlines() tell() seek() truncate() writeable() readable() with open用法功能一：省去关闭文件句柄 with open('a.txt','w') as f: pass 使用with open，不用去写f.close() 功能二：可以打开多个文件句柄 with open('log',encoding='utf-8') as f1, \ open('log1',encoding='utf-8',mode='w') as f2 print(f1.read()) print(f2.read()) 四）a+追加读 f=open('log',encoding='utf-8',mode='a+') f.write('aaa') content=f.read() print(content) f.close() 文件的修改原理 1.将原文件读取到内存 2.在内存中进行修改，形成新的内容 3.将新的字符串重新写入新文件 4

非父子组件间的传值

阅读更多关于非父子组件间的传值

非父子组件间的传值 1.Vuex 2.总线机制（Bus/发布订阅模式/观察者模式/） Vue.prototype.bus=new Vue(); 让原型属性bus指向一个Vue实例，让其充当非父子组件之间传值的桥梁，相当于计算机各种功能部件之间传送信息的公共通信干线（总线Bus） 1.给Vue类加上原型属性bus，这样每个vue实例都能访问到原型属性bus 2.利用bus的实例方法$emit触发事件 3.再利用生命周期方法(钩子)mounted给bus绑定舰艇函数，在事件触发时执行。 <body> <div id="root"> <child content="Dell"></child> <child content="Lee"></child> </div> <script> Vue.prototype.bus=new Vue() Vue.component('child',{ data:function(){ return{ selfContent:this.content } }, props:{ content:String, }, template:'<div @click="handleClick">{{ selfContent}}</div>', methods:{ handleClick:function(){ //alert(this.content) this

Python 爬虫实战（二）：使用 requests-html

阅读更多关于 Python 爬虫实战（二）：使用 requests-html

Python 爬虫实战（一）：使用 requests 和 BeautifulSoup ，我们使用了 requests 做网络请求，拿到网页数据再用 BeautifulSoup 解析，就在前不久， requests 作者 kennethreitz 出了一个新库 requests-html ，Pythonic HTML Parsing for Humans™，它可以用于解析 HTML 文档的。requests-html 是基于现有的框架 PyQuery、Requests、lxml 等库进行了二次封装，更加方便开发者调用。安装 Mac： pip3 install requests-html Windows： pip install requests-html 实例代码撸多了，让我们看会妹纸，爬的网站我选的是 http://www.win4000.com/zt/xinggan.html ，打开网站，观察到这是个列表，图片是缩略图，要想保存图片到本地，当然需要高清大图，因此得进入列表详情，进一步解析，完整代码如下： from requests_html import HTMLSession import requests import time session = HTMLSession() # 解析图片列表 def get_girl_list(): # 返回一个 response 对象

在后台拉伸和缩放CSS图像

阅读更多关于在后台拉伸和缩放CSS图像

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 我希望我的背景图像拉伸和缩放取决于浏览器视口大小。我已经在Stack Overflow上看到了一些关于完成这项工作的问题，例如 Stretch和缩放CSS背景。它运行良好，但我想使用 background 放置图像，而不是使用 img 标记。在那个中放置一个 img 标签，然后用CSS我们向 img 标签致敬。 width:100%; height:100%; 它有效，但这个问题有点陈旧，并指出在CSS 3中调整背景图像的大小将会很好。我试过第一个这个例子，但它对我来说没有用。使用 background-image 声明有一个很好的方法吗？ #1楼我使用它，它适用于所有浏览器： <html> <head> <title>Stretched Background Image</title> <style type="text/css"> /* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height. */ html, body {height:100%; margin:0; padding:0;} /* Set the position and

【百度大脑新品体验】行驶证识别

阅读更多关于【百度大脑新品体验】行驶证识别

【百度大脑新品体验】行驶证识别作者：才能我浪费99 1.功能描述：对机动车行驶证主页及副页所有21个字段进行结构化识别，包括号牌号码、车辆类型、所有人、品牌型号、车辆识别代码、发动机号码、核定载人数、质量、检验记录等。可应用于网约车或货车司机身份审查等场景，有效提升信息录入效率，降低用户输入成本，提升用户使用体验。 2.平台接入具体接入方式比较简单，可以参考我的另一个帖子，这里就不重复了： http://ai.baidu.com/forum/topic/show/943327 3.调用攻略（Python3）及评测 3.1首先认证授权：在开始调用任何API之前需要先进行认证授权，具体的说明请参考： http://ai.baidu.com/docs#/Auth/top 具体Python3代码如下： - - coding: utf-8 - - #!/usr/bin/env python import urllib import base64 import json #client_id 为官网获取的AK， client_secret 为官网获取的SK client_id =【百度云应用的AK】 client_secret =【百度云应用的SK】 #获取token def get_token(): host = ‘https://aip.baidubce.com/oauth/2.0

订阅 content