content | 易学教程

wap手机端顶部参数

阅读更多关于 wap手机端顶部参数

<title><{$head_data.title}></title> <meta content-type="text/html" charset="utf-8"> <meta name="keywords" content="<{$head_data.keyword}>" /> <meta name="description" content="<{$head_data.description}>" />   <meta name="robots" content="all"/>  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">  <meta name="apple-mobile-web-app-capable" content="yes"> <!-

css选择器四大类：基本、组合、属性、伪类

阅读更多关于 css选择器四大类：基本、组合、属性、伪类

什么是选择器？选择器的作用是通过它可以找到元素，把css样式传递给元素！css选择器主要分为：基本选择器、属性选择器、组合选择器与伪类选择器四个大类！ css基本选择器基本选择器又分为：*通配符、标签选择器、class选择器、id选择器，在这里需要注意的编程思想在css层叠样式表中元素有且仅有一个id。注意以下几点1.id唯一性2.元素id不相同，就像每一个人只有一个身份证一样，ID就代表身份证3.class选择器不具有唯一性，它可以重复使用！此外这个*通配符代表的是全局 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>css基本选择器</title> 7 <style type="text/css"> 8 *{ 9 color: skyblue; 10 }/**通配符*/ 11 div{ 12 color: red; 13 }/*标签选择器*/ 14 .box{ 15 color: steelblue; 16 }/*class选择器*/.box{color: steelblue;}也可以写成*.box{color:

目前最火的前端布局方式：less+flex+媒体查询

阅读更多关于目前最火的前端布局方式：less+flex+媒体查询

1. rem基础 rem单位 rem (root em)是一个相对单位，类似于em，em是父元素字体大小，rem的基准是相对于html元素的字体大小。比如，根元素（html）设置 font-size=12px ; 非根元素设置width:2rem; 则换成px表示就是24px。 /* 根html 为 12px */ html { font-size : 12px ; } /* 此时 div 的字体大小就是 24px */ div { font-size : 2rem ; } rem的优势：父元素文字大小可能不一致，但是整个页面只有一个html，可以很好来控制整个页面的元素大小。 2. 媒体查询 2.1 什么是媒体查询媒体查询（Media Query）是CSS3新增的语法。使用 @media查询，可以针对不同的媒体类型定义不同的样式 @media 可以针对不同的屏幕尺寸设置不同的样式当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面目前针对很多苹果手机、Android手机，平板等设备都用得到媒体查询 2.2 媒体查询语法规范用 @media开头注意@符号 mediatype 媒体类型关键字 and not only media feature 媒体特性必须有小括号包含 /* 语法格式 */ @media mediatype and

第十四周-html、head内标签、body内标签

阅读更多关于第十四周-html、head内标签、body内标签

1、html标签 <!DOCTYPE html>是统一标准 <html></html>标签只能有一个，标签内部可以写属性 注释 html标签中有：head跟body，如下： <html> <head> </head> <body> </body> </html> 2、标签分类自闭和标签：<meta charset="UTF-8"> 主动闭合标签：< title>老男孩</title> 3、head标签（1）<meta/>：　　a、页面编码：< meta http-equiv=“content-type” content=“text/html;charset=utf-8”> 　　b、刷新：< meta http-equiv=“Refresh” Content=“3″>，页面隔3s刷新一次　　c、跳转：< meta http-equiv=”Refresh“ Content=“3″; Url=http://www.autohome.com.cn“ />，当前页面5秒后跳到url页面　　d、关键词与描述：　　　　 < meta name ="keywords" content ="汽车,汽车之家,汽车网,汽车报价,汽车图片,新闻,评测,社区,俱乐部"/>，　　　　 < meta name ="description" content =

javascript输出

阅读更多关于 javascript输出

javascript没有标准得输出函数或者打印函数，只能通过一些方式去显示数据。 1.使用window.alert()弹窗 < ! 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 > Document < / title > < / head > < body > < h1 > 疫情赶紧结束吧 < / h1 > < p > 我想打篮球 < / p > < script > window . alert ( "武汉加油" ) ; < / script > < / body > < / html > 2.使用 document.write() 将内容写到 HTML 文档中。 < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content =

Windows Phone的本地存储——Local Database

阅读更多关于 Windows Phone的本地存储——Local Database

本篇我们来了解如何通过local database来实现信息的本地存储。在Windows Phone中使用local database，也就是通过LINQ to SQL来完成对DB的创建及访问。WP中使用LINQ to SQL的过程基本如下所示：首先定义App所需要的数据结构，在此我们手动创建一个简单的实体数据信息，其中包含一个主键，以及内容等信息。 View Code 1 [Table] 2 public class Memo : INotifyPropertyChanging,INotifyPropertyChanged 3 { 4 [Column(IsVersion = true)] 5 private Binary _version; 6 7 private int memoId; 8 [Column(IsPrimaryKey = true, IsDbGenerated = true, DbType = "INT NOT NULL Identity", CanBeNull = false, AutoSync = AutoSync.OnInsert)] 9 public int MemoId10 {11 get { return memoId; }12 set13 {14 if (memoId != value)15 {16 NotifyPropertyChanging(

JavaScript 替换所有匹配内容

阅读更多关于 JavaScript 替换所有匹配内容

由于JavaScript 的 replace 只能替换一次，因此另外编写一个能现替换全部匹配内容方法，代码如下: /* 把 content 中所有的 searchValue 替换为 replaceValue */ function replaceAll(content,searchValue,replaceValue){ while (content.indexOf(searchValue)>-1) { content = content.replace(searchValue,replaceValue); } return content; } 为什么不使用正侧表达式来替换？因为实际操作中发现 searchValue 的内容太大的时候使用正侧表达式替换会出错我的场景是把 html 页面 img 中的base64 xxx1，base64 xxx2 图片内容替换为 [image1][image2] 这样的占位符时，如果使用正则表达式就出错附上一般情况下使用正侧表达式的替换方法 content.replace(new RegExp(searchValue,'g'),replaceValue) 来源： https://www.cnblogs.com/anyjs/p/12297431.html

css 盒模型

阅读更多关于 css 盒模型

1、基本概念：　　标准盒模型 + IE 模型(怪异盒模型) 2、区别：　　标准盒模型中 width 指的是内容区域 content 的宽度；height 指的是内容区域 content 的高度。　　标准盒模型下盒子的大小 = content + padding + border + margin; 　　IE 模型中的 width 指的是内容、边框、内边距的宽度（content + border + padding ）;height 同理。　　IE 模型下盒子的大小 = width/height(content + padding + border) + margin; 3、css 中如何设置标准模型和IE模型：　　　　如果doctype协议缺失，会由浏览器自己界定，在IE浏览器中IE9以下（IE6.IE7.IE8）的版本触发怪异模式，其他浏览器中会默认为W3c标准模式。　　box-sizing: content-box 标准盒模型　　box-sizing: border-box IE盒模型 4、js 如何设置获取盒模型对应的宽和高：　　dom.style.width/height（只能获取内联宽高）　　dom.currentStyle.width/height（浏览器渲染之后的取值，只有IE支持）　　window.getComputedStyle(dom)

写一个python脚本控制微信企业版的群聊机器人完成番茄工作法的闹钟通知

阅读更多关于写一个python脚本控制微信企业版的群聊机器人完成番茄工作法的闹钟通知

''' 在微信企业版的群聊里，可以添加群聊机器人，群聊机器人会开放一个https接口通过https接口就可以用代码控制群聊机器人推送消息本脚本实现一个番茄工作法的闹钟提醒功能作者: 林新发 ''' import requests import time import time , datetime import json # 法定节假日信息 holiday_info = { } # 今年的年份，用来获取法定节假日信息 CUR_YEAR = '2020' # 机器人的webhook地址 WORK_WX_URL = 'https://qyapi.weixin.qq.com/cgi-bin/webhook/send?key=xxxxxxxxxxxxxxxxxxxxxx' # 法定节假日信息 def init_holiday_info ( ) : global holiday_info rep = requests . get ( 'http://tool.bitefu.net/jiari/?d=' + CUR_YEAR ) info_txt = rep . content . decode ( ) holiday_info = json . loads ( info_txt ) # 判断今天是否是工作日（过滤法定节假日和周末） def check_if_is_work_day (

inline-block垂直居中的方法

阅读更多关于 inline-block垂直居中的方法

vetical-align的功能是设置行内元素垂直方向上的对齐方式。可能的值 baseline 默认。元素放置在父元素的基线上。 sub 垂直对齐文本的下标。 super 垂直对齐文本的上标 top 把元素的顶端与行中最高元素的顶端对齐 text-top 把元素的顶端与父元素字体的顶端对齐 middle 把此元素放置在父元素的中部。 bottom 把元素的顶端与行中最低的元素的顶端对齐。 text-bottom 把元素的底端与父元素字体的底端对齐。 length % 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。 inherit 规定应该从父元素继承 vertical-align 属性的值。可以控制图片、文字等行内元素在行内的垂直方向上的对齐方式如何使用vetical-align使块级元素垂直居中？以下面为例： body{ <div class="wrapper"> <div class="content">some content</div> </div> } 1、为父容器wrapper设置高度 html,body{ 　　height:100% } .wrapper{ 　　height:100% } 2、使content容器变为行内元素 .content{ display:inline-block; } 3

订阅 content