如何将选择的Jquery选择的选项保存在同一页面，甚至在刷新页面后仍停留在同一位置 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

前端开发面试题答案(四)

同步的概念应该是来自于OS中关于同步的概念:不同进程为协同完成某项工作而在先后次序上调整(通过阻塞,唤醒等方式).同步强调的是顺序性.谁先谁后.异步则不存在这种顺序性....同步：浏览器访问服务器请求，用户看得到页面刷新，重新发请求,等请求完，页面刷新，新内容出现，用户看到新内容,进行下一步操作。异步：浏览器访问服务器请求，用户正常操作，浏览器后端进行请求。...等请求完，页面不刷新，新内容也会出现，用户看到新内容。 29、如何解决跨域问题?...提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等 38、jquery 中如何将数组转化为json字符串，然后再转化回来？...*基于Class的选择性的性能相对于Id选择器开销很大，因为需遍历所有DOM元素。 *频繁操作的DOM，先缓存起来再操作。用Jquery的链式调用更好。

3.1K2 0

跨平台移动APP开发进阶(三)：hbuilder+mui mobile app 开发心酸路

popover同时关闭蒙版；再比如侧滑菜单界面，菜单划出后，除侧滑菜单之外的其它区域都会遮罩一层蒙版，用户点击蒙版会关闭侧滑菜单同时关闭蒙版。...并获取其id 解决措施： //on中参数的含义依次为事件、选择器、参数、方法，其中选择器与参数为可选项 mui(‘.mui-content’).on(‘tap’,‘body’,function(){...alert(this.id);// (根据id判断是哪一个button) }) 总结：mui中的方法都是封装的jquery,所以自己还得从jquery着手，因为好多方法不会用，不知道参数的含义。...我想提升代码的复用性（即多个content页面均使用同一个header页面），如何解决？Mui能够做到吗？解决措施：使用webview模式选项卡。何谓webview模式？...其实就是每个选项卡内容都是一个独立的webview，彼此之间互相独立、互不影响；对于较为复杂的业务系统，推荐使用该模式。另外，基于webview模式的选项卡，支持原生加速的下拉刷新。

3.8K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

最近开发一个较复杂的单页应用的些许感想

因为前，后端不在同一个域，所以，后端提供的接口的响应头都是 Access-Control-Allow-Origin: *的。...这是我做的第一次做单页应用，也是第一次在正式项目里用Angular，所以遇到了不少坑，记录如下页面切换时（非页面刷新，只是hash发生变化，ng-view里的内容根据路由进行更新），用jQuery抓取新页面的元素抓不到...多次进入同一个页面，导致同一个js被多次执行导致的问题。因为页面没有刷新，事件委托的那元素上的事件会被绑定多次。解决方案是，绑事件前，先接触绑定事件。...页面有较大改动时，要改不少jQuery的选择元素的代码后端的接口调整或出问题后导致的一些问题。做单页应用的一些总结尽量不要用jQuery做。用Angular来代替。...因为单页应用的页面跳转并没有刷新页面前后端分离可采用，前后端均用相同的模板引擎。前端在开发时，请求的自己写的模拟的接口，而非后端真正的接口。模拟的接口和后端的接口的格式是一样的。

6472 0

Wijmo 更优美的jQuery UI部件集：发现 Wijmo

