1、点击[内附组件] 2、点击[矩形] 3、点击[文字] 4、按<Shift>键 5、点击[文本] 6、点击[状态] 7、点击[新建] 8、点...
二、Windows对象 Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。...history.forward() // 前进一页 history.back() // 后退一页 location对象 window.location 对象用于获得当前页面的地址 (URL...如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。 语法: 提示框(了解即可) 提示框经常用于提示用户在进入页面前输入某个值。...如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。 语法: prompt("请在下方输入","你的答案") confirm("你确定吗?")...; 计时相关 通过使用 JavaScript,我们可以在一定时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。
)访问过的url1、后退:back()2、前进:forward()3、前进和后退:go()(1)前进一页:go(1)(2)后退两页:go(-2)代码例子:三个文件,效果后续发表相关视频给小伙伴看在同一个页面...('name')); localStorage.removeItem('name')//删除 console.log(localStorage.getItem('name'));----JQuery----一、JQuery:一个快速、简洁的JavaScript库,设计的宗旨"write less,Do More"1、简介(1)JavaScript库:一个封装好的特定的集合(方法和函数...click(function(){ alert('点击成功') }) 图片3、样式操作:CSS()方法修改(1)获取:参数只写属性名,返回值
之所以要使用链接的href这样做是因为,通常,一个javascript:URL会将浏览器重定向到评估该JavaScript结果的纯文本版本。 但是,如果结果不确定,则浏览器将停留在同一页面上。...来源: javascript:test();void(0);">here 此处:Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。...void 操作符用法格式如下: 1. javascript:void (expression) 2. javascript:void expression expression 是一个要计算的 Javascript...javascript:void(0)">单击此处什么也不会发生 //javascript:void(0) 仅仅表示一个死链接 (2)下面的代码创建了一个超链接,用户单击时会提交表单...javascript:void(document.form.submit())">单击此处提交表单
(1)在JQuery后面引入pagination插件 (2) $(selector).pagination({ callback: function(api){ //参数api为函数返回值,详情请查看下面的相关参数的...//当前页码 num_display_entries : 4, // 中间显示页码的个数 num_edge_entries : 2, // 末尾显示页码的个数 link_to : "javascript...:;", //页码点击后的链接 prev_text : "< 上一页", //上一页的文字 next_text : "下一页 >", //下一页的文字...", //页码之间的省略号 display_msg : true, // 是否显示记录信息 prev_show_always : true, //是否总是显示最前页 next_show_always
setTimeout() 在指定的毫秒数后调用函数或计算表达式。...所以这个函数有一个返回值,当用户点击确认时,返回true,点击取消时,返回false。我们根据返回值来决定是否执行后续操作。...back():返回上一页。 window.history.back(); forward():前进到下一页。...window.history.go(-2); // 后退两页 window.history.go(1); // 前进一页,等同于 forward() 五、navigator 对象 window.navigator...希望本文和其中的示例能帮助你更好地掌握 JavaScript BOM!
BOM Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。...history.forward() // 前进一页 history.back() // 后退一页 location对象 window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面...如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。 语法: confirm("你确定吗?") 提示框(了解即可) 提示框经常用于提示用户在进入页面前输入某个值。...如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。...语法: prompt("请在下方输入","你的答案") 计时相关 通过使用 JavaScript,我们可以在一定时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。
history.forward() // 前进一页 history.back() // 后退一页 location对象 window.location 对象用于获得当前页面的地址(URL),并把浏览器重定向到新的页面...常用属性和方法: location.href 获取URL location.href="URL" // 跳转到指定页面 location.reload() 重新加载页面 弹出框 可以在JavaScript...如果用户点击确认,那么返回值为true,如果用户点击取消,那么返回值为false。 语法: confirm("是否确定?") 提示框 提示框经常用于提示用户在进入页面输入某个值。...如果用户点击确认,那么返回值为输入的值,如果用户点击取消,那么返回值为null。...语法: prompt("请在下方输入","你的答案") 计时相关 通过使用JavaScript,我们可以在一定时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。
setTimeout var t1 = setTimeout(function () { console.log(1) // 3000 毫秒后打印 1 }, 3000) 取消定时器 clearTimeout javascript...(存储在访问者的浏览器中),它是没有过期时间的,除非你的手动删除它,否则它会一直存在。...// 设置缓存 localStorage.setItem('name', 'xiaoming') // 读取缓存 localStorage.getItem('name') // 'xiaoming'...97.0.4692.71 Safari/537.36' 获取操作系统 navigator.platform var str = navigator.platform // 'Win32' history 对象# 返回上一页...history.back history.back() 返回下一页 history.forward history.forward() 返回上下页 history.go history.go(-1)
如果点击确认:返回值为true。 如果点击取消:返回值为false。 2计时器 在window对象中,有两种计时器: ?...②02页面 在浏览器上有一个往后的箭头回到01页面,利用history也能达到相同的效果。 那用代码具体如何实现? 既然需要历史记录,那一个页面肯定不够,需要编写两个页面的代码: ?...①01页面代码编写 在刚进入01页面的时候,是没有历史记录的,所以用a标签来设置一个超链接,跳转02页面。 有了历史记录之后,就可以使用history对象了。...back方法,向后的意思,这个方法也就可以理解成“上一页”。 点一下“上一页”按钮,触发点击事件,history调用back方法,回到01页面。 此外关于上一页下一页的实现方法还有一种。...如果是go(1),相当于forward,下一页。 它是以当前页面为原点的,-1即代表了上一页,1即代表了下一页。 至于2是否能达到下一页的下一页这样的效果,暂且还不得而知,还需要自己花时间去探索。
Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。...history.forward() // 前进一页 history.back() // 后退一页 location对象 window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面...如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。 语法: confirm("你确定吗?") 提示框(了解即可) 提示框经常用于提示用户在进入页面前输入某个值。...如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。...语法: prompt("请在下方输入","你的答案") 计时相关 通过使用 JavaScript,我们可以在一定时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。
加载 history 列表中的某个具体页面 方式一: demo05.html 后一页... demo06.html 后一页 一页" onclick="history.back()"> 一页" onclick="history.forward...="demo6.html">后一页 demo06.html 后一页 一页" onclick="history.go(-1)"> 一页" onclick
一、Paginator对象 创建对象 格式:Paginator(列表, 整数) 返回值:返回的分页对象 属性 count:对象总数 num_pages:页面总数 page_range:...(对象)列表 number:当前页的页码值 paginator:当前page对象关联的paginator对象 方法 has_next: 判断是否有下一页,如果有返回True has_previous...:判断是否有上一页,如果有返回True has_other_pages:判断是否有上一页或下一页,如果有返回True next_page_number:返回下s一页的页码,如果下一页不存在抛出InvalidPage...异常 previous_page_number:返回上一页的页码,如果上一页不存在抛出InvalidPage异常 len():返回当前页的数据(对象)个数 三、示例 路由配置 path(JavaScript 插件。你也可以根据需要只加载单个插件。
单页应用中,如果在某一个具体路由的具体页面下点击刷新,那么刷新后,页面的状态信息可能就会丢失掉。...localStorage里将数据取回来放到vuex里,于是我在 App.vue 的 created 钩子函数里写下了如下代码: localStorage.getItem("userMsg") && this...$store.state,JSON.parse(localStorage.getItem("userMsg")))); //在页面刷新时将vuex里的信息保存到localStorage..., will eventually be written in JavaScript.”...Hybrid 容器:让被 App 统治的移动互联网时代也给 Web 开发留下了一席之地,小程序是典型代表 小知识: 1.vue2.0返回上一页 @click="$router.back(-1)"
生成painantor对象 paginator = Paginator(userlist, 10) #对象,每页多少条数据 painantor的属性与方法 属性 object_list:返回所有页对象的的列表...page_range:总页数的索引范围,如: (1,10),(1,200) 方法 page(第几页):page对象 4.生成page对象 生成page对象 page_1 = paginator.page(1) #第一页的信息...page的属性和方法 属性 object_list:返回当前页对象的的列表 number:返回当前页是第几页,从1开始 paginator:当前页对应的paginator对象 方法 has_next...(): 是否有下一页,有就返回Ture next_page_numbe()r:返回值下一页页码 has_previous():是否有上一页,有就返回Ture previous_page_number()...:返回值上一页页码 二.自定义分页 原理:我们用orm获得表里面信息的时候,他是个列表,我们可以用列表的切片来进行内容选取而达到分页的效果
继承PagingAndSortingRepository Jpa的基本使用方法在使用Jpa访问关系型数据库已经介绍过,我们暂且跳过,这里我们直接来看接口UserApplyRepository的定义:...,当发现返回值类型为Page,Spring Data Jpa将会把数据的整体信息、当前数据的信息,分页的信息都放入到返回值中。...size,每一页的大小,默认为20 sort,排序相关的信息,以property,property(,ASC|DESC)的方式组织,例如sort=firstname&sort=lastname,desc...例如@PageableDefault(value = 15, sort = { "id" }, direction = Sort.Direction.DESC)表示默认情况下我们按照id倒序排列,每一页的大小为...通过查询结果,我们可以知道: 以id倒序排列的10条数据 当前页不是最后一页,后面还有数据 总共有9页 每页大小为15 当前页为第0页 当前页是第一页 当前页是以id倒序排列的 当前页一共有
这个例子是在同一个页面中两个RTCPeerConnection对象之间建立连接。没有什么实际价值,但却能很好的证明RTCPeerConnection是如何工作的。...在这个例子中,两个 RTCPeerConnection 对象是在同一页上,pc1 和pc2。没什么实际价值,但很好的证明了 API 的工作。...当然,在本步骤中,在同一页中的两个RTCPeerConnection对象直接通信不需要额外的消息。...提示 在这一步学习了很多内容,另一个详细的解释了RTCPeerConnection的资源是webrtc.org/start.这页包括了JavaScript架构的建议 - 如果你喜欢 WebRTC,而且不想因...接下来 此步骤显示如何使用WebRTC在端点之间传输视频 - 但此codelab与数据无关! 在下一步中,了解如何使用RTCDataChannel流式传输任意数据。
JavaScript 温故而知新 参加字节跳动的青训营时写的笔记。这部分是月影老师讲的课。 1....插件与组件之间通过依赖注入的方式建立联系 模板化 将 HTML 模板化,更易于扩展(即视图根据数据来更新,这样子需要变更图片之类的时候,就只需要在图片数组中操作,而不需要变更 HTML) 抽象化(组件框架) 例子:轮播图把上一页...、下一页和分页按钮抽象成插件,就可以根据需要添加了 3....用来处理局部细节控制的一些方法 函数式编程思想的基础应用 为了能够让只执行一次的需求覆盖不同的事件处理,我们可以将这个需求剥离出来,这个过程就叫做过程抽象 3.1 高阶函数 以函数作为参数 以函数作为返回值
共享内存 共享内存就是同意两个不相关的进程訪问同一个逻辑内存。共享内存是在两个正在执行的进程之间共享和传递数据的一种很有效的方式。不同进程之间共享的内存通常安排为同一段物理内存。...而假设某个进程向共享内存写入数据,所做的修改将马上影响到能够訪问同一段共享内存的不论什么其它进程。 共享内存并未提供同步机制,也就是说。...全部的内存分配操作都是以页为单位的。...所以假设一段进程仅仅申请一块仅仅有一个字节的内存,内存也会分配整整一页(在i386机器中一页的缺省大小PACE_SIZE=4096字节)这样,新创建的共享内存的大小实际上是从size这个參数调整而来的页面大小...即假设size为1至4096,则实际申请到的共享内存大小为4K(一页);4097到8192,则实际申请到的共享内存大小为8K(两页),依此类推。