首页 / 脚本样式 / JavaScript

微信jssdk用法汇总

本文针对微信jssdk用法进行了详细汇总，分享给大家，供大家参考，具体内容如下1.绑定域名2.引入js文件在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.0.0.js 请注意，如果你的页面启用了https，务必引入 https://res.wx.qq.com/open/js/jweixin-1.0.0.js ，否则将无法在iOS9.0以上系统中成功使用JSSDK3...

js canvas实现擦除动画

本文实例为大家分享了canvas擦除动画的实现原理、实现代码、以及在实现过程中遇到的问题，供大家参考，具体内容如下原理总结为就是在移动设备上将某张图片擦掉显示另一张图片，利用canvas来实现。如果是用户手动擦除，则需要监听touchmove,touchend等事件，并计算相应的坐标，利用canvas的clearRect或rect 画弧线或画线来实现。但是这会造成在androd手机上存在卡顿的现象。canvas有个globalCompositeOperat...

JS+CSS3实现超炫的散列画廊特效

下面来介绍下我按照网上的视频讲解实现的照片墙效果图。最终实现的效果包括如下：•当点击某张图片时，该图片移到中间区域并放大显示。当图片被点击时正反面切换显示。•某张图片被点击时，所有的图片的位置被随机重排•某个控制按钮被点击时，对应的图片显示到正中间，控制按钮进行相应的样式切换。当连续点击某个控制按钮时，图片伴随着按钮的点击进行正反面切换对整个效果进行VCD分解，如下图：按照计算机能理解的方式来分解案例。•Vi...

最佳的JavaScript错误处理实践

不管你的技术水平如何，错误或异常是应用程序开发者生活的一部分。Web开发的不连贯性留下了许多错误能够发生并确实已经发生的地方。解决的关键在于处理任何不可预见的（或可预见的错误），来控制用户的体验。利用JavaScript，就有多种技术和语言特色可以用来正确地解决任何问题。在 JavaScript 中处理错误很危险。如果你相信墨菲定律，会出错的终究会出错！在这篇文章中，我会深入研究 JavaScript 中的错误处理。我会涉及到一些陷阱和好的实践。最后我...

javascript正则表达式中分组详解

之前写了一篇关于正则新手入门的文章，本以为对正则表达式相对比较了解但是今天我又遇到了一个坑，可能是自己不够细心的原因吧，今天就着重和大家分享一下javascript正则表达式中的分组。如果你对JS正则表达式不够理解可以点击这里了解更多。分组在正则中用的还是比较广的，我所理解的分组就是一对括号（），每一对括号就代表了一个分组，分组可以分为：捕获性分组非捕获性分组捕获性分组捕获性分组会在比如 match exec这样的函数中以第二项，第三项的形式得...

深入分析javascript中的错误处理机制

前面的话错误处理对于web应用程序开发至关重要，不能提前预测到可能发生的错误，不能提前采取恢复策略，可能导致较差的用户体验。由于任何javascript错误都可能导致网页无法使用，因此作为开发人员，必须要知道何时可能出错，为什么会出错，以及会出什么错。本文将详细介绍javascript中的错误处理机制error对象 error对象是包含错误信息的对象，是javascript的原生对象。当代码解析或运行时发生错误，javascript引擎就会自动产生并...

Bootstrap零基础学习第一课之模板

最近需要做一个简单的Web页面。考虑到前端经验不足，为了快速产出，同时项目只是一个工具，对项目没有什么要求，所以我选择了Bootstrap这个框架作为Web框架。写从零开始学Bootstrap的初衷：看了半天的Bootstrap的文档，包括官方的（http://v3.bootcss.com/getting-started/）和非官方的（http://www.runoob.com/bootstrap/bootstrap-tutorial.html），以及他人...

JavaScript获取css行间样式,内连样式和外链样式的简单方法

【行间样式获取】<div id="div1" style="backgroud:red">测试</div> <script> var odiv=document.getElementById（"div1"）; //先获取到要获取样式的元素标签，也就是获取到div1 console.log（odiv.style.background）; //这样我们就可以获取到了行间的样式了</script>【...

简单的JS轮播图代码

在团队带人，突然被人问到轮播图如何实现，进入前端领域有一年多了，但很久没自己写过，一直是用大牛写的插件，今天就写个简单的适合入门者学习的小教程。当然，轮播图的实现原理与设计模式有很多种，我这里讲的是用面向过程函数式编程去实现，相对于面向对象设计模式，代码难免会显得臃肿冗余。但没有面向对象的抽象却很适合新手理解与学习。已经在BAT的同学看到希望少喷点。另外可以多提意见。轮播图的原理：一系列的大小相等的图片平铺，利用CSS布局只显示一张图片，其余隐藏。通过计算...

基于jQuery实现弹出可关闭遮罩提示框实例代码

