content

教你两招用纯CSS写Tab切换

偶尔善良 提交于 2019-12-22 12:06:43
说到Tab切换,你可能首先想到的就是使用jQuery,短短几行代码就可以轻松搞定一个Tab切换。 而今天所要分享的,是使用 0 行JS代码来实现Tab切换! 具体效果如下: Tab切换 方法一:模拟单选框原理 关于模拟单选框,在我之前文章中有讲到,详情请戳→ 纯CSS模拟单选框和复选框 该方法大致原理如下: 当用户点击label元素时,该label所绑定的input单选框就会被选中,同时通过使用CSS选择器让被选中的input元素之后的label和.content元素都加上相应的样式。 具体如何实现呢?请耐心往下看... 1. HTML结构 <!--HTML--> <ul> <li> <input id="tab1" type="radio" name="tab" checked> <label for="tab1">选项一</label> <div class="content">选项一内容</div> </li> <li> <input id="tab2" type="radio" name="tab"> <label for="tab2">选项二</label> <div class="content">选项二内容</div> </li> <li> <input id="tab3" type="radio" name="tab"> <label for="tab3">选项三<

flex 布局下,css 设置文本不换行时,省略号不显示的解决办法

泪湿孤枕 提交于 2019-12-22 05:18:48
大致是有一个 main 容器是 flex 布局,左边一个 logo 固定宽高,右边 content 动态宽度。 <div class="main"> <img alt="" class="logo" src="pic.jpg"> <div class="content"> <h4 class="name">a name</h4> <p class="info">a info</p> <p class="notice">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt

mysql 严格模式 Strict Mode说明

半腔热情 提交于 2019-12-21 08:34:28
1.开启与关闭Strict Mode方法 找到mysql安装目录下的my.cnf(windows系统则是my.ini)文件 在sql_mode中加入STRICT_TRANS_TABLES则表示开启严格模式,如没有加入则表示非严格模式,修改后重启mysql即可 例如这就表示开启了严格模式: sql_mode=NO_ENGINE_SUBSTITUTION,STRICT_TRANS_TABLES 2.Strict Mode功能说明 不支持对not null字段插入null值 不支持对自增长字段插入”值 不支持text字段有默认值 3.例子: 创建数据表方便测试 CREATE TABLE `mytable` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(20) NOT NULL, `content` text NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8; 1.not null字段插入null值测试 插入一条记录,name的值为null 在非严格模式下执行 mysql> insert into mytable(content) values('programmer'); Query OK, 1 row affected, 1 warning

python爬取猫眼电影排行榜

試著忘記壹切 提交于 2019-12-21 05:18:29
import requests import re import json #抓取首页 def get_one_page(url): headers = {#模拟浏览器 'User-Agent':'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3)\ AppleWebKit/537.36 (KHTML, like Gecko)\ Chrome/65.0.3325.162 Safari/537.36' } response = requests.get(url,headers=headers)#模拟进入网页 if response.status_code == 200: return response.text#响应成功则打印源代码 return None def parse_one_page(html): #正则提取 pattern = re.compile('<dd>.*?board-index.*?>(\d+)</i>.*?data-src="(.*?)".*?name"><a' + '.*?>(.*?)</a>.*?star">(.*?)</p>.*?releasetime">(.*?)</p>' + '.*?integer">(.*?)</i>.*?fraction">(.*?)</i>.*?</dd>', re.S) items

运用钉钉机器人功能发送自动化结果报告

假如想象 提交于 2019-12-21 03:43:35
转载自博友:涛哥爱吃面 http://www.cnblogs.com/hito/p/6561300.html 背景: 原有jenkins自动化结果通知通过邮件发送,容易埋没在邮箱的大量报警邮件中,结合作为工作聊天工具钉钉机器人,可以实现自动化开始及结果的消息、报告通知 实现: 1.机器人的创建 (具体步骤及相关协议: https://open-doc.dingtalk.com/docs/doc.htm?spm=a219a.7386797.0.0.TKQBVI&treeId=257&articleId=105735&docType=1 ) 拿到的webhook地址格式如下: https://oapi.dingtalk.com/robot/send?access_token=xxxxxxxx 简略说下机器人群通知调用:请求地址即上方的webhook地址,POST,请求体支持三种类型text,link,markdown,我用到的只有text(自动化执行开始通知)和link(结果报告输出) 2.脚本编写 需求: 自动化开始执行,钉钉群接收自动化开始执行的通知;自动化执行结束后,钉钉群接收到自动化的执行结果报告,能看到执行结果(成功或失败),包版本号,点击可打开RF的report.html。 设计: 1.脚本传参类型,以判断开始或结束; 2.自动化执行前,调用脚本发送开始执的方法

python调用requests注意事项

