web前端技能方法总结(css、js、jquery、html)(9)

简介: web前端技能方法总结(css、js、jquery、html)

js
@media screen and (max-width:900px){}; 屏幕自适应

媒体 屏幕 最大

push :添加一个数组元素
document :文档
pop :删除最后一个数组元素
console :控制台
shift :删除第一个数组元素
string :字符串
Concat 组合数组
undefined :未定义
typeof :关键字
join:数组转化为指定分隔符
slice:返回指定数组
length:数组长度
Array:数组
number:数字
boolean:布尔
alert:提示框
parseInt:转化为整型数值
continue:继续
is NaN:非数字
sort:升序
break:截断 跳出
reverse:倒序
object:对象类型
parseFloat:转化为浮点值
index:索引
floor:向下取整
variable:变量
ceil:向上取整
round:四舍五入
abs:返回绝对值
eval:解析字符串并运算
max:比较最大值
return:返回
min:比较最小值
addEventListener:事件名 函数
to.fixed:保留小数点
attachEvant:(on)事件名
random:随机数
eletment:元素
eventName:事件名
function:函数
removeEventListener:事件解除
detachEvent:删除已注册事件
open():弹出一个新窗口
function:函数(方法)
showModalDialog:弹出一个模式窗口
close():关闭当前窗口
Date:日期对象
getFullYear():年份
getMonth():月份(0--11)
getDate():几号
getDay():星期几(周一至周六)
getHours():小时(0--23)
getMinites():分钟
getSeconds():秒数(0--59)
getMilliseconds():毫秒数
getTime():从1970至今的毫秒数
Date.now():从1970至今的毫秒值
tolocaleDatestring():输出本地化的日期
setTimeout:延迟时间
tolocaleTimestring():输出本地化得时间
clearTimeout:定时器对象
tolocalestring:输出本地化的日期和时间
setInterval:间隔时间
clearInterval:停止
window.status:浏览器状态栏信息
window.screen:屏幕信息
screen.width:屏幕宽度
screen.height:屏幕高度
screen.availwidth:去掉任务栏宽度
screen.avaiheight:去掉任务栏高度
history:浏览历史记录
location:地址栏对象
navigator:用于获取用户浏览器信息
appCodeName:浏览器代码名的字符串表示
appName:返回浏览器的名称
appVersion:返回浏览器的平台和版本信息
platform:返回运行浏览器的操作系统平台
userAgent:返回由客户机发送服务器的
user-agent:头部的值
Exception:异常 意外情况(try---catch)
获取元素对象方式:
getElementByld:
getElementsByName:
gatElementsByTagName:
getElementByClassName:
onlick 当点击的时候
onmouseover 鼠标移入
onmouseout 鼠标移出
onblur:失去焦点事件
onkeydown:键盘按下事件(前)
onkeypress:键盘按下事件(后)
onload:当页面加载完成之后触发
onchange;内容改变事件
onkeydown;键盘按下事件(前)
onkeyup;键盘松开事件
onkeypress;键盘按下事件(后)
onmouseout:鼠标移出事件
onmouseover:鼠标移入事件
onselect:内容被选中事件
ondblclick:鼠标双击事件
onfocus:获得焦点事件
onkeyup:键盘松开事件
复选框操作 checked=" "
checked 默认选中
false 不选中
true 选中
typeof 查看数据类型
object 对象
number 数字
string 字符串
function 函数
boolean 布尔值 true false
undefined 未定义
parseInt 整数
parseFloat 浮点数/小数
Number 数字

相关文章
|
15天前
|
JavaScript 前端开发
js+jquery实现贪吃蛇经典小游戏
本项目采用HTML、CSS、JavaScript和jQuery技术,无需游戏框架支持。通过下载项目文件至本地,双击index.html即可启动贪吃蛇游戏。游戏界面简洁,支持方向键控制蛇移动,空格键实现游戏暂停与恢复功能。
46 14
|
16天前
|
JavaScript 前端开发 容器
jQuery多功能滑块插件r-slider.js
r-slider.js是一款jQuery多功能滑块插件。使用该插件,可以制作出滑块、开关按钮、进度条、向导步骤等多种效果。
28 5
|
15天前
|
JavaScript
jQuery+css3制作精美的2024圣诞节倒计时页面
jQuery+css3制作精美的2024圣诞节倒计时页面动画
18 0
jQuery+css3制作精美的2024圣诞节倒计时页面
|
21天前
jQuery+CSS3模拟过山车动态的文字动画特效源码
jQuery+CSS3模拟过山车动态的文字动画特效源码实现在全黑的背景下,画面中的文本呈现过山车的轨迹动画上下滚动转圈,且伴随文本颜色渐变效果,非常有意思,欢迎对此特效感兴趣的朋友前来下载参考。
22 1
|
2月前
|
XML JavaScript 前端开发
JavaScript控制台:提升Web开发技能的秘密武器
作为Web开发人员,掌握JavaScript控制台中的各种方法至关重要。本文介绍了22种实用的console方法,从基本的log()到高级的profile()和memory,每种方法都配有示例和说明,帮助开发者更高效地调试和记录信息。通过了解这些工具,您可以优化代码、提高开发速度,减少错误,使编码过程更加顺畅愉快。
44 1
JavaScript控制台:提升Web开发技能的秘密武器
|
1月前
|
JavaScript 前端开发 数据安全/隐私保护
Web开发者必看:手把手教你如何轻松播放m3u8流地址,解锁视频播放新技能,让你的项目更上一层楼!
【10月更文挑战第23天】随着互联网技术的发展,m3u8格式因良好的兼容性和高压缩率被广泛用于网络流媒体传输。本文介绍如何在Web端播放m3u8流地址,包括引入视频播放器(如Video.js)、创建播放器容器、初始化播放器及播放m3u8流的具体步骤。此外,还涉及处理加密m3u8流的示例。
157 1
|
18天前
|
JavaScript 前端开发
jQuery和CSS3带变形特效的固定导航菜单
这是一款jQuery和CSS3带变形特效的固定导航菜单。该导航菜单开始时固定在页面左上角,当用户向下滚动时,导航菜单以水滴变形的方式转换为圆形菜单,然后固定在页面的左上角位置。
|
2月前
|
存储 前端开发 安全
详解CSS之Web 字体
详解CSS之Web 字体
28 4
|
2月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
27 1
|
1月前
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
31 0