jidongdesheyou_xl的博客

原创 JQuery基础一（样式篇）--内容选择器

jQuery选择器之内容筛选选择器基本筛选选择器针对的都是元素DOM节点，如果我们要通过内容来过滤，jQuery也提供了一组内容筛选选择器，当然其规则也会体现在它所包含的子元素或者文本内容上                    内容筛选器    :contains/:has         

原创 jQuery基础一（样式篇）--层级&基本筛选

仔细观察层级选择器之间还是有很多相似与不同点层级选择器都有一个参考节点后代选择器包含子选择器的选择的内容一般兄弟选择器包含相邻兄弟选择的内容相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下jQuery选择器之基本筛选选择器很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素，为此jQuery提供了一系列的筛选选择器用来更快捷的找

原创 触摸touch

1、2、3、4、5、6、

原创 终端交互_Tap基础事件

1、2、3、4、5、

原创 移动web特别样式处理

1、高清图片在移动web页面上渲染图片，为了避免图片产生模糊，图片的宽高应该用物理像素单位渲染，即是100*100的图片，应该使用100dp*100dpwidth：（w_value/dpr）px;height：（h_value/dpr）px;2、3、4、5、6、

原创 响应式设计

媒体查询@media screen and (max-width:1024px){#pagewrap{width:95.5%;}#content{width:62%;}#content .article .hr{width:66%;margin-left:34%;}}设计点一：百分比布局仅仅使用媒体查询来适应不同的固定

原创 Flex弹性盒模型

【flex】display:-webkit-flex;【flex-direction】------排布的方向----- flex-direction:row；/*default水平方向（从左到右）*/display:-webkit-flex; flex-direction:row-reverse；（水平方向，从右到左）display:-webkit-fl

原创 Flexbox弹性盒子布局

解决根据元素个数不同，自动填充容器

原创 Viewport_coding

原创 Viewport_Meta标签

（控制台）JS代码查看布局Viewport（document.body.clientWidth），窗口Viewport（window.innerWidth）

原创 为什么不使用默认的980px的布局Viewport

原创 移动开发像素知识

1、PX: CSS pieels 逻辑像素，浏览器使用烦人抽象单位2、dp,pt: device independent pixels 设备无关像素3、dpr: devicePixelRatio 设备像素缩放比计算公式 ： 1px = (dpr)*(dpr)*dp DPI:打印机每英寸可以喷的墨汁点（印刷行业）PPI：屏幕每英寸的像素数量，即单位英寸内的像素