血红的双手。 提交于 2019-12-21 01:34:30
python调用requests,默认body传text时候经常会因为格式报错。 我们可以通过传josn来避免报错,一种是json接收字典参数,或者json.loads把文本转字典。 下面是json接收字典 ''' 遇到问题没人解答?小编创建了一个Python学习交流QQ群:579817333 寻找有志同道合的小伙伴,互帮互助,群里还有不错的视频学习教程和PDF电子书! ''' def send_data ( self , msg ) : send_url = 'https://qyapi.weixin.qq.com/cgi-bin/message/send?access_token=' + self . get_access_token ( ) send_values = { "touser" : self . TOUSER , "msgtype" : "text" , "agentid" : self . AGENTID , "text" : { "content" : msg } , "safe" : "0" } send_data = '{"msgtype": "text", "safe": "0", "agentid": %s, "touser": "%s", "text": {"content": "%s"}}' % ( self . AGENTID , self .

Caused by android.content.res.Resources$NotFoundException String resource ID #0x2040003

本小妞迷上赌 提交于 2019-12-20 23:56:14
问题原因: 升级支持androidx后,使用webview在部分机型会出现Crash「vivo x7 Android5.1.1」,定位使用androidx.appcompat:appcompat:1.1.0 版本导致。 解决方案: 使用androidx.appcompat:appcompat:1.0.2版本 错误日志: Webview :Caused by android.content.res.Resources$NotFoundException String resource ID #0x2040003 android.content.res.Resources.getText + 318 (Resources.java:318) android.content.res.VivoResources.getText + 123 (VivoResources.java:123) android.content.res.Resources.getString + 404 (Resources.java:404) com.android.org.chromium.content.browser.ContentViewCore.setContainerView + 694 (ContentViewCore.java:694) com.android.org.chromium

php模板引擎原理

末鹿安然 提交于 2019-12-20 21:09:15
模板引擎实现的原理 访问php文件, php文件会去加载模板引擎,通过模板引擎去加载模板然后替换模板里面的变量 然后生成一个编译文件 最后将该编译文件导入 访问的php文件中输出 第二次访问的时候 如果 缓存文件存在或者没有被改动则直接 导入缓存文件 输出 否则重新编译 自定义的一个模板引擎 mytpl.class.php <?php class mytpl{ //指定模板目录 private $template_dir; //编译后的目录 private $compile_dir; //读取模板中所有变量的数组 private $arr_var=array(); //构造方法 public function __construct($template_dir="./templates",$compile_dir="./templates_c") { $this->template_dir=rtrim($template_dir,"/")."/"; $this->compile_dir=rtrim($compile_dir,"/")."/"; } //模板中变量分配调用的方法 public function assign($tpl_var,$value=null){ $this->arr_var[$tpl_var]=$value; } //调用模板显示 public

常用meta整理

余生长醉 提交于 2019-12-20 18:21:04
概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 —— W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把content属性关联到HTTP头部。 name author / description / keywords / generator / revised / others 把 content 属性关联到一个名称。 content some text 定义用于翻译 content 属性值的格式。 SEO优化 参考文档 页面关键词 ,每个网页应具有描述该网页内容的一组唯一的关键字。 使用人们可能会搜索,并准确描述网页上所提供信息的描述性和代表性关键字及短语。标记内容太短,则搜索引擎可能不会认为这些内容相关。另外标记不应超过 874 个字符。 <meta name="keywords" content="your tags" /> 页面描述 ,每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。 <meta name

web页面响应布局

随声附和 提交于 2019-12-20 18:14:49
原文 by zhangxinxu from http://www.zhangxinxu.com 我一直有一个想法就是把张鑫旭的所有文章弄到我的博客园上,但是想法一直存在,一直都在,行动越迟迟不肯配合,有那么一句话,没有行动的计划只会毁了你,亲,我不想给自己计划了,随心所遇吧,附一张图,激励我自己,也激励那些跟我一样的人。 固定布局就是个屎 ,我要投奔流体布局!如果你一直都是流体布局的,自己心里也默念三遍:流体布局就是个屎 ,我要投奔固定布局!如果你固定/流体布局兼修,自己心里也默念三遍:什么固定/流体布局都是屎 ,我要投奔时髦的响应布局! 看到张鑫旭这句话时,我就没放在心上,想着在响应布局早着呢,难维护,兼容又差,现在没想到,已经迫在眉睫,赶紧恶补下 以下内容你可以直接到张鑫旭的博客上看,顶部有博客链接,底部有具体本章链接,他本人写的简单易懂还实用并且幽默附有dome等等,我自己的纯属于练文采,做笔记用 响应式不句就是根据窗口的大小做相应的布局 应运而生的web页面响应布局 zxx的做法是在连入css的就把不同宽度的局部放在不同的css中 <link rel="stylesheet" type="text/css" href="normalScreen.css" media="screen and (max-width: 1024px)" /> <link rel=