H5与CS3权威下.18 and 19 选择器（1）

18章.CSS3概述 1.从前端技术的角度把互联网的发展分为三个阶段: (1)web1.0:HTML和CSS. (2)web2.0:Ajax,Javascript/DOM/异步数据请求. (3)web3.0:HTML5和CSS3. 2.CSS3采用分工合作的模块化结构,它有各种模块来定义相关的样式和功能,这样的做的原因是避免产生浏览器对于某个模块支持不完全的情况.(这样各大浏览器可以选择对什么模块进行支持,什么模块不支持.) 19章.选择器 1.选择器概述在css2中,我们经常使用元素的cla…

H5与CS3权威下.19 选择器（2）结构性伪类选择器

1.CSS中的伪类选择器及伪元素 (1)与自定义的class类选择器不同,伪类选择器是CSS中已经定义好的选择器. eg:a:link{color:#ff0000;} (2)伪元素的使用方法: 选择器:伪元素{属性:值} 选择器.类名:伪元素{属性:值} 2.css中常用的伪元素选择器 (1)first-line:向某元素中的第一行文字使用样式. eg: <p>伪元素选择器 <br>类选择器</p> p:first-line{background: pink;} (2)…

H5与CS3权威上.5 绘制图形（1）

1.canvas元素基础知识 (1)在页面上放置canvas元素,相当于在页面上放置一块"画布",可以用Javascript编写在其中进行绘画的脚本. (2)在页面中放置canvas元素 eg: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title> <scri…

通通玩blend美工（6）下——仿iPhone滚动选择器的ListBox（交互逻辑）

原文:通通玩blend美工(6)下--仿iPhone滚动选择器的ListBox(交互逻辑) 上一篇我们已经把界面画出来了,这篇我们就来制作交互的逻辑吧.上一篇的电梯: http://www.cnblogs.com/tong-tong/archive/2012/07/15/2586543.html 回顾下效果: 页面代码如下: <TextBlock Text="{Binding SelectedItem.Content, ElementName=ListBox1}"/>…

Windows7下PHP5.6.19+Apache2.4.18+MySql5.7环境配置

此安装参考了网上各方资料,最终整理的内容为本次安装涉及的部分. 一.准备安装材料: 1.从http://windows.php.net/download/ 下载5.6.19 线程安全版(使用apache搭配需要使用线程安全版) 2.从https://www.microsoft.com/en-us/download/details.aspx?id=30679 下载vc11运行库安装包 3.从http://www.microsoft.com/en-us/download/details.aspx?i…

OpenGL第18，19，20讲小结

18讲是通过调用库函数画一些简单的二次几何体,比如球体.圆锥体.圆盘等等. 19讲简单的讲了下粒子系统.其实就是三角形贴上星星的纹理,通过启用混合(GL_BLEND)来达到一种动态的粒子效果.通过修改粒子刷新位置,粒子的加速度.初始速度.衰减速度等等,可以做成如喷泉.瀑布.火焰.等等,也可以当当五毛特效,反正我是玩的不亦乐乎. 接下来20讲,讲了一个使用掩膜从而形成一种镂空的效果,我觉得有点绕.理来理去最终有了自己的一些理解,先贴下代码吧: int DrawGLScene(GLvoid) //…

《linux就该这么学》第十七节课：第18，19，23章，mariadb数据库、PXE无人值守安装系统和openldap目录服务。

第23章 (借鉴请改动) openldap数据的特点:1.短小.2.读取次数较多上述说明: openLDAP服务端配置: 1.yum install -y openldap openldap-clients openldap-servers migrationtools Loaded plugins: langpacks, product-id, subscription-manager //安装相关软件 2.生成秘钥文件并在/etc/hosts写入解析地址 slappass…

CentOS下常用的 19 条命令

玩过Linux的人都会知道,Linux中的命令的确是非常多,但是玩过Linux的人也从来不会因为Linux的命令如此之多而烦恼,因为我们只需要掌握我们最常用的命令就可以了.当然你也可以在使用时去找一下man,他会帮你解决不少的问题.然而每个人玩Linux的目的都不同,所以他们常用的命令也就差异非常大,而我主要是用Linux进行C/C++和shell程序编写的,所以常用到的命令可以就会跟一个管理Linux系统的人有所不同.因为不想在使用是总是东查西找,所以在此总结一下,方便一下以后的查看. 不多说…

小游戏——js+h5[canvas]+cs3制作【五子棋】小游戏

五子棋小游戏学习—— 有一个问题是,棋盘线的颜色,在canvas中,明明设置了灰色,但在我的预览中还是黑色的,很重的颜色. 以下是复刻的源码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>五子棋游戏</title> <meta name="Description" content="git上看到的一个很值…

linux下18种监测网络带宽方式

1. nload nload是一个命令行工具,让用户可以分开来监控入站流量和出站流量.它还可以绘制图表以显示入站流量和出站流量,视图比例可以调整.用起来很简单,不支持许多选项. 所以,如果你只需要快速查看总带宽使用情况,无需每个进程的详细情况,那么nload用起来很方便. $ nload 安装nload:Fedora和Ubuntu在默认软件库里面就有nload.CentOS用户则需要从Epel软件库获得nload. # fedora或centos $ yum install nload -y #…

【手把手教你】win10 虚拟机 VMware Workstation Pro 15下安装Ubuntu 19.04

虚拟机 VMware Workstation Pro 15.5.0 及永久激活密钥 https://www.cnblogs.com/zero-vic/p/11584437.html Ubuntu19.04下载地址:https://ubuntu.com/download/desktop/thank-you?country=CN&version=19.04&architecture=amd64 (1)打开虚拟机选择创建新的虚拟机 (2)选择自定义 (3)下一步 (4)选择稍后安装系统,并点击下…

H5基于iScroll实现下拉刷新，上拉加载更多

前言前一段有个手机端的项目需要用到下拉刷新和上拉加载更多的效果,脑海里第一反映就是微博那种效果,刚开始的理解有些偏差,以为下拉也是追加数据,上拉也是追加数据,后请教同事后发现其实下拉只是刷新最新数据而已,上拉是追加数据. 使用技巧 1.引用iScroll.js, 在初始化时添加两个事件监听:touchMove.DOMContentLoaded. 2.实现iScroll插件的onScrollEnd事件, 也就是在这个事件里调用你自己的ajax方法实现数据的刷新和追加. 3.上拉加载更多请求后台时…

Linux下MySQL5.7.19

第一次在自己虚机上安装mysql 中间碰到很多问题在这里记下来,分享一下. linux centOS 6 mysql版本 mysql-5.7.19-linux-glibc2.12-x86_64.tar.gz 1.groupadd mysql ## 添加一个mysql组 2.useradd -r -g mysql mysql ## 添加一个用户 3.解压缩下载的包,tar -xzvf /usr/local/mysql-5.7.13-linux-glibc2.5-x86_64.ta…

h5与c3权威指南笔记--css3结构性伪类选择器root，not，empty，target

root:将样式绑定到根元素(html中的根元素是<html></html>) 举个栗子 :root{ background-color: yellow; } body{ background-color: lightgray; } .div1{ width: 200px; height: 200px; background-color: black; margin: 0 auto; } </style> </head> <body> <d…

H5与C3权威指南笔记--box-shadow

box-shadow 用于给盒子添加阴影效果.IE9+ 举个栗子:box-shadow: inset 5px 5px 5px red; inset可选,该值会让阴影出现在盒子内部. 第一个5px是阴影离开文字横向就方向(即x轴上),接受负值. 第二个5px是阴影离开文字纵向就方向(即y轴上),接受负值. 以上两个值都设为0,将在盒子周围绘制阴影.(四个边嗷) 大概长这样第三个5px是阴影的模糊半径. 最后就是阴影颜色啦. 例子一: 这是一个很正常的有阴影的盒子~ .div1{ box-shad…

h5与c3权威指南笔记--css3新属性选择器

[att*=val] 选择所有att属性值中包含val的.只要包含val值,不论val值在属性值的前面还是中间还是后面~ <style> div[class*=div]{ color: red; } </style> <body> <div class="div1">div1</div> <div class="div1.2">div1.2</div> <div class=&…

H5与C3权威指南笔记--transition动画

translation:过渡举个栗子:transition: width 1s linear; transition有三个属性,分别是transition-property, transition-duration,transition-timing-function. 因此上面的代码等价于 transition-property: width; 指定要被过渡(改变)的属性 transition-duration: 1s; 过渡所需时间 transition-timing-function:…

H5测试有空了解下里面没有用过的东西

…

H5页面在IOS下不会自动播放音乐的坑

document.addEventListener(‘DOMContentLoaded‘, function () { function audioAutoPlay() { var audio = document.getElementById(‘bg-music‘); audio.play(); document.addEventListener("WeixinJSBridgeReady", function () { audio.play(); }, false); } audio…

18/10/19 周五欢乐赛题解(c++版)

注意本题解并没有去追求最优解,只是用比较暴力的方法求解.D题听说要改说明不是位数30位,目前除了D题可能有问题之外其他代码已经全部正确. A.查找字串用string BF(暴力求解即可) 代码 #include <bits/stdc++.h> using namespace std; main() { string a,b; cin>>a>>b; for(int i=0;i<a.size();i++) { int f=1; if(a[i]==b[0]) { fo…

vue遇到的大坑，h5在ios10版本下不能打开页面

无论是谁,在做事情的过程中总是会遇到学坑,才能成为最后的大神这个坑不说了,找了半天.希望能帮助到你们进入build文件夹: 找到webpack.prod.conf.js文件: 在UglifyPlugin的定义里添加关于mangle的选项,使它变成下面这个样子: new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false }, mangle: { safari10: true } }, sourceMap: config.…

css权威指南学习笔记 —— css选择器

1,选择器:选择器的一些基本常用规则基本都记得,w3c上都有,平时也常用,不常用的一些后代选择器经常就忘记了.一些归纳一下后代选择器,加深一下印象: a:子选择器: p>a a是直接是p的儿子,而不是孙子曾孙子.就是儿子,只有一代关系. b:相邻兄弟选择器: h1 +p h1 和 p 必须拥有相同的父元素.他们是同胞.样式作用在 p 上面.(与h1相邻的p元素). 2,伪类和为元素 a : 平时也市场在用,尤其是a连接的几个伪类.伪类的顺序非常的重要:link-visited-focus-…

4 CSS导航栏&下拉菜单&属性选择器&属性和值选择器

CSS导航栏熟练使用导航栏,对于任何网站都非常重要使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单垂直导航栏: <!DOCTYPE html> <html> <head> <style> ul { list-style-type:none; margin:0; padding:0; } a { display:block; width:60px; background-color:#dddddd; } </style> </…

安装centos6.3

废话少说,今天安装镜像文件.版本为centos6.3 1.首先,我们已经创建了一个空的虚拟机,此时,打开虚拟机,选择的镜像文件,点击ok自己下载 2.点击绿色的三角箭头,你会看到下面页面.(如果报错The VMware Authorization Service is not run,参考这篇http://blog.csdn.net/allenjay11/article/details/51025515) Install or upgrade an existing system 安装或升级现有…

H5下拉刷新和上拉加载实现原理浅析

前言在移动端H5网页中,下拉刷新和上拉加载更多数据的交互方式出现频率很高,开源社区也有很多类似的解决方案,如iscroll,pulltorefresh.js库等.下面是对这两种常见交互基本实现原理的阐述. 实现原理下拉刷新实现下拉刷新主要分为三步: 监听原生touchstart事件,记录其初始位置的值,e.touches[0].pageY: 监听原生touchmove事件,记录并计算当前滑动的位置值与初始位置值的差值,大于0表示向下拉动,并借助CSS3的translateY属性使元素跟随手…

H5页面下拉加载更多(实用版)

近期在做一个H5网站,需要下拉加载更多产品列表的功能.百度搜索了好久,什么说法都有,什么插件都有. 醉了.基本上每一个能直接拿来用的. 最后发现: 1.dropload.js 插件还可以,但是有个问题,只能单页使用比较方便.带有tab标签的不推荐使用. 2.自己百度了半天总结出来的一套: <script> document.addEventListener('scroll', watchScroll); var itemIndex = 0; var classid = 10; var…

IE6 7下常见CSS兼容性处理

以下是一些比较常见的IE6 7下的兼容性问题. 在当下这个时代,其实我们几乎可以不用再去针对IE6做兼容性的处理,除非你的公司还是诡异的要求你兼容到IE6.但是了解一些常见的兼容性问题还是可以帮助我们提高一些布局上的技巧. 以下内容并不需要背下来,其实只要做到见过,万一某一天真碰到了这样的问题知道在哪里可以查看解决方法就可以了. 另外最重要的一点,我认为布局上的规范与合理是解决兼容性的最佳方案.如果布局规范,层次结构清晰,明确,那么至少在IE7下我们其实都不用做特别多的针对性的兼容处理.如果你的…