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 数字

相关文章
|
3天前
|
前端开发 JavaScript 数据处理
前端新手指南:如何解决JavaScript导出CSV文件不完整的问题
【6月更文挑战第4天】在JavaScript中处理CSV文件时,需要特别注意一些特殊字符,例如逗号、双引号、换行符等。这些字符可能会影响CSV文件的解析,导致数据错乱。
17 0
|
19天前
|
编解码 前端开发
编写代码中常见问题汇总(html和css)
编写代码中常见问题汇总(html和css)
25 0
|
2天前
|
XML 前端开发 JavaScript
前端简介(HTML+CSS+JS)
前端简介(HTML+CSS+JS)
|
3天前
切方块游戏 HTML5+jQuery【附源码】
切方块游戏 HTML5+jQuery【附源码】
7 0
|
3天前
制作温馨浪漫爱心表白动画特效HTML5+jQuery【附源码】
制作温馨浪漫爱心表白动画特效HTML5+jQuery【附源码】
7 0
|
3天前
|
缓存 前端开发 JavaScript
从HTML、CSS以及其他方面介绍一些移动端网页性能优化的策略
【6月更文挑战第14天】本文探讨了移动端网页性能优化的重要性,并提出了HTML、CSS及其他方面的优化策略。HTML方面,建议精简结构、使用语义化标签、异步加载脚本和压缩文件。CSS优化包括简化样式、利用CSS3动画、媒体查询及压缩文件。其他策略涉及图片和字体优化、缓存利用、压缩传输数据、减少HTTP请求及监听网络状态。通过这些方法,可提升网页性能,改善用户体验。
8 1
|
3天前
|
缓存 移动开发 前端开发
在PWA的开发中,HTML与CSS作为前端技术的基础,发挥着至关重要的作用
【6月更文挑战第14天】PWA(渐进式网页应用)借助HTML和CSS,提供接近原生应用的体验。HTML构建页面结构和内容,响应式设计适应各种设备,语义化标签提升可访问性,Manifest文件配置应用元数据,离线页面保证无网时体验。CSS则用于定制主题样式,创建动画效果,实现响应式布局,并管理字体和图标。两者协同工作,确保PWA在不同环境下的优秀性能和用户体验。随着前端技术进步,HTML与CSS在PWA中的应用将更加深入。
9 2
|
5天前
|
前端开发 数据安全/隐私保护
紫色渐变登陆布局html+css代码
这是一段关于网页设计的代码示例,使用纯CSS实现了登录界面的样式。HTML部分包括一个简单的登录表单,包含用户名、密码输入框和登录、注册按钮。CSS部分则定义了各种元素的样式,如背景色、边框、字体颜色等,并使用渐变效果和过渡动画来增强视觉效果。整个设计采用了响应式布局,适应不同设备的屏幕宽度。
15 0
|
5天前
|
前端开发 数据安全/隐私保护 容器
简约渐变色登陆布局html+css代码
这是一段包含HTML和CSS代码的摘要。HTML部分定义了一个基本的网页结构,包括`<html>`、`<head>`、`<body>`标签,以及一个简单的登录界面,由一个容器`.container`包含一个登录框`.login-wrapper`,登录框内有输入框和登录按钮。CSS部分设置了全局样式,如字体、边距,并为HTML元素添加了样式,如背景渐变色、文字对齐、输入框和按钮的样式等。整个代码展示了创建一个具有响应式布局和特定视觉效果的简洁登录页面。
13 0
|
5天前
|
前端开发 安全 数据安全/隐私保护
Web实战丨基于django+html+css+js的在线博客网站
Web实战丨基于django+html+css+js的在线博客网站
11 2

热门文章

最新文章