meta | 易学教程

H5项目常见问题及注意事项

阅读更多关于 H5项目常见问题及注意事项

Meta基础知识： H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 //一、HTML页面结构 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> // width 设置viewport宽度，为一个正整数，或字符串‘device-width’ // height 设置viewport高度，一般设置了宽度，会自动解析出高度，可以不用设置 // initial-scale 默认缩放比例，为一个数字，可以带小数 // minimum-scale 允许用户最小缩放比例，为一个数字，可以带小数 // maximum-scale 允许用户最大缩放比例，为一个数字，可以带小数 // user-scalable 是否允许手动缩放 //二、JS动态判断 var phoneWidth = parseInt(window.screen.width); var phoneScale = phoneWidth/640; var ua = navigator.userAgent; if (/Android (\d+\.\d+)/.test(ua)){ var version = parseFloat(RegExp

java基础56 HTML5的标签知识（网页知识）

阅读更多关于 java基础56 HTML5的标签知识（网页知识）

本文知识点（目录）： 1、html常用标签 2、html实体标签 3、html媒体标签 4、html超链接标签 5、html图片标签 6、html标个标签 7、html框架标签 8、html表单标签 1、html常用标签 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>常用标签练习</title> 6 </head> 7  23 <body> 24 25 <h1 align="center">这是标题</h1> 26 <p> 上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列

VUE重修01

阅读更多关于 VUE重修01

---恢复内容开始--- 1、框架与库的区别前端框架与库的区别? jquery 库 -> DOM(操作DOM) + 请求 art-template 库 -> 模板引擎框架 = 全方位功能齐全简易的DOM体验 + 发请求 + 模板引擎 + 路由功能 KFC的世界里,库就是一个小套餐, 框架就是全家桶代码上的不同一般使用库的代码，是调用某个函数，我们自己把控库的代码一般使用框架，其框架在帮我们运行我们编写好的代码框架: 初始化自身的一些行为执行你所编写的代码施放一些资源 2、vue使用npm下载完成后，其文件夹下会有几个不同后缀的文件： 1)vue.common.js是以commomjs为规范的文件 2）vue.esm.browser.js则是es6为标准的commonjs文件 3）vue.esm.js 是以es6为标准的 3.vue的基本使用： <!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"> <script src="./node

HBase架构原理

阅读更多关于 HBase架构原理

一、什么是HBase HBase是一个高可靠、高性能、面向列、可伸缩的分布式存储系统，利用HBase技术可在廉价的PC Server上搭建大规模结构化存储集群。 HBase是Google BigTable的开源实现，与Google BigTable利用GFS作为其文件存储系统类似，HBase利用Hadoop HDFS作为其文件存储系统；　　 Google运行MapReduce来处理BigTable中的海量数据，HBase同样利用Hadoop MapReduce来处理HBase中的海量数据； Google BigTable利用Chubby作为协同服务，HBase利用Zookeeper作为协同服务。二、HBase设计模型 HBase中的每一张表就是所谓的BigTable。BigTable会存储一系列的行记录，行记录有三个基本类型的定义： RowKey 是行在BigTable中的唯一标识。 TimeStamp：是每一次数据操作对应关联的时间戳，可以看作SVN的版本。 Column：定义为<family>:<label>，通过这两部分可以指定唯一的数据的存储列，family的定义和修改需要对HBase进行类似于DB的DDL操作，而label，不需要定义直接可以使用，这也为动态定制列提供了一种手段。family另一个作用体现在物理存储优化读写操作上，同family

Bootstrap框架和inconfont、font-awesome使用

阅读更多关于 Bootstrap框架和inconfont、font-awesome使用

Bootstrap框架和inconfont、font-awesome使用 iconfont的使用： https://www.cnblogs.com/clschao/articles/10387580.html Bootstrap介绍　　Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。　　它是为实现快速开发Web应用程序而设计的一套前端工具包。　　它支持响应式布局，并且在V3版本之后坚持移动设备优先。就是复制黏贴一把梭，html\css\js代码的封装组合为什么要使用Bootstrap？　　在Bootstrap出现之前：　　命名：重复、复杂、无意义（想个名字费劲）　　样式：重复、冗余、不规范、不和谐　　页面：错乱、不规范、不和谐　　在使用Bootstrap之后：各种命名都统一并且规范化。页面风格统一，画面和谐。 Bootstrap下载　　官方地址：https://getbootstrap.com 　　中文地址：http://www.bootcss.com/ 　　我们使用V3版本的Bootstrap，我们下载的是用于生产环境的Bootstrap。 Bootstrap环境搭建　　目录结构： bootstrap-3.3.7-dist/ ├── css // CSS文件 │ ├── bootstrap-theme

