大前端
怪伽先森
在迷茫中执着前行
展开
-
$(function() {}),什么时候执行?
1. 什么时候执行呢?(function() {}),即 $(document).ready(function(),什么时候执行?$(function() { //执行操作});$(function() {}) 是$(document).ready(function()的简写, 这个函数什么时候执行的呢?答案:DOM 加载完毕之后执行。2. 分析DOM 是什么?DOM 就是一个 ...原创 2019-08-01 11:49:46 · 46466 阅读 · 2 评论 -
HTML 垂直居中body中的应用
应用场景: 在body中书写一个代码块, 使其相对于body垂直居中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1....原创 2019-07-30 14:00:54 · 4331 阅读 · 0 评论 -
JS - 事件 - 获取所有子节点
1. 获取所有子节点<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS</title> </head> &l...原创 2019-07-30 10:41:02 · 12130 阅读 · 0 评论 -
html 页面定位到指定位置的4种实现方式
<!DOCTYPE html><html><head> <meta charset="utf-8"></head><style> body { text-align: center; } #go_to { position: fixed; ...原创 2019-07-30 09:34:32 · 12581 阅读 · 0 评论 -
常用的 JS 正则表达式54种形式类型
1.由数字、26个英文字母或者下划线组成的字符串: ^[0-9a-zA-Z_]{1,}$2.非负整数(正整数 + 0 ): ^/d+$3. 正整数: ^[0-9]*[1-9][0-9]*$4.非正整数(负整数 + 0): ^((-/d+)|(0+))$5. 负整数 : ^-[0-9]*[1-9][0-9]*$6.整数: ^-?/d+...原创 2019-07-30 11:11:52 · 377 阅读 · 0 评论 -
浅析 HTML input value
1. Input 获取 value<input type="text" value="请输入姓名" name="name" id="name"><script> var name; name = document.getElementById("name").value name = $("#name").val() name = $("i...原创 2019-07-30 13:52:40 · 2544 阅读 · 0 评论 -
HTML 数字的处理方法(保留小数点两位、将数字转化为千分位格式)
可参考链接js保留两位小数方法总结代码将 1234567.00 转换为 1,234,567.00<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ...原创 2019-07-30 14:26:10 · 20775 阅读 · 0 评论 -
浅析 HTML console
1. 显示信息// 1. 显示信息console.log('hello');console.info('信息');console.error('错误');console.warn('警告');2. 占位符console 支持 printf 的占位符格式,支持的占位符有:字符(%s)、整数(%d或%i)、浮点数(%f) 和对象 (%o)console.log("%d年%d月%d日...原创 2019-07-30 15:01:05 · 4541 阅读 · 0 评论 -
jQuery 选择器
0. 免费体验jQuery 选择器文档$(this).hide()//隐藏当前的 HTML 元素$("p").hide()//隐藏所有 `<p>` 元素$(".test").hide()//隐藏所有 `class="test"` 的元素$("#test").hide()//隐藏 id="test" 的元素1.基本选择器$("#id") //ID...原创 2019-08-14 16:09:59 · 162 阅读 · 0 评论 -
jQuery 获取内容、属性及相关设置操作
1. jQuery 获取 内容和属性text() 设置或返回所选元素的文本内容html() 设置或返回所选元素的内容(包括 HTML 标记)val() 设置或返回表单字段的值attr() 用于获取属性值//jQuery text() 和 html() - 获取文本和内容$(document).ready(function(){ $("#btn1").click(fu...原创 2019-08-15 09:37:52 · 375 阅读 · 0 评论 -
js 比较时间日期大小
逻辑思路得到标准的字符串格式的日期,一般我们的字符串格式的日期,大多是这样:2015/01/12 or 2017-8-13,前者是比較标准的字符串格式,后者在火狐下直接使用 Date.parse() 方法会报错,所以为了兼容所有的浏览器,我们先要把日期字符串格式全部转成前者统一下,之后再调用 Date.parse() 将日期字符串转成时间戳.直接比较 ( > | &l...原创 2019-09-06 10:08:45 · 4297 阅读 · 0 评论 -
AppCan 刷新前一个页面或者调用父页面方法
appcan增加新纪录完了如何刷新主页面AppCan 窗口模块WindowAppCan.window.open 打开的窗口 , 如何在打开的窗口中调用父窗口的方法原创 2019-07-30 10:43:48 · 537 阅读 · 0 评论 -
移动端 input 弹出键盘 与 获取点击确定搜索触发的事件
首先说说如何在用户点击 input 时弹出带有搜索按钮的键盘,其实很简单,加上 type="search" 即可。<input id="keyword" placeholder="输入关键字搜索" type="search" />获取搜索按钮的点击事件呢,代码如下:$("#keyword").on('keypress',function(e) { ...原创 2019-06-11 09:17:43 · 11411 阅读 · 0 评论 -
大前端 (二) -- HTML5 标签 1
HTMLHTML 不是程序设计语言,而是一种标记语言,它用一些标记、标签来说明文本的显示效果。要制作网页和建立网站,就必须对HTML语言有所了解。客观地讲:HTML标签没有多少逻辑性而言,为了大家更好的理解和记忆,我们对这些标签进行分门别类的讲解,主要分为:常用标签文本标签语义标签结构标签列表标签表格标签表单标签新增标签和API好的,我们就从常用标签下手吧HTML 常用标...原创 2019-05-08 21:01:21 · 236 阅读 · 0 评论 -
大前端 (三) -- HTML5 标签 2
HTML文本标签1. b标签b标签常用于文本加粗,它对应于英文中的bold。<b>b标签用于粗体显示文字</b>2. strong标签strong标签的作用和用法与b标签基本相同,但是在HTML5中为strong标签增加了语义,用其表示重要的文本。<strong>strong标签用于粗体显示文本,表示重点内容</strong>3. ...原创 2019-05-08 21:13:35 · 642 阅读 · 0 评论 -
大前端 (四) -- HTML5 标签 3
HTML语义标签HTML5标签语义化的目的:让程序员(甚至是非IT人士)能够直观地认识到标签及其属性的用途和作用。比如,当我们看到 h1~h6时就知道:这个标签是用来显示标题的。当然,语义化还有其他非常重要的作用。通过语义化标签可以让爬虫,搜索引擎,SEO读懂我们的页面。比如,我们利用 HTML5 开发一款新闻朗读软件给盲人朋友用,如果我们把重点内容放入 strong 标签中,那么该内容会被重...原创 2019-05-08 21:23:12 · 255 阅读 · 0 评论 -
大前端 (五) -- HTML5 标签 4
HTML 结构标签我们在 HTML 页面中常用一些标签将页面划分为不同的区域用以表示页面结构。比如,可使用div标签将整个页面分为header,body,footer三部分。现在我们就来学习这些与页面结构有关的标签。1. div 标签div标签在页面中非常常见,也常将其称为标签容器。我们可以将一组功能相关的标签放到同一个div中,也可以对该标签内的元素作统一处理,比如设置对齐方式,背景颜色。...原创 2019-05-08 21:31:19 · 348 阅读 · 0 评论 -
大前端 (六) -- HTML5 标签 5
HTML 列表标签1. ul标签可能猛地一下看到 ul 不知道它是干嘛的。可是,如果我告诉你它源自于英语短句 unordered list,你是否就反应过来了呢?对的,它用于表示无序列表。请看如下示例:<ul> <li>华为</li> <li>三星</li> <li>小米&...原创 2019-05-08 21:37:53 · 204 阅读 · 0 评论 -
大前端 (七) -- HTML5 标签 6
HTML表格标签在HTML中与表格相关的标签简述如下:table标签用于展示表格caption标签用于显示表格的标题tr标签用于表示表格的行th标签用于表示表格的表头单元格td标签用于表示单元格eg:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2019-05-08 21:42:29 · 235 阅读 · 0 评论 -
大前端 (八) -- HTML5 标签 7 -- 表单标签
HTML 表单标签HTML 表单用于搜集用户输入的不同类型的数据并将其上传至服务端。一起学习表单中最常用的标签吧1. fieldset 标签fieldset 标签用于在表单中划分区域并显示边框,起到分组的作用。例如:可以将整个表单中的控件放到一个 fieldset 标签中;也可以将表单中功能相关联的几个控件置于同一个 fieldset中。2. legend 标签legend 标签用于设置...原创 2019-05-08 22:52:18 · 357 阅读 · 0 评论 -
大前端 (九) -- HTML5 标签 8 -- 新增标签
HTML5 新增标签、meter 标签meter标签用于表示度量结果,请看如下示例:笔记本剩余电量:<meter value="7" min="0" max="10"></meter>progress标签progress标签用于表示进度,请看如下示例:本月已完成工作:<progress value="80" max="100"></progr...原创 2019-05-08 23:31:02 · 300 阅读 · 0 评论 -
AppCan 在页面添加返回按钮的图标及事件
<body class="um-vp " ontouchstart> <div id="page_0" class="up ub ub-ver bc-bg" tabindex="0"> <!--header开始--> <div id="header" class="uh bc-text-hea...原创 2019-06-11 07:41:34 · 617 阅读 · 0 评论 -
Appcan 返回前一个页面
uexWindow.close();参考链接http://bbs.appcan.cn/forum.php?mod=viewthread&tid=50873&extra=&highlight=刷新&page=1原创 2019-06-11 08:59:40 · 734 阅读 · 0 评论 -
大前端 (一) -- HTML5入门
暂定要学的前端内容为:HTML5负责页面的结构和语义。比如,页面的标题,页面的区域划分,语义化标签等等都是由HTML来实现的。CSS3负责页面的样式。比如,背景颜色,文本的大小,边框等等与样式相关的部分都由CSS承担JavaScript负责页面的行为和交互。比如,点击按钮后改变文本颜色,计算两个数据的相加,存储数据等等;这些都是由JavaScript负责。...原创 2019-05-08 20:28:42 · 931 阅读 · 0 评论