meta标签 | 易学教程

H5移动端知识点总结

阅读更多关于 H5移动端知识点总结

/*--> */ /*--> */ H5移动端知识点总结阅读目录移动开发基本知识点 calc基本用法 box-sizing的理解及使用理解display:box的布局理解flex布局 Flex布局兼容知识点总结回到顶部移动开发基本知识点一. 使用rem作为单位 html { font-size: 100px; } @media(min-width: 320px) { html { font-size: 100px; } } @media(min-width: 360px) { html { font-size: 112.5px; } } @media(min-width: 400px) { html { font-size: 125px; } } @media(min-width: 640px) { html { font-size: 200px; } } 给手机设置100px的字体大小; 对于320px的手机匹配是100px，其他手机都是等比例匹配; 因此设计稿上是多少像素的话，那么转换为rem的时候，rem = 设计稿的像素/100 即可; 二. 禁用a,button,input,optgroup,select,textarea 等标签背景变暗在移动端使用a标签做按钮的时候或者文字连接的时候，点击按钮会出现一个 "暗色的"背景，比如如下代码： <a href=

jQuery 初识筛选器属性选择器

阅读更多关于 jQuery 初识筛选器属性选择器

---------------------------大事使我们惊讶，小事使我们沮丧，久而久之，我们对这二者都会习以为常。一 jQuery是什么？［1］ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。［2］ jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! ［3］它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器［4］ jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。［5］ jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。回到顶部二什么是 jQuery 对象？ jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . 如果一个对象是 jQuery 对象 , 那么它就可以使用 jQuery 里的方法 : $(“#test”).html(); $("#test").html() 意思是指：获取ID为test的元素内的html代码

Wordpress 所有hoor列表

阅读更多关于 Wordpress 所有hoor列表

d 在插件加载的时候执行 wp_footer 加载页面底部时执行 admin_menu 加载管理员菜单时执行 wp_head 在body标签的开始添加html内容 after_setup_theme 主题加载完后执行 add_filter 增加钩子函数，第一个参数是钩子函数名，第二个是执行的函数名，第三个是优先级（默认10），第四个是执行函数需要的参数格式（默认1） plugin_action_links 返回插件管理页面的可执行按钮的<a>标签时执行，例如：Deactivate plugin_row_meta 返回插件管理页面的描述信息时执行 gettext 返回多语化字符串时执行以下是 WordPress 前台一个普通前台页面的Action执行过程： [codesyntax lang="php" lines="normal"] muplugins_loaded plugins_loaded load_textdomain set_current_user init wp_loaded parse_request send_headers parse_query pre_get_posts posts_selection wp template_redirect get_header wp_head wp_enqueue_scripts wp_print_styles wp

CSS

阅读更多关于 CSS

1行快元素转化 1display:none;隐藏元素以元素的位置：block； 1把隐藏元素显示，；：inline快元素转为行内元素 2把行内元素转化为快元素；：inline-block；将元素转化为行快元素 <img>为默认的行快元素：table-cell 将元素转化为表单元格 /* 垂直居中的第一种办法 */ /* vertical-align: middle; display: table-cell; */ /* 第二张办法 */ line-height: 100px; /* 行高和高度一样的值就是垂直居中 */ <!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> *{ margin: 0px; } .box{ width: 100px; height: 100px; border: 1px solid black; margin: 20px; background-color:red;

vue学习-day04（路由）

阅读更多关于 vue学习-day04（路由）

目录： 1. 组件传值-父组件向子组件传值和data与props的区别 2. 组件传值-子组件通过事件调用向父组件传值 3. 案例：发表评论。使用ref获取DOM元素和组件引用 4. 路由-前端路由和后端路由的概念 5. 路由-vue-router的基本使用 6. 路由-路由redirect重定向的使用 7. 路由-设置选中路由高亮的两种方式 8. 路由-为路由切换启动动画 9. 路由传参-使用query方式传递参数 10. 路由传参-使用params方式传递路由参数 11. 路由-使用children属性实现路由嵌套 12. 路由-使用命名视图实现经典布局 1. 组件传值-父组件向子组件传值和data与props的区别 <--返回目录　　父组件向子组件传值 <!DOCTYPE html> <html> <head> <title>标题</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">  <script type="text/javascript" src="vue2.js"><

Vue常用语法

阅读更多关于 Vue常用语法

一、模板语法 1、双大括号表达式【语法：】 {{exp}} 用于向页面输入数据，即页面显示数据。【举例：】 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="test"> <p>{{message}}</p> <p>{{message.toUpperCase()}}</p> <p v-text="message"></p>  <p v-html="message"></p> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

Web APP开发技巧总结(转）

阅读更多关于 Web APP开发技巧总结(转）

一、META/LINK相关：　　1、百度禁止转码　　通过百度手机打开网页时，百度可能会对你的网页进行转码，往你页面贴上它的广告，非常之恶心。不过我们可以通过这个meta标签来禁止它：　　<meta http-equiv="Cache-Control" content="no-siteapp" /> 　　相关链接： SiteApp 转码声明　　2、添加到主屏后的标题（IOS）　　<meta name="apple-mobile-web-app-title" content="标题"> 　　3、启用 WebApp 全屏模式（IOS）　　当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果）　　<meta name="apple-mobile-web-app-capable" content="yes" /> 　　<meta name="apple-touch-fullscreen" content="yes" /> 　　PS：然而，经本人用5S测试，设置"apple-touch-fullscreen"并没有什么卵用，希望了解者能在底部评论告知　　4、设置状态栏的背景颜色（IOS）　　设置状态栏的背景颜色，只有在 "apple-mobile-web-app-capable" content="yes" 时生效　　<meta

视图窗口，移动端特属的标签

阅读更多关于视图窗口，移动端特属的标签

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />  <meta name="apple-mobile-web-app-capable" content="yes" />  <meta name="apple-mobile-web-app-status-bar-style" content="black" />  <meta name="format-detection"content="telephone=no, email=no" />  <meta name="renderer" content="webkit">  <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--

手机移动端WEB资源整合

阅读更多关于手机移动端WEB资源整合

meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 <meta name="format-detection" content="telephone=no" /> 忽略Android平台中对邮箱地址的识别 <meta name="format-detection" content="email=no" /> 当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari <meta name="apple-mobile-web-app-capable" content="yes" />  将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式 <meta name="apple-mobile-web-app-status-bar-style" content="black" />  viewport模板

手机移动端WEB资源整合

阅读更多关于手机移动端WEB资源整合

订阅 meta标签