例如： $(function() { //在文件准备完成后做一些事情。 }); 所有位于 $(document).ready 函数内的脚步将会在DOM加载时加载，并且会在页面内容加载之前完成。...jQuery 选项 jQuery 选项是作为参数传递给一个部件的简单属性。每一个Wijmo 部件具有一个选项的默认配置；当然，会有一些情况，你希望覆盖这些定制部件的属性的默认值。...如果你位于印度或者中国，即使是访问同一个页面，内容也会来自于最接近你所在位置的服务器。当web浏览器加载内容时，它们通常会检查是否已经拥有一份该文件的缓存。通过使用CDN，你可以从中受益。...如果某个用户曾经通过同一个CDN访问过一个站点，他们将在他们的机器上保留一份文件的缓存版本。你所访问的页面会加载的更快，因为支持内容无需再次下载。 Wijmo 从最开始就支持了CDN。...该wijcalendar 具有选项设置的预定义的配置，所以在你初始化完成后可以立即使用。

3.8K9 0

AJAX使用说明书

AJAX除了异步的特点外，还有一个就是：浏览器页面局部刷新；（这一特点给用户的感受是在不知不觉中完成请求和响应过程） AJAX优点 AJAX使用JavaScript技术向服务器发送异步请求； AJAX请求无须刷新整个页面...当文件框发生了输入变化时，使用AJAX技术向服务器发送一个请求，然后服务器会把查询到的结果响应给浏览器，最后再把后端返回的结果展示出来。整个过程中页面没有刷新，只是刷新页面中的局部位置而已！...当请求发出后，浏览器还可以进行其他操作，无需等待服务器的响应！简单的AJAX示例下面的例子是做一个简陋的加法计算器，用户输入两个数字，然后点计算后，将值显示出来，并且页面不刷新。...如果是数组，JQuery将自动为不同值对应同一个名称。例如： {foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2。...，JQuery将自动替换后一个“?”为正确的函数名，以执行回调函数。　　text：返回纯文本字符串。

3.4K7 0

前端之jquery函数库

指的是原生对象 // 使用jquery对象用 $(this) }) 获取元素的索引值有时候需要获得匹配元素相对于其同胞元素的索引位置，此时可以用index()方法获取 var $li =...() 向下展开 slideUp() 向上卷起 slideToggle() 依次展开或卷起某个元素 jquery链式调用　　jquery对象的方法会在执行完后返回这个jquery对象，所有jquery对象的方法可以连起来写...局部刷新和无刷新　　ajax可以实现局部刷新，也叫做无刷新，无刷新指的是整个页面不刷新，只是局部刷新，ajax可以自己发送http请求，不用通过浏览器的地址栏，所以页面整体不会刷新，ajax获取到后台数据...，更新页面显示数据的部分，就做到了页面局部刷新。...jsonp和ajax原理完全不一样，不过jquery将它们封装成同一个函数。

6K2 0

图解浏览器引用本地硬盘上的JS文档

网页通过标记可以引入在线的js文档，只有把网页保存在本地硬盘才能使用相对路径引入本地js文档，普通浏览器难以实现在线页面上引入本地js文档。...在“运行JS代码”窗口中，有一个引入JS的下拉列表框，自动列出本文第一步指定文件夹下的所有JS文档，直接勾选需要引入的JS文档，可以同时选择引入多个文档。...打开“引入JS文档”下拉列表框，自动列出软件目录下的js文件夹下所有JS文档，如果选择引入jquery库，然后就可以在代码中直接使用JQuery编码。...关闭项目管理器，再回到浏览器的主窗口，此时书签栏显示了”自动引入JQ”项目。不管哪个网站页面，需要时只要打开页面后点击这个书签按钮就可引入JQuery库。...为了提高浏览器性能，每个页面只需引入一次同一个JS文档，如果多次执行引入相同的JS文档，则只有首次执行引入操作。如果网页刷新或跳转后，则需重新执行引入操作。

2.8K0 0

长连接和短连接详细解析

单个应用程序 + 单个数据库这套基础开发套餐我相信每个人都经历过，甚至在初期它们还有可能部署在同一台服务器上。既然应用程序和数据库分属于两个不同的进程，所以这个问题本质上还是两个进程之间的通信问题。...它在网络中所处的位置大致就是下面的黑色部分，应用层与传输层之间。 ?...存在必有其价值，接下去我们根据实际的案例让你清楚知道如何来选择它们。长连接和短连接的选择我想你肯定见过一些监控或者实时报价类系统，比如股票软件，它需要在几秒之内刷新最新的价格。...用户的下一次点击往往跳转到了其它文章，并且新打开的与当前文章并不需要具有“连续性”，所以这种场景我们称之为“无状态”的。另外，理论上同一时刻打开几篇文章也不会存在什么不妥。...不过有时候我们可能需要一个中庸的方案来作为默认选择，因为很多场景中的请求并不是平稳的，甚至波动会较大，而且可能同时存在有状态和无状态的场景，此时如果单方面的选择长连接或者短连接都会产生较多的资源浪费。

9.8K3 1

waypoint_使用jQuery Waypoint创建粘性导航标题

最重要的是，您将熟悉jQuery Waypoints插件的基础知识，该插件将提供高级功能：当用户向下滚动时，导航栏将停留在视口的顶部，并进行更改以指示当前部分。...就其本身而言，这没有什么区别：两者都是做同一件事的完全有效的方法。但是，我们传递的对象可以包含其他几个选项值-因此现在使用它可以使以后的代码更加一致。...如果您正在做其他可能影响航路点位置的事情（例如更改DOM或页面布局），请确保之后再调用$.waypoints('refresh')以重新计算位置。...所有这些都是标准的jQuery票价：在nav添加或删除sticky类后，我们便会使用.css()覆盖元素的垂直位置，然后使用.animate()其设置为应有的水平。...只是让您知道，存在一些插件，例如Ariel Flesler出色的jQuery.Rule ，可用于弥合脚本和样式表之间的鸿沟。您必须自己决定是否需要类似的东西。

5.4K3 0

手机APP测试（测试点、测试流程、功能测试）

逆向：检查用户主动退出登录后，下次启动APP，应停留在登录页面。...验证码有效期校验（超过有效期无法登录） 1.2.3 注册表单编辑页面测试；用户名密码长度；注册后的提示页面；前台注册页面和后台的管理页面数据是否一致注册后，在后台管理系统中的页面提示以及数据库中的用户信息是否正常...当杀掉APP进程后，再开启APP，APP能否正常启动。　　出现必须处理的提示框后，切换到后台，再切换回来，检查提示框是否还存在，有时候会出现应用自动跳过提示框的缺陷。　　...分别选择了“男”“女”后，保存到数据库的数据应该相应的分别为“男”“女”; 　　c，一组执行同一功能的单选按钮在初始状态时必须有一个被默认选中，不能同时为空; 5. up-down控件文本框的测试　　...用户在下次启动APP时，仍出现更新提示逆向：APP更新后新增功能和老功能是否可以正常使用逆向：当版本为强制更新升级时，用户没有做更新，退出客户端，下次启动APP时，仍出现强制升级提示（且无法关闭），

16K6 11

H5的Notification特性 - Web的桌面通知功能

传统的通知方式，大多是通过站内信（消息），邮件，短信等方式，它们通常需要刷新（跳转）页面、离开应用打开其他应用或终端来查看消息；而桌面通知功能大大的简化了这个过程，消息的传递基本不消耗时间（如果不设置setTimeout...举个例子，当你打开网站页面，你可能会看到（使用新版浏览器）如下图的通知：四、特性 1.该通知是脱离浏览器的，即使用户没有停留在当前标签页，甚至最小化了浏览器，也会在主屏幕的右上角显示通知，然后在一段时间后消失...(右上角的叉叉)，页面还没刷新，我们可以再次向用户请求权限。...页面刷新过后，浏览器默认用户拒绝。在safari浏览器下，没有关闭请求权限的选项，用户必须选择同意/拒绝。...chrome下：当通知关闭之后，上次出现过的tag在一段时间内，不能再出现，比如刷新页面再请求相同tag的通知。

2.9K2 0

前端面试宝典 v1

执行say667()后,say667()闭包内部变量会存在,而闭包内部函数的内部变量不会存在.使得Javascript的垃圾回收机制GC不会收回say667()所占用的资源，因为say667()的内部函数的执行需要依赖...提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等 85、jquery 中如何将数组转化为json字符串，然后再转化回来？...考察学习知识的态度，是否仅仅是停留在使用层面，要知其然知其所以然 2、jQuery.fn的init方法返回的this指的是什么对象？为什么要返回this？...this执行init构造函数自身，其实就是jQuery实例对象，返回this是为了实现jQuery的链式操作 1、jquery中如何将数组转化为json字符串，然后再转化回来？...需求：实现一个页面操作不会整页刷新的网站，并且能在浏览器前进、后退时正确响应。给出你的技术实现方案？至少给出自己的思路（url-hash,可以使用已有的一些框架history.js等） 3.

3.2K4 1

jQuery

链式调用 jquery对象的方法会在执行完后返回这个jquery对象，所有jquery对象的方法可以连起来写： $('#div1') // id为div1的元素 .children('ul') //该元素下面的...以及margin的width和height 2、获取元素相对页面的绝对位置 offset() 3、获取浏览器可视区宽度高度 $(window).width(); $(window).height();...局部刷新和无刷新 ajax可以实现局部刷新，也叫做无刷新，无刷新指的是整个页面不刷新，只是局部刷新，ajax可以自己发送http请求，不用通过浏览器的地址栏，所以页面整体不会刷新，ajax获取到后台数据...，更新页面显示数据的部分，就做到了页面局部刷新。...同源策略 ajax请求的页面或资源只能是同一个域下面的资源，不能是其他域的资源，这是在设计ajax时基于安全的考虑。

5K2 0

前端开发面试题

一个用于页面布局的全新CSS3功能，Flexbox可以把列表放在同一个方向（从上到下排列，从左到右），并让列表能延伸到占用可用的空间。...fixed的元素是相对整个页面固定位置的，你在屏幕上滑动只是在移动这个所谓的viewport，原来的网页还好好的在那，fixed的内容也没有变过位置，所以说并不是iOS不支持fixed，只是fixed...同步：浏览器访问服务器请求，用户看得到页面刷新，重新发请求,等请求完，页面刷新，新内容出现，用户看到新内容,进行下一步操作。异步：浏览器访问服务器请求，用户正常操作，浏览器后端进行请求。...jQuery.fn的init方法返回的this指的是什么对象？为什么要返回this？ jquery中如何将数组转化为json字符串，然后再转化回来？...提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等 JQuery的源码看过吗？能不能简单说一下它的实现原理？ jquery 中如何将数组转化为json字符串，然后再转化回来？

5.7K5 2

在 jQuery Mobile 中使用 UI 组件

下面的代码显示如何将一个简单的 Web 页面超链接转换为一个将关联 Web 页面打开为一个对话框的超链接： Open dialog...对于需要采取的任何处理类型，这都将是一个不错的选择，例如，一个 Save 按钮可以链接到一个 Web 页面，该页面将某些信息保存到数据库，然后带着一个确认消息返回原始的父 Web 页面。...该属性的默认值是 inline，但您也可以将它的值设置为 fixed，以便将工具栏（如，页眉）保持在一个特定的位置，即使在 Web 页面滚动时，工具栏的位置也不变。...在为移动 Web 页面格式化内容时，重要的是要记住，大多数移动设备的屏幕都较窄。也就是说，仍然存在大量要调用列网格的情况。...增强列表在您明白创建基本列表有多简单后，您可能就会想要更多选项。对列表提供更多功能的一个选项称为拆分按钮列表。拆分按钮列表使您能够在同一个列表项中提供两个可单击的选项。

12K2 0

【前端】前端学习必备之Chrome调试代码技巧

打开调试工具后，我们会看到一个复杂但功能强大的界面，这个界面包含了许多选项卡和工具，下面我们会详细介绍。 2....2.3 刷新页面在调试时，有时需要频繁刷新页面查看效果，可以使用以下方式进行刷新：普通刷新：按下 F5 键，这会重新加载页面缓存，并非强制刷新。...强制刷新：按下 Ctrl + F5，强制刷新会忽略缓存，重新加载所有资源，适用于样式和脚本更新后没有即时生效的情况。 3....4.2 CSS 权重和层叠 Chrome 调试工具中，样式面板会显示样式的来源及其被应用的顺序。如果有多个选择器都为同一元素定义了相同的样式属性，那么只有权重更高的样式会生效。...设置断点：可以点击代码行号设置断点，页面运行到这里时会自动暂停，方便我们逐行调试代码。逐行调试：在暂停的位置，可以使用顶部的调试控制按钮逐行执行代码、跳过函数调用等。 8.

2.1K1 1

前端开发面试题总结之——JAVASCRIPT.One

同步的概念应该是来自于操作系统中关于同步的概念:不同进程为协同完成某项工作而在先后次序上调整(通过阻塞,唤醒等方式)。同步强调的是顺序性，谁先谁后；异步则不存在这种顺序性。...// 同步：浏览器访问服务器请求，用户看得到页面刷新，重新发请求,等请求完，页面刷新，新内容出现，用户看到新内容,进行下一步操作。...等请求完，页面不刷新，新内容也会出现，用户看到新内容。如何解决跨域问题？...是否了解针对 jQuery 性能的优化方法？基于Class的选择性的性能相对于Id选择器开销很大，因为需遍历所有DOM元素。 // 频繁操作的DOM，先缓存起来再操作。...jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。 jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。

1.5K1 0

最新详细eclipse下载、安装、汉化教程

把它解压到你想要安装的位置，或者解压到当前文件夹，再把解压的文件放到你想放的位置你们的压缩包可能跟我的长得不一样的，在这里的推荐一个好用的解压软件 [WinRAR](WinRAR - 压缩软件老牌压缩软件知名产品...经典装机软件之一) 耐心等待解压完成找到解压之后的文件夹，里面只有一个eclipse文件夹，也是要双击打开找到倒数第三个程序，双击打开此时弹出如下对话框，提示选择工作空间，你写的代码都将保存在这个目录下...加载成功后；选择下面我选择的那个，然后点击 Next 如图所示在这个页面点击如图所示位置会显示安装进度，可以耐心的等待安装完成注意：在48到49%区间会有很多download...请打开progress页面确保没有卡在同一个文件！如果停留在同一个文件太久（5分钟以上，否则不视为卡住），请检查你的网络连接，然后重启软件重试！...会弹出一个新的页面，按照图上的步骤来如图所示当出现这个页面上，就表示已经汉化成功了中英文切换找到eclipse快捷方式，右键 → 属性如果想以英文方式启动，在目标后加上

2.9K2 2

eclipse下载与安装（汉化教程）超详细

把它解压到你想要安装的位置，或者解压到当前文件夹，再把解压的文件放到你想放的位置你们的压缩包可能跟我的长得不一样的，在这里的推荐一个好用的解压软件 [WinRAR](WinRAR - 压缩软件老牌压缩软件知名产品...，你写的代码都将保存在这个目录下。...加载成功后；选择下面我选择的那个，然后点击 Next 如图所示在这个页面点击如图所示位置会显示安装进度，可以耐心的等待安装完成注意：在48到49%区间会有很多download...请打开progress页面确保没有卡在同一个文件！如果停留在同一个文件太久（5分钟以上，否则不视为卡住），请检查你的网络连接，然后重启软件重试！...会弹出一个新的页面，按照图上的步骤来如图所示当出现这个页面上，就表示已经汉化成功了中英文切换找到eclipse快捷方式，右键 → 属性如果想以英文方式启动，在目标后加上

8.6K5 0

JavaScript笔记(25)之本地存储

本地存储目标: 本地存储特性数据存储在用户浏览器中设置,读取方便,甚至页面刷新不丢失数据容量较大,sessionStorage约5M,localStorage约20M....只能存储字符串,可以将对象JSON.stringify()编码后存储(后面会学) window.sessionStorage 生命周期为关闭浏览器窗口在同一窗口(页面)下数据可以共享以键值对的形式存储使用...可以多窗口(页面)共享(同一浏览器可以共享) 以键值对的形式存储使用它的操作和前面的是一样的存储数据: localStorage.setItem(key, value) 获取数据: localStorage.getItem...我们用之前的文件写过存储数据的操作: 因为用的是localStorage的方法,所以就算换了个窗口,数据也是存在的,只要是在同一个浏览器下....我们现在存一个试试,看一下效果当我刷新这个页面时,用户名就自动填充进来了. 当我取消勾选以后再刷新,输入框就不会自动填充了下一节开始就是jQuery了.

6321 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