meta

移动端模板

自闭症网瘾萝莉.ら 提交于 2019-12-26 16:54:36
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta content="telephone=no" name="format-detection"> <meta content="email=no" name="format-detection"> <title>标题</title> <link rel="stylesheet" href="index.css"> </head> <body> 这里开始内容 </body> </html>    来源: https://www.cnblogs.com/djdliu/p/5124796.html

移动端模板

孤街浪徒 提交于 2019-12-26 16:53:57
======>head <meta charset="UTF-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="screen-orientation" content="portrait"> <meta name="full-screen" content="yes"> <meta name="x5-orientation" content="portrait"> <meta http-equiv="Cache-Control" content="no-siteapp"> <meta name="x5-fullscreen" content="true"> <meta name="format-detection" content="telephone=no, email=no" /> <meta name="description" content=""> <meta name="keywords" content=""> <title>moveUMIS</title> <link rel="stylesheet" href="../css/move/reset.css" /> <link rel="stylesheet" type="text/css" href="../css

h5笔记

邮差的信 提交于 2019-12-26 16:22:59
1.文字阴影:text-shadow text-shadow: 0px 5px 2px black 参数1:x方向偏移 参数2:y方向偏移 参数3:阴影模糊程度,值越大越模糊 参数4:阴影颜色 文字颜色浅于背景颜色时,可以用阴影在文字左上方做一个深色浮雕效果: <!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> <style> div { display: inline-block; } .box2 { color: white; font-size: 58px; min-width: 800px; background: yellow; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.7) } </style> </head> <body> </div> <div class="box2">你好 </div> </body> </html> 文字颜色深于背景色时

0074 二倍图:物理像素&物理像素比、背景缩放background-size

假如想象 提交于 2019-12-26 15:37:57
3.1物理像素&物理像素比 物理像素点指的是屏幕显示的最小颗粒,是物理真实存在的。这是厂商在出厂时就设置好了,比如苹果6 是 750* 1334。 我们开发时候的1px 不是一定等于1个物理像素的。 一个px的能显示的物理像素点的个数,称为 物理像素比 或 屏幕像素比 。 如果把1张100*100的图片放到手机里面会按照物理像素比给我们缩放。 lRetina(视网膜屏幕)是一种显示技术,可以将把更多的物理像素点压缩至一块屏幕里,从而达到更高的分辨率,并提高屏幕显示的细腻程度。 对于一张 50px * 50px 的图片,在手机或 Retina 屏中打开,按照刚才的物理像素比会放大倍数,这样会造成图片模糊。 在标准的viewport设置中,使用倍图来提高图片质量,解决在高清设备中的模糊问题。 通常使用二倍图, 因为iPhone 6 的影响背景图片 注意缩放问题。 ​ /* 1. 物理像素 就是我们说的分辨率 iPhone8的物理像素是 750 */ ​ /* 2. 在 iPhone8里面, 1px 开发像素 = 2个物理像素 */ demo:二倍图做法 <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = "

03JavaScript程序设计修炼之道_2019-07-02_21-47-36_ 鼠标弹起拖拽、放大镜、mouseenter&mouseleave、

