
JavaScript/JQuery
文章平均质量分 71
JavaScript 的基础知识的应用。
仰望星空的代码
专注Web前端和微信小程序开发。
展开
-
element table组件的show-overflow-tooltip属性的实现原理
element ui框架中的 table 组件的 show-overflow-tooltip 属性是如何实现的?其中体现了哪些 DOM 原生 API 的用法?让我们一探究竟。原创 2022-01-11 18:51:46 · 17809 阅读 · 0 评论 -
Jquery中的bind、live、delegate、on绑定事件方法的用法
项目中经常会有利用jquery操作dom元素的增删操作,所以会涉及到dom元素的绑定事件方式,简单的归纳一下bind,live,delegate,on的区别,以便以后查阅,文中如有不当之处,望各位指正。bind()简要描述 bind()向匹配元素添加一个或多个事件处理器。使用方式 $(selector).bind(event,data,function) event:必需项;添加到元素的一个...原创 2016-04-22 11:11:00 · 975 阅读 · 0 评论 -
静态页面使用ajax刷新页面访问量通过easyui实现
网站要实现一个访问量刷新的功能。本来应该是很容易的一个小小功能,但是如果页面被静态化为html页面时以往的动态刷新访问量的方法就无法实现。如何才能实现在静态页面中增加并获取访问量数据呢?想到了一种解决方案——通过ajax异步请求不刷新页面,实现动态的从数据库获取并更新访问量数据。当然,如果有其他好的解决方案也请大家贴出来分享。下面来看看我的解决方案的代码实现。两点说明1.在开始编写程序原创 2015-10-14 09:42:45 · 2576 阅读 · 0 评论 -
jQuery 表单验证插件jQuery Validation Engine用法详解
功能强大的 jQuery 表单验证插件,适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则。jQuery Validation Engine v2.6.2:兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+,要求jQuery版本1.7以上。下载地址:http://code.ciao原创 2016-04-06 08:48:55 · 25160 阅读 · 2 评论 -
JS实现下拉框时间选择
使用js实现的一个简单的下拉框时间选择如图:代码如下:window.onload=function(){var selects = document.getElementsByTagName("select");//通过标签名获取select对象var date = new原创 2015-08-17 16:12:29 · 3533 阅读 · 2 评论 -
也谈Web 性能优化
Web 性能优化分为服务器端和浏览器端两个方面。具体可以从一下几方面来入手进行优化。1、压缩源码和图片JavaScript 文件源代码可以采用混淆压缩的方式,CSS 文件源代码进行普通压缩,JPG 图片可以根据具体质量来压缩为50%到70%,PNG 可以使用一些开源压缩软件来压缩,比如24色变成8色、去掉一些 PNG 格式信息等。2、选择合适的图片格式如果图片颜色数较多就使用原创 2018-01-05 21:45:12 · 320 阅读 · 0 评论 -
ASP.NET Core Web API+Vue.js+axios 实现图片下载
前端访问下载图片API下载图片。一、ASP.NET Core Web API代码方案一: [Route("api/[controller]")] [ApiController] public class DownloadController : BaseController { // GET: api/Download [...原创 2018-09-21 14:25:30 · 3198 阅读 · 0 评论 -
js的函数的防抖和节流
一、防抖定义:触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间。思路:每次触发事件时都取消之前的延时调用方法实现:function debounce(fn) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () { clearTimeou...原创 2019-03-15 15:41:20 · 500 阅读 · 0 评论 -
聊一聊 cookie
我们看到的 cookie我自己创建了一个网站,网址为http://ppsc.sankuai.com。在这个网页中我设置了几个cookie:JSSESSIONID,PA_VTIME,skmtutc,test。在 chrome 浏览器中打开这个网站,进入开发者模式,点击Resources栏 -> 选择cookies,我们会看到如下图所示的界面:解释一下:左边栏Cookie...转载 2019-05-07 18:00:05 · 454 阅读 · 0 评论 -
js操作cookie有效期至当天晚上23点59分59秒的cookie
存储一个有效期到当天晚上23:59:59失效的cookie。//当前日期 var curDate = new Date(); //当前时间戳 var curTamp = curDate.getTime(); //当日凌晨的时间戳,减原创 2016-07-04 17:09:39 · 12022 阅读 · 0 评论 -
JS存储cookie读取cookie删除cookie详细用法
假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,对于JS中的全局变量或者静态变量的生命周期是有限的,当发生页面跳转或者页面关闭的时候,这些变量的值会重新载入,即没有达到保存的效果。解决这个问题的最好的方案是采用cookie来保存该变量的值。cookie是以键值对的形式保存的,原创 2016-10-20 15:42:57 · 9635 阅读 · 0 评论 -
jQueryEasyUI Form中参数包含submit与否的差异
昨天在做利用JQueryEasyUI提交表单实现静态页面异步请求服务器获取数据时因为没有在form中设置submit参数导致了JQuery没有执行。那么form中设置submit参数与否有什么样的差异呢?与大家分享下自己所得到的答案。1.使普通表单成为ajax提交方式的表单。不在form中设置submit参数。$('#ff').form({ url:...,原创 2015-10-14 11:47:44 · 4852 阅读 · 0 评论 -
通过ajax方式实现用户名存在性检查
对于拥有会员功能的网站,尤其是会员登录后可以留言或评论的网站,一般要求不能有两个或两个以上相同的用户名存在。因此,在用户注册的时就需要对用户名是否已经被注册进行检查防止出现相同的用户名。下面是我实现这种功能的一种解决方案。1、方案原理:利用ajax的异步请求不刷新正在注册的页面向后端发送请求,后端对请求数据进行处理返回用户名是否已经存在的结果。2、方案详情 (1)html代码原创 2015-12-14 14:33:28 · 607 阅读 · 0 评论 -
页面加载后检查用户登录状态,通过ajax实现
拥有会员功能的网站,如果会员已经登录,那么要显示相应的登录状态,而且这种显示的需求是在网站的每个页面都有的(目前国内网站貌似都是这么做的,还没有见过其他形式的状态显示方式),这样,在打开一个新的页面时就要知道这个会员是否已经登录,需要判断登录的状态。1、解决方案。 为了能够实现在每一个页面判断会员登录状态的功能,我采用了页面时通过ajax传递参数通过后端返回的登录状态结果进行判断,原创 2015-12-14 14:53:33 · 8218 阅读 · 0 评论 -
JS监听回车事件
1、JS监听某个输入框//回车事件绑定 $('#search_input').bind('keyup', function(event) { if (event.keyCode == "13") { //回车执行查询 $('#search_button').click(); } });2、JS监原创 2016-05-24 11:47:43 · 17073 阅读 · 0 评论 -
静态页面之间传递参数
a.html页面向b.html 页面传值的一种解决方案是通过url传递参数然后想办法在b.html获取参数。对于这种方案的实现的困难之处在于如何在b.html页面获取参数,笔者最后利用了JQuery实现了参数的获取。具体解决方案如下:a.html某链接为b.html?id=2url:b.html?id=2b.html页面通过JQuery获取。具体获取url参数的JQuery原创 2015-10-20 14:56:58 · 3916 阅读 · 0 评论 -
JQuery方式实现行删除
今天做了一个表格的行删除功能aspx页面代码:前端表格由reapter渲染而来 标题 作者原创 2015-08-17 16:49:28 · 803 阅读 · 0 评论 -
jQuery移除或禁用html元素的点击事件
移除或禁用html元素的点击事件可以通过css实现也可以通过js或jQuery实现。一、CSS方法.disabled { pointer-events: none; }二、jQuery方法方法一$(this).click(function (event) {event.preventDefault();}方法二$('a').live('click', functio原创 2016-12-15 10:55:47 · 48522 阅读 · 2 评论 -
jQuery实现Ajax方式提交表单
提交表单一般通过同步的方式提交,提交后页面刷新或跳转到新页面来显示服务器端返回的处理结果。如果表单提交后有另外的操作或业务需求需要还在这个页面上显示或处理,那么页面不能整体刷新,这时第一想到的就是采用ajax的方式提交表单。下面完整的介绍一个表单采用ajax方式提交的流程。一、准备1、页面引入jQuery文件2、页面引入jQuery的表单插件jQuery.form.js二、实施原创 2016-12-16 14:00:23 · 71008 阅读 · 5 评论 -
B 站 HTML5 播放器内核 Flv.js
Flv.js 是 HTML5 Flash 视频(FLV)播放器,纯原生 JavaScript 开发,没有用到 Flash。由 bilibili 网站开源。该项目依托于 Media Source Extensions,受到 hls.js 的启发。概览:一个实现了在 HTML5 视频中播放 FLV 格式视频的 JavaScript 库。它的工作原理是将 FLV 文件流转码复用成原创 2016-12-30 21:33:26 · 10710 阅读 · 5 评论 -
各个大神大公司的UED
http://www.baiduux.com/ 百度UFOhttp://ued.sohu.com/ 搜狐UEDhttp://ued.taobao.com/ 淘宝UEDhttp://www.ued163.com/ 网易UEDhttp://www.uedblog.com/ YAHOO!CN UEDhttp://ued.ctrip.com/ 携程UEDhttp://fed原创 2015-12-14 13:56:50 · 2074 阅读 · 0 评论