JavaScript教程 |
一、知识点 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...
阅读全文做为一个合格的90后、你肯定玩过一款很经典的游戏《俄罗斯方块》想当年黑白的游戏机刚刚流行的时候、基本上是人手一个、见证了好一代人的童年、那么今天呢给大家带来了一段童年的回忆《俄罗斯方块》网页版本的哦、大家可以在自己的网站开一个板块、集成一些小型的游戏 html代码<div class="bg"> <div id="gameBoxBg"> <div id="gameBox"> <div class="mask"> ...
阅读全文相信大家在网站的开发过程中免不了的会让客户看到网站的源代码、那么有没有什么办法能让用户在查看源代码的时候给予阻止呢、答案是肯定的、下面是个人分析的四种查看源代码的路径、如果有哥们想查看效果的可以去预览一下哦：猛戳这里查看效果 1、直接按F12 2、Ctrl Shift I查看 3、鼠标点击右键查看 4、Ctrl u=view-source: url 把以上三种状态都屏蔽掉就可以了、document有onkeydown(键盘按键事件)、该事件里面找到对应的keycode并处理就可以、document也有oncontextmenu鼠...
阅读全文在JavaScript的开发中经常会遇到动态创建Element的时候、也就是动态创建标签的方法、本文就为大家介绍一下使用JavaScript动态创建节点元素的方法 JavaScript a标签创建 1、创建元素var alink= document.createElement("a"); 2、添加元素属性alink.href= "http://www.dwtedx.com";alink.target="_blank";//或者//设置属性href值为 http://www.dwtedx.comalink.setAttribute...
阅读全文jquery barcode条形码是一款在Web浏览器上面使用的一款生成条形码的插件、用于在Web的进销存等系统上有很大的做用、可以使用条码抢快速识别编号等、这篇文章早就写好了、只是一直没有附上源代码、今天有空、把源代码也给大家贴出来、只不过源代码来的有点迟了、话不多说、看教程 一、引入Script文件<script type="text/javascript" src="jquery-1.3.2.min.js"></script><script type="text/javascript" src=...
阅读全文跟大家分享一段微信支付的js代码片段、V3版的微信支付没有paySignKey参数、基本上是直接复制就可以使用了、改一改自己的参数就好了、放不多说、直接上代码 支付按钮的点击事件$(´.Save_Patient_Msg´).click(function(){ $(´.Save_Patient_Msg´).off(´click´); var hrdfId = getOrderId(); var txnAmt = $(´.sum_pa...
阅读全文相信做前端的朋友一定都遇到这种情况的、当你的网页中有直接链接apk下载的时候会没有反映的、是因为在微信内是无法下载软件、手机APP等、那么这个时候一般的解决方案就是、必须要点击右上角三个点、选择“在浏览器中打开”才可以、微信扫描下方的二维码可查看效果 但是很多用户并不知道、只会点击无反应、所以现在流行的做法是、直接判断微信的ua，然后弹出一个遮罩提示用户在浏览器中打开下载、最终的效果图如下 CSS代码<style type="text/css"> *{ margin:0; ...
阅读全文本Demo是Html5 CSS3实现的倒计时进度条动画特效、这个作品在今天上网找网络资源的时候无意中发现的、看到效果非常棒并且很实用、就第一时间把它整理出来与大家分享了、主要用到了html5、javascript和css3技术、用到了svg、circle、text等常用的标签、效果图如下 Html代码<div id="js-alert-box" class="alert-box"> <svg class="alert-circle" width="234" height="234"> ...
阅读全文