Vue初识

阅读更多关于 Vue初识

1、Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 2、引入Vue.js 初学，所以直通过CDN服务器引入vue库 <!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>vue1</title>  <script src="https://unpkg.com/vue@2.5.16/dist/vue.js"></script> </head> 3、vue在js中语法 <script> var vm = new Vue({ el : "#app", data : { msg : "hello world!!!",

前端-css-长期维护

阅读更多关于前端-css-长期维护

############### CSS简介 ################ # CSS # HTML是骨架 # CSS是样式 # JS是动作 # css和html是分成两个文件编写的，这也是体现了文档内容和样式的解耦， # CSS：层叠样式表(英文全称：Cascading Style Sheets) ############### CSS的内容列表 ################ css的内容列表 1，css的引入，三种方式 2，css的选择器，基本选择器，有四种，p # . * 组合选择器，属性选择器分组和嵌套伪类选择器伪元素选择器选择器的优先级 3，css的各种属性，宽和高，width，height，字体属性，font-size，font-weight，color，文字属性，text-align，text-decoration，text-indent，背景属性，background-color，background-repeat，background-image，background-position， display 盒子模型，margin外边距，border边框，padding内填充，content内容 float，三种取值，left，right，none， clear，清除浮动， overflow，溢出属性，定位position， 4

robots.txt文件格式详解

阅读更多关于 robots.txt文件格式详解

3 月，跳不动了？>>> 在说明ROTBOT文件的编写语法前先来了解几个重要的概念！ 1. 什么是baiduspider？ baiduspider是Baidu搜索引擎的一个自动程序。它的作用是访问互联网上的html网页，建立索引数据库，使用户能在Baidu搜索引擎中搜索到贵网站的网页。 2. baiduspider为什么大量访问我的网页？ baiduspider访问您的网页后，会自动分析每个网页上的文字内容并记忆网页网址，然后其它网友才能通过百度搜索引擎找到您的网页。如果baiduspider不访问您的网页，那么所有通过baiduspider提供网页信息的搜索引擎都找不到您的网页，也就是说，其它网友在百度搜狐新浪雅虎Tom等几十个搜索网站都会找不到您的网页。您可以到这里进一步了解搜索引擎。 3. baiduspider对一个网站服务器造成的访问压力如何？对于一个网站，baiduspider每访问一个网页会间隔30秒，不会造成过大压力。 4. 我不想我的网站被baiduspider访问，我该怎么做？ baiduspider象其它spider一样遵守互联网robots协议。您可以利用robots.txt文件完全禁止baiduspider访问您的网站，或者禁止baiduspider访问您网站上的部分文件。注意：禁止baiduspider访问您的网站，将使您的网站上的所有网页

实用的js代码

阅读更多关于实用的js代码

1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标 7. <input style="ime-mode:-Disabled"> 关闭输入法 8. 永远都会带着框架 <script language="javascript"></script> 9. 防止被人frame <SCRIPT LANGUAGE=javascript><

Swiper快速切换插件

阅读更多关于 Swiper快速切换插件

swiper2.0和3.0的区别： 3.0支持部分PC端浏览器 3.0合并js，新增动画功能animate.css 3.0继续更新，2.7.6停止更新 html结构： <div class="swiper-container"> <div class="swiper-wrap"> <div class="swiper-slide"> </div> </div> </div> 插件及参数： json格式数据配置参数值为数字、字符串、函数支持各种状态的轮播回调，参数只有一个，就是当前轮播的对象 swiper下载： https://www.swiper.com.cn/download/index.html （我下的最新版已经到swiper5了） swiper水平滚动基本示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> <link rel="stylesheet" href="lib/swiper.min.css"> <style> *{margin:0;padding:0;} html

订阅 meta