2019年10月4日
jQuery DOM操作
摘要： 1.添加子元素 append()/prepend()：给当前元素添加子元素，子元素可以是jq对象，也可以是Dom对象，还可以是html代码，功能类似原生js的appendChild() //添加子元素到当前元素的末尾 <script> $(function(){ var $box = $('.box 阅读全文
posted @ 2019-10-04 17:22 ---空白--- 阅读(510) 评论(0) 推荐(0) 编辑
jQuery 样式操作
摘要： 1.css() 该方法操作的是内联样式 <script> $(function(){ var $p = $("p") // 操作单个样式 $p.css("color","red") // 操作多个样式(对象语法) $p.css({ "font-size":"30px", "text-align":" 阅读全文
posted @ 2019-10-04 17:16 ---空白--- 阅读(282) 评论(0) 推荐(0) 编辑
jQuery 选择器
摘要： 1.基本选择器 jQuery可以通过标签名，id，类名来获取jquery对象，也可以将原生dom对象转换成jquery对象。 <script> $(function(){ //获取所有的元素 var $all = $("*") // 获取所有的p标签 var $p = $("p") // 获取cla 阅读全文
posted @ 2019-10-04 16:57 ---空白--- 阅读(231) 评论(0) 推荐(0) 编辑
CSS 伪类和伪元素
摘要： 1.状态伪类 定义：根据元素的状态定义不同的样式，常用于a链接（未访问/已访问/鼠标划过/已选中），表单元素（失去焦点/获取焦点/禁用） a:link {color:#FF0000;} /* 链接未访问时的颜色 */ a:visited {color:#00FF00;} /* 已访问过的链接的颜色 阅读全文
posted @ 2019-10-04 16:29 ---空白--- 阅读(431) 评论(0) 推荐(0) 编辑
jQuery 基础
摘要： 1.基本使用 简介：jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单 引入jquery <script src="https://cdn.bootcss 阅读全文
posted @ 2019-10-04 15:19 ---空白--- 阅读(280) 评论(0) 推荐(0) 编辑
2019年10月3日
web移动端触屏事件
摘要： ###1.移动端与pc端的区别 (1)移动端没有鼠标，自然也没有鼠标事件。所以onmousedown之类的事件监听在移动端时无效的。 (2)移动端为了响应双击事件，onclick事件有300ms的延迟，接下来的300ms内有没有再次点击，有的话视为双击，没有的话视为单击。 (3)移动端双击事件：移动 阅读全文
posted @ 2019-10-03 23:40 ---空白--- 阅读(956) 评论(0) 推荐(0) 编辑
web移动端基础
摘要： ###1.像素密度 PPI 说到屏幕就离不开2个因素，屏幕大小和屏幕分辨率。 PPI是Pixels Per Inch缩写，pixels per inch所表示的是每英寸所拥有的像素（pixel）数目。 PPI越高，手机屏幕显示的效果越好。以前的老手机屏幕显示效果很差，有颗粒感，就是因为PPI太低了。 阅读全文
posted @ 2019-10-03 17:38 ---空白--- 阅读(258) 评论(0) 推荐(0) 编辑
web移动端常见问题（二）
摘要： ###1.input光标颜色 默认情况下，光标颜色与字体颜色color相同，但也可以通过caret-color属性来单独设置 但是IOS的光标与字体颜色无关，默认是蓝色 可以单独设置光标颜色，这样ios也有效果 input{ color:red; caret-color: green; } ios设 阅读全文
posted @ 2019-10-03 14:40 ---空白--- 阅读(249) 评论(0) 推荐(0) 编辑
web移动端常见问题（一）
摘要： 1.1物理像素 产生原因：css样式的最小值是1px，不过这个1px只是代表css像素，在高清屏上展示的物理像素要>1（iphone6 1css像素=2物理像素。而iph6p则是1css像素=3物理像素） 解决思路：想要展示1物理像素，只能使用scale缩放 android设备中dpr值有多种，可知 阅读全文
posted @ 2019-10-03 00:19 ---空白--- 阅读(521) 评论(0) 推荐(0) 编辑
2019年10月2日
web移动端屏幕适配方案
摘要： 因为手机屏幕的分辨率大小不一 ，如果使用传统的静态布局，把每个元素的宽高样式写死，在不同的屏幕中就有各种各样的显示效果。这显然不是我们想要的结果。我们需要的是根据屏幕分辨率的不同，来适配不同的样式大小。使不同的手机分辨率下都有相同的样式布局 ###1.rem适配 1rem就是html标签font-s 阅读全文
posted @ 2019-10-02 23:27 ---空白--- 阅读(1723) 评论(0) 推荐(1) 编辑