随笔分类 - JavaScript
摘要：作者： 阮一峰 日期： 2015年7月10日 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新
阅读全文
摘要：对前文的补充：https://www.cnblogs.com/-wenli/p/10982264.html 1、轮询（Polling） 客户端（通常指浏览器）定时向服务端发送请求。不论服务端返回的数据是否更新，是否有值，客户端都会进行处理，然后再下一时间点再继续发送请求。常用方法定时器定时去请求。
阅读全文
摘要：最近一个网站功能用到到计时，如下所示： 原文： JS倒计时两种种实现方式 作者：黑仔002 用js就实现倒计时的两种方式： 一：设置时长，进行倒计时。比如考试时间等等 代码如下： 1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>简单时长倒计时<
阅读全文
摘要：来源：欲思博客 CDN公共库是指将常用的JS库存放在CDN节点，以方便广大开发者直接调用。与将JS库存放在服务器单机上相比，CDN公共库更加稳定、高速。一 般的CDN公共库都会包含全球所有最流行的开源JavaScript库，你可以在自己的网页上直接通过script标记引用这些资源。这样做不仅可以为您
阅读全文
摘要：JS定时器的用法及示例 目录 js 定时器的四个方法 示例一 示例二 示例三 js 定时器的四个方法 setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。 setTimeout() ：在指定的
阅读全文
摘要：JS基本语法汇总 原文链接(http://www.cnblogs.com/wzhiq896/p/6783296.html ) 作者：wangwen896 另外推荐一个学习教程：https://zh.javascript.info/ 1、分类 2、注释方式 3、简单指令 4、变量命名 5、NaN和is
阅读全文
摘要：JS实现图片懒加载 懒加载技术 懒加载（LazyLoad）是前端优化的一种有效方式，极大的提升用户体验，图片一直是页面加载的流浪大户，现在一张图片几兆已经是很正常的事，远远大于代码的大小。 原理：页面加载后只让文档可视区内的图片显示，其它不显示，随着用户对页面的滚动，判断其区域位置，生成img标签，
阅读全文
摘要：Js实现图片点击切换与轮播 图片点击切换 实现效果： 轮播 实现效果：
阅读全文
摘要：JS常用自定义函数总结 1、原生JavaScript实现字符串长度截取 2、原生JavaScript获取域名主机 3、原生JavaScript清除空格 4、原生JavaScript替换全部 5、原生JavaScript转义html标签 6、原生JavaScript还原html标签 7、原生JavaS
阅读全文
摘要：Ajax轮询请求 什么是轮询？ 轮询（polling）：客户端按规定时间定时向服务端发送ajax请求，服务器接到请求后马上返回响应信息并关闭连接。 Ajax轮询需要服务器有很快的处理速度与快速响应。 Ajax轮询实现 Ajax轮询原理 客户端是按照规定时间（这个时间由你设定，此处默认为1秒）像服务端
阅读全文
摘要：前端效率开发工具 Kalendae 是一个 JavaScript 实现的日期选择工具，无需依赖其他 JS 库 jBox 是一款基于 jQuery 的多功能对话框插件，能够实现网站的整体风格效果，给用户一个新的视觉享受。兼容 IE6+、Firefox、Chrome、Safari、Opera 等主流浏览
阅读全文
摘要：什么是jQuery对象？ jQuery 对象就是通过jQuery包装DOM对象后产生的对象。jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#test”).html(); $("#test").html() //意
阅读全文
摘要：2019.3.10 使元素里的内容居中 在标签内直接加入属性align="center"即可实现对于DIV内容水平居中。 使背景沾满整个标签大小 body{ /*加载背景图*/ background-image：url（./images/background.jpg）; /* 背景图垂直、水平均居中
阅读全文
摘要：iframe实现伪ajax 数据提交的两种方式： Ajax提交数据的方法： "伪"Ajax： 示例程序： 分析： 视图函数：
阅读全文
摘要：a标签点击不跳转的几种方法 1、onclick事件中返回false 2、 用href=”javascript:void(0)”这种伪协议； 最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。 3.利用空代
阅读全文
摘要：Javascript的DOM总结 DOM DOM节点 DOM查询 HTML DOM Event(事件) 绑定事件的三种方式： onload： onload 属性开发中 只给 body元素加.这个属性的触发 标志着 页面内容被加载完成.应用场景: 当有些事情我们希望页面加载完立刻执行,那么可以使用该事
阅读全文
摘要：Ajax技术使用补充 一、Ajax发送数据的几种形式 发送字符串或数字 发送数组 v=[1,2,3,4] 加上traditional参数，可以发送数组，经常用在多选框。 发送字典 dict={'k1':1,'k2':2} 将字典转为字符串串进行发送 关键参数解析： dataType:'JSON'：服
阅读全文
摘要：Ajax技术使用之ajax与模态框结合的妙用 要求： 使用ajax的方式提交数据：https://www.cnblogs.com/-wenli/p/10470063.html 使用模态框完成增加数据，能完成增加，删除与修改也就很简单了。 HTML代码 关于在django中引用静态文件：https:/
阅读全文
摘要：Ajax技术使用 目录 AJAX介绍 XMLHttpRequest 请求和响应 onreadystatechange 事件 AJAX介绍 什么是 AJAX ajax工作原理 理解ajax同步异步 AJAX是基于现有的Internet标准 AJAX的优点 XMLHttpRequest 创建XMLHtt
阅读全文