- 博客(52)
- 收藏
- 关注
RSS订阅原创 jQuery入门2
元素过滤和查找的方法 eq(i)获取第i个jquery对象 下标从0开始$(function(){ $("ul li").eq(0).css("color","red");})firend() 获取第一个元素 last() 获取最后一个元素hasClass() 检测当前是否对应类名console.log($("li").eq(1).hasClass("test...
2018-07-17 11:29:57
302
原创 jQuery入门
jquery: 是基于原生js封装的一个轻量级的第三方JS类库设计目的: 写的更少,做的更多优势: 1.轻量级 2.完善的API文档 3.出色的浏览器兼容 4.免费开源 5.强大的选择器 6.出色的DOM操作 7.事件处理 8.链式写法 9.支持AJAX 10.丰富的插件库使用方式: 1.下载使用本地jquery文件 2.CDN方式 使用在线jquery文件...
2018-07-16 18:03:27
271
原创 js 浏览器嗅探
用于检测浏览器和操作系统的信息 嗅探: window.navigator.userAgent 获取当前文档所运行的浏览器的名称以及版本.通过判断其中是否含有”chrome / Firefox / Safria / IE / Opera” 这些浏览器的关键字可用于浏览器的兼容问题var brower = navigator.userAgent;if(brower.indexOf("...
2018-07-13 17:42:16
2935
原创 js cookie操作
cookie出现的原因: HTTP是客户端与服务器进行交互最常用的协议.但HTTP是一个无状态的协议. 一旦数据交换完毕,客户端与服务器的连接就会关闭,再次交换数据需要新的连接.这就意味着服务器无法从连接上跟踪会话.为了确认客户端的身份,就出现cookie这一种机制.cookie的使用原理: Coolie实际上是一小段的文本信息.客户端请求服务器,如果服务...
2018-07-13 11:25:05
1508
原创 js移动设备事件
设备事件: 触发该类事件,需要硬件支持重力感应事件 devicemotion 屏幕旋转事件磁力感应事件 deviceorientation 都是给window 对象绑定的实现摇一摇功能 实现原理:当两次加速记录的加速度值,差值较大时,可以认为用户正在晃动手机//手机晃动前 加速器的值var current = [x: 0,y: 0,z: 0];//手机晃动后 加速...
2018-07-12 18:02:20
500
原创 js移动端事件
1.触摸事件 click事件多用于pc端,在移动端有延迟touchstart() //手指触摸屏幕 touchmove() //手指在屏幕上移动 touchend() //手指离开屏幕 touchcancle() //触摸被系统事件终段var d1 = document.getElementById("d1");d1.addEventListener("touchstart",...
2018-07-12 15:31:21
2840
原创 js 预加载
预加载:提前加载 在加载较大图片,音频,视频时为了优化用户在打开我们项目时,避免遇到加载缓慢带来的不好的体验. 使用场景: 常用于 游戏,瀑布流图片预加载: 图片预加载: 有很多的图片时,若一起加载,用户需要等待的事件较长,所有可以将项目中需要的资源提前加载好.var img = new Image();img.onload = function(){ do...
2018-07-12 10:48:45
1867
原创 css阴影效果 学习笔记
box-shadow: 10px 20px 10px 10px #009999 inset;h-shadow 必需的。水平阴影的位置。允许负值 v-shadow 必需的。垂直阴影的位置。允许负值 blur 可选。模糊距离 spread 可选。阴影的大小 color 可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表 inset 可选。从外层的阴影（开始时...
2018-06-21 09:58:03
263
原创 nth类选择器 学习笔记
先看看类似的first-child伪类选择器；<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"
2018-06-20 16:49:34
560
原创 html新元素 学习笔记
1.header标签这类标签添加了标签的语义化。兼容问题在ie678下看到就是一个内联元素，而不是块元素；一般添加display改变标签属性，确保在低版本中样式不变；header,section,footer{ /*兼容低版本*/display: block;}2. mark标签既有语义化，也给了一些变化<!--突出关键字--><p><mark>html...
2018-06-19 17:31:36
261
原创 兼容性 学习笔记
在学习css3时一定要考虑到兼容性问题打开can I use以border-radius 为例有减号的表示在这个版本中可以使用但要加前缀，一般是w3c在还优化的的属性；红色的表示完全不支持；兼容写法：-webkit-box-sizing: border-box;-moz-box-sizing: border-box;浏览器内核：-webkit- : chrome safari ios，andro...
2018-06-19 15:13:08
171
原创 box-sizing学习笔记
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ background: red; widt
2018-06-19 11:36:32
164
原创 viewport 学习笔记
什么是 Viewport?viewport 是用户网页的可视区域。viewport 翻译为中文可以叫做"视区"。<hr />问题：先随便写个网页。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <!--<meta name=&a
2018-06-19 10:46:34
672
原创 codeforces 768E Game of Stones
E. Game of Stones time limit per test3 seconds memory limit per test256 megabytes inputstandard input outputstandard output Sam has been teaching Jon the Game of Stones to sharpen his mind and he
2017-02-22 19:10:37
1299
原创 团体程序设计天梯赛-练习集 L2-009. 抢红包
团体程序设计天梯赛-练习集 L2-009. 抢红包 https://www.patest.cn/contests/gplt/L2-009 简单的模拟，再排序。#include<iostream>#include <cstdio>using namespace std;bool enemy[105][105];int pre[105];int Find(int a) { if
2016-07-06 12:18:18
431
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人