JavaScript教程 |
H5地理位置API 地理API允许javascript程序向浏览器询问用户的真实地理位置，支持地理位置API的浏览器在访问前总是会询问用户是否允许。 获取用户地理的途径有: 1、ip地址 书上说不准确，很多时候获取的是ISP机房的位置，但是获取非常方便，没有什么限制。但是实际上我觉得在中国，ip地址还是比较准确的，基本上上能精确到小区或大楼的标准。 2、GPS 非常准确，但是需要在户外，且需要很长时间搜索卫星。最主要的很多设备比如笔记本电脑基本都是不带GPS的，新的智能手机倒是都有。 &nbs...
阅读全文开发过程中，AJAX的应用应该说非常频繁，当然，jQuery的AJAX函数已经非常好用，但是小编还是稍微整理下，方便不同需求下，可以简化输入参数，下面是实例代码：$(function(){ /** * ajax封装 * url 发送请求的地址 * data 发送到服务器的数据，数组存储，如：{"date": new Date().getTime(), "state": 1} * async 默认值: true。默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。...
阅读全文原型和闭包算是JavaScript中最常见，最难以理解，最容易被当做问题的两个部分，当然还有它们的延伸，如作用域链，继承等等吧，我最近也是各种看，各种翻，记录点自己的心得，写写总会让自己的理解更深一些。（跟标题的关系不大啦，就感慨句，每次总感觉自己懂了，再翻还是收获满满） 先谈一下JavaScript中New关键字吧，通常我们通过它来创建一个类的实例对象，在JavaScript中，实例化对象之后，也就继承了类的属性以及方法。通过代码来演示一下function Person(name){ this.name = name;}Pe...
阅读全文vuejs在解析时出现闪烁原因： 在使用vuejs、angularjs开发时，经常会遇见在如Chrome这类能够快速解析的浏览器上出现表达式({{ express }} ),或者是模块(div)的闪烁。对于这个问题由于JavaScript去操作DOM，都会等待DOM加载完成（DOM ready）。 对于vuejs、angularjs这些会在DOM ready完会才回去解析html view Template，所以对于Chrome这类快速的浏览器你会看见有闪烁的情况出现。而对于IE7，8这类解析稍慢的浏览器大部分情况下是不...
阅读全文先比较下readOnly和disabled： readOnly 只针对input(text/ password)和textarea有效； disabled 对于所有的表单元素都有效，包括select,radio, checkbox, button等。 但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去（这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly，但是submitbutton却是可以使用...
阅读全文昨天一位做移动端H5开发的同事说、H5滑动方向要实时判断向下还是向上、但判断是否滑动到底部时判断有问题一直没解决、于是就去问度娘、搜了很多资料、大部分有重复、于是根据大家的资料借鉴学习、在大家的基础上写了一个小例子 功能主要时可以实时的判断上下滑动的方向、是否滑动到底部或顶部来做某些事件触发、例子中有使用到其他博客上的内容、如原作者看到请勿怪、如果例子中有错误的请大家指正、如果使用pc端浏览器查看请把浏览器设置为手机浏览器模式<!DOCTYPE HTML><html><head><meta ...
阅读全文分享一个 JavaScript 写的通过滑动滚轮放大缩小、Demo是用 Css 和 JavaScript 一起完成的、而且是兼容了常用的浏览器、比如火狐浏览器和非火狐浏览器的兼容 CSS代码*{ margin:0; padding:0; list-style:none;}body{ height: 2000px;}#box{ width: 200px; height: 200px; background: green;} JS代码var box=document.getElemen...
阅读全文一、知识点 1、 将下一个字符标记为或特殊字符、或原义字符、或向后引用、或八进制转义符。例如， ´n´ 匹配字符 ´n´。´´ 匹配换行符。序列 ´\´ 匹配 ""，而 ´(´ 则匹配 "(" 2、? 匹配前面的子表达式零次或一次，或指明一个非贪婪限定符。要匹配 ? 字符，请使用 ? 3、| 替换，"或"操作字符具有高于替换运算符的优先级，使得"m|food"匹配"m"或"food"。若要匹配"mood"...
阅读全文从某种意义上来说、多态是面向对象中重要的一部分、也是实施继承的主要目的、一个实例可以拥有多个类型、它既可以是这种类型、也可以是那种类型、这种多种状态被称为类的多态、多态的表现形式很多、其中继承和重载都是多态的表现形式 封装Encapsulation 如下代码,这就算是封装了(function (windows, undefined) { var i = 0;//相对外部环境来说,这里的i就算是封装了})(window, undefined); 继承Inheritance(function (windows, undefin...
阅读全文1、Promise思想 每一个异步任务立刻返回一个Promise对象、由于是立刻返回、所以可以采用同步操作的流程、这个Promises对象有一个then方法、允许指定回调函数、在异步任务完成后调用// 传统写法step1(function (value1) { step2(value1, function(value2) { step3(value2, function(value3) { step4(value3, function(value4) { // ... }); }); ...
阅读全文现在网络上的图片很多都是很大的、那么延迟加载就显得格外的重要了、Echo.js是一个标准的独立的Javascript图片懒加载（延迟加载）库、它非常小巧快速、只有2KB、它使用HTML5的 data-*属性、延迟请求加载图片资源、不依赖任意第三方插件库、特别适用于移动端需要加载大量图片的应用 1、引入文件<script src="js/echo.min.js"></script> 2、HTML结构<img src="img/blank.gif" alt="Photo" data-echo="img/...
阅读全文有这么一种场景、如果我们使用get方式对服务端发请求的话、那么参数只有是跟在url后面、通过?a=1&b=2的这种方式来传递、那么如果我们使用的非后台程序的话、意思是如果我们后台没有php、java等做为服务器来接收请求的时候、就没办法自动把参数取出来 还比如我们要在js里面使用url里面的参数、那我们要怎么处理呢、今天就给大家分享一种通过js方法来获取url中的参数的方法 封装函数如下function getQueryStringArgs() { //取得查询字符串并去掉开头的问号 var qs = (loc...
阅读全文目前微信公众号以及支付宝的服务窗都比较火、本文将分享一款可以在公众号以及服务窗以及浏览器使用的手机端H5的jQuery选择题提交答案的一个问卷调查的代码、Demo是一款简单的手机端选择题答案示例、Demo包涵5道题目、下面是效果图 HTML代码<div class="swiper-wrapper"> <dl class="swiper-slide"> <dt>1、“大煮干丝”是哪个菜系的代表菜之一( )</dt> <dd>A、四川菜系</dd>...
阅读全文相信跟我差不多大的80、90童鞋们都玩过一款很经典的游戏、他叫俄罗斯方块、今天呢跟大家分享一款JS俄罗斯方块的网页游戏、使用原生JS制作的俄罗斯方块小游戏特效、并且在文章的最下方也提供了源代码下载、话不多说、先来看一下生成的GIF图 js已经封装成game.js的文件、大家直接引入、html也非常的简单、然后还有一部分CSS代码、如下 HTML代码<!DOCTYPE html><html><head><meta charset="UTF-8"><title>js俄罗斯...
阅读全文js作用域 作用域作为一个最基础的功能存在于各种编程语言中、它使得我们的编程更加灵活有趣、其基础功能就是存储变量中的值、然后可以对值进行访问和修改 可能我们都知道作用域的一些概念、以及其一些扩展的一些内容闭包等、但是相对于这些可能我们去了解这些变量到底是存到了哪里、而我们的程序是如何访问到他们的会更加有趣var a = 1; 首先我们要了解到在我们进行声明变量并进行赋值的时候到底谁参与了我们的整个流程 1、引擎：它参与了整个JS程序的编译和执行 2、编译器：它负责了语法分析和代码的生成 3、作用域：它负责手机并维护所有的标识符也就...
阅读全文最近百度联盟不知道为什么取消了右下角悬浮的广告位、最近呢我自己写了一个右下角悬浮的广告位、只需要把广告代码放入对应的DIV中就可以实现相应的功能了、非常方便、效果上与之前的基本上无区别、现在分享给大家、有需求的朋友可以添加一下、其实右下角悬浮的广告位的点击还是挺高的、先看效果图 Html代码<div id="popAd" style="display:none;"> <div id="popAdHead"> <a id="popAdClose" title="关闭">...
阅读全文在平时的开发后台管理页面工作中、经常会需要上传图片、于是我就用很普通的Form表单上传有一段Json串和图片文件、Form表单上传图片只需要在<form>标签里加上enctype = ´multipart/form-data´、这样是可以上传图片的、但问题来了、在我进行用Form表单提交的时候直接跳出来提交返回值的页面并且原先的页面刷新 这样我们可以先到异步的Ajax可以实现局部刷新、废话不多说了 直接上代码 首先是html<form id = "form_insert" met...
阅读全文