人走茶凉 提交于 2019-12-26 05:04:19
26drag.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>Document</title> <style> * { padding: 0; margin: 0; } .box { width: 100px; height: 100px; border: 20px solid gray; border-top-width: 30px; padding: 12px; background-color: blue; cursor: move; position: absolute; } </style> </head> <body> <div class="box" id="box"></div> <script> var box = document.querySelector("#box"); box.onmousedown = function(e) { var e = e || event; // 记住点击div的内部偏移量

web前端开发——css

江枫思渺然 提交于 2019-12-26 03:51:17
一、css介绍 1、css是什么? Cascading Style Sheets缩写,层叠样式表。样式定义如何显示HTML元素,样式通常又会存在于样式表中。 2、为什么需要css? 使HTML页面变得美观; 将HTML页面的内容与样式分离; 提高web开发的工作效率。 3、css的优势 内容与表现分离 网页的表现统一,容易修改 丰富的样式,使页面布局更加灵活 减少网页的代码量,增加网页浏览器速度,节省网络带宽 运用独立页面的css,有利于网页被搜索引擎收录 二、css语法 css语法分为两部分:选择器和声明。 如: h3{ width: 300px; color: red; } h3为选择器,{ }内的内容就是声明,它包含了属性与属性值。 三、css引入方式 1、引入方式有三种:   1.行内样式(内联样式)   2.内接样式(内嵌方式)   3.外接样式       3.1 链接式     3.2 导入式 2、行内样式: 直接在标签头里面定义样式。 <!doctype html> <html> <head> <meta charset="utf8"> </head> <body> <p style="color: blue;">这是一个p标签!</p> </body> </html> 3、内接样式: 使用<style>标签在<head>标签里面定义内容的样式。 <!doctype

javaee web项目的目录结构

久未见 提交于 2019-12-26 00:28:56
一般web系统的目录结构如下,其中src下的包结构和webroot下(除meta-inf和web-inf)的文件夹可以根据自己的项目实际调整,但是javaee规范的大目录结构不会变: META-INF:到底做什么用   META-INF, 说白了就是存放一些meta information相关的文件的这么一个文件夹。   一个典型的META-INF目录下可能包含如下几种文件或者子目录:   MANIFEST.MF   INDEX.LIST   x.SF   x.DSA   services/   但是,既然是目录,那么我们可以把文件放在其下,并在项目中引用到即可,不必要非得存放相应的文件到其中。所以完全可以把一些配置文件放到里面,然后指定读取的绝对路径地址即可。 javaee web项目结构图 maven项目目录结构 来源: https://www.cnblogs.com/brolanda/p/4244720.html

Qt学习之路_14(简易音乐播放器)

泄露秘密 提交于 2019-12-25 22:47:40
   前言   这一节实现一个简易的音乐播放器,其音乐播放的核心功能是采用Qt支持的Phonon框架,该框架在前一篇博文 Qt学习之路_13(简易俄罗斯方块) 中已经使用过了,在俄罗斯方块中主要是用来设置背景音乐和消行的声音的。这里用这个框架同样是用来播放,暂停等多媒体的各种控制功能,另外该框架可以自动获取音频文件的一些信息,这样我们在设计播放列表时可以获取这些信息,比如歌手名,专辑名,时长,文件名等等。程序中桌面歌词的实现是继承了QLabel类,然后使用3层文本显示,最上面一层采用渐进显示的方式来达到歌词播放的动态效果。   实验的参考资料为 http://www.yafeilinux.com/ 网站上yafei作者提供的代码,本人只是看懂其源码然后自己敲了一遍,代码做了稍微的改变,其设计方法和技巧全是原创作者yafei的功劳。   开发环境:WindowsXP+Qt4.8.2+QtCreator2.5.1       实验说明   本实验没有使用QtDesigner来设计界面,其界面而是直接采用c++代码来写的。下面分以下几个方面来介绍本实验的实现过程中应该注意的知识点:    播放界面设计部分:   因为主界面的设计是从QWidget类继承而来,但是本程序却没有使用界面设计工具来设计界面,而是直接使用c++代码完成。   在界面设计时,首先一般是设置窗口的标题,尺寸,图标等

Hbase读写过程

回眸只為那壹抹淺笑 提交于 2019-12-25 22:39:08
1、读请求过程: meta表是hbase系统自带的一个表。里面存储了hbase用户表的元信息。 元信息为meta表内记录一行数据是用户表一个region的start key 到endkey的范围。 meta表存储在regionserver里。 具体存储在哪个regionserver里?zookeeper知道。 过程: 1.客户端到zookeeper询问meta表在哪 2.客户端到meta所在的节点(regionserver)读取meta表的数据 3.客户端找到region 获取region和regionserver的对应关系,直接到regionserver读取region数据 查看meta表信息 hbase(main):011:0> scan ‘hbase:meta’ 2、写请求过程: 1.Client先访问zookeeper,找到Meta表,并获取Meta表元数据。确定当前将要写入的数据所对应的HRegion和 HRegionServer服务器。 2.Client向该HRegionServer服务器发起写入数据请求。 3.Client先把数据写入到HLog,以防止数据丢失,然后将数据写入到Memstore。 4.Memstore达到阈值,会把Memstore中的数据flush到Storefile中 5.当Storefile越来越多,达到一定数量时,会触发Compact合并操作

HTML入门篇

流过昼夜 提交于 2019-12-25 21:27:16
HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记)。相当于定义统一的一套规则,大家都来遵守他,这样就可以让浏览器根据标记语言的规则去解释它。 一、编写html文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html> \<!DOCTYPE html\> 作用告诉浏览器用什么样的规范来解析html文件 一个html文件中只能有一对html标签,标签内部可以写属性 二、注释 <!-- 注释内容 --> 三、head标签 1.meta标签 <!DOCTYPE html> <html lang="en"> <head> <!-- 页面编码 告诉浏览器是什么编码 --> <meta http-equiv="content-type" content="text/html" charset="utf-8" /> <!-- 30秒自动刷新一次页面 --> <meta http-equiv="refresh" content="30" /> <!-- 10秒钟以后自动跳转到百度 --> <meta http-equiv=