jquery CSS3遮罩弹出层动画效果，使用非常简单，就两个标签，里面自定义内容和样式，四种常见效果，懂的朋友还可以修改源代码修改成自己想要的效果先给大家展示下效果图，如果大家感觉还不错，请参考实现代码。效果演示关键代码如下所示：<！DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"...

深入理解JS正则表达式---分组

深入理解JS正则表达式---分组之前写了一篇关于正则新手入门的文章，本以为对正则表达式相对比较了解但是今天我又遇到了一个坑，可能是自己不够细心的原因吧，今天就着重和大家分享一下javascript正则表达式中的分组。如果你对JS正则表达式不够理解可以点击这里了解更多。分组在正则中用的还是比较广的，我所理解的分组就是一对括号（），每一对括号就代表了一个分组，分组可以分为：•捕获性分组•非捕获性分组捕获性分组捕获性分组会在比...

JavaScript中ES6 Babel正确安装过程

本文介绍Babel6.x的安装过程~首先呢，可以使用Babel在线转换 https://babeljs.io/repl/然后进入主题：安装Babel（命令行环境，针对Babel6.x版本）1、首先安装babel-cli（用于在终端使用babel） npm install -g babel-cli 2、然后安装babel-preset-es2015插件 npm install --save babel-preset-es2015 注：Babel5版本...

全面了解javascript中的错误处理机制

前面的话错误处理对于web应用程序开发至关重要，不能提前预测到可能发生的错误，不能提前采取恢复策略，可能导致较差的用户体验。由于任何javascript错误都可能导致网页无法使用，因此作为开发人员，必须要知道何时可能出错，为什么会出错，以及会出什么错。本文将详细介绍javascript中的错误处理机制error对象 error对象是包含错误信息的对象，是javascript的原生对象。当代码解析或运行时发生错误，javascript引擎就会自动产生并抛出...

Bootstrap插件全集

Bootstrap插件1、Bootstrap 过渡效果（Transition）插件过渡效果（Transition）插件提供了简单的过渡效果。如果您想要单独引用该插件的功能，那么除了其他的 JS 文件，您还需要引用 transition.js。或者，正如 Bootstrap 插件概览一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。 Transition.js 是 transitionEnd 事件和 C...

Bootstrap零基础入门教程（二）

什么是 Bootstrap？Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。历史Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。本文重点给大家介绍Bootstrap零基础入门教程（二），具体详情如下所示：过程中会频繁查阅资料的...

15位和18位身份证JS校验的简单实例

一、身份证号码的结构和表示形式 1、号码的结构根据〖中华人民共和国国家标准GB11643-1999〗中有关公民身份号码的规定，公民身份号码是特征组合码，由十七位数字本体码和一位校验码组成。排列顺序从左至右依次为：六位数字地址码，八位数字出生日期码，三位数字顺序码和一位数字校验码。2、地址码表示编码对象常住户口所在县（市、旗、区）的行政区划代码，按GB/T2260的规定执行。3、出生日期码表示编码对象出生的年、月、日，按GB/T7408的规定执行，年、...

Bootstrap零基础入门教程（三）

什么是 Bootstrap？Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。历史Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。写到这里，这篇从零开始学Bootstrap（3）我想写以下几个内容：1. 基于我对Bootstra...

js验证真实姓名与身份证号,手机号的简单实例

最近的项目中用的需要调用实名认证的接口，实名认证接口价格相比短信而言高了不是几分钱，所以说调用实名认证的条件就要严格把关，因此用到js验证真实姓名与js验证身份证号。进入正题1.js验证真实姓名js验证真实姓名，是用的unicode字符的来进行匹配，而中国人的姓名长度一般都是2-4，所以重复匹配{2,4}次 var regName =/^[u4e00-u9fa5]{2,4}$/; if（！regName.test（name））{ alert（"真实姓名填写...

Bootstrap 布局组件（全）

Bootstrap布局组件1、Bootstrap字体图标（1）、字体图标列表链接http://www.runoob.com/bootstrap/bootstrap-glyphicons.html（2）、用法如需使用图标，只需要简单地使用下面的代码即可。请在图标和文本之间保留适当的空间。没有glyphicon的css。<span class="glyphicon glyphicon-search"></span>（3）、定制字体图标我...

全面介绍javascript实用技巧及单竖杠

JavaScript 本身可以算是一门简单的语言，但我们也不断用智慧和灵活的模式来改进它。昨天我们将这些模式应用到了 JavaScript 框架中，今天这些框架又驱动了我们的 Web 应用程序。很多新手开发者被各种强大的 JavaScript 框架吸引进来，但他们却忽略了框架身后浩如星海的 JavaScript 实用技巧。本文将为你全面的介绍其中的知识点。一、js整数的操作使用|0和~~可以将浮点转成整型且效率方面要比同类的parseInt,Math.ro...

<< 151 152 153 154 155 156 157 158 159 160 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图