Welcome 微信登录

首页 / 脚本样式 / JavaScript

使用jquery.qrcode.js生成二维码插件

使用jquery.qrcode.js生成二维码插件

2017年02月06日 38 阅读
二维码应用已经渗透到我们的生活工作当中，您只需要用手机对着二维码“扫一扫”即可获得所对应的信息，方便我们了解商家、购物、观影等等。本文将介绍一款基于jquery的二维码生成插件qrcode，在页面中调用该插件就能生成对应的二维码。1.qrcode其实是通过使用jQuery实现图形渲染，画图，支持canvas（HTML5）和table两种方式，github源码地址：https://github.com/jeromeetienne/jquery-qrcode参...
JavaSpring 事务回滚详解

JavaSpring 事务回滚详解

2017年02月06日 41 阅读
spring 事务回滚1、遇到的问题 当我们一个方法里面有多个数据库保存操作的时候，中间的数据库操作发生的错误。伪代码如下：public method（） {Dao1.save（Person1）;Dao1.save（Person2）;Dao1.save（Person2）;//假如这句发生了错误，前面的两个对象会被保存到数据库中Dao1.save（Person2）;} 期待的情况：发生错误之前的所有数据库保存操作都回滚，即不保存 正常情况：前面的数据库...
JS动态添加选项案例分析

JS动态添加选项案例分析

2017年02月06日 38 阅读
本文实例分析了JS动态添加选项的方法。分享给大家供大家参考，具体如下：一、问题：要做一个调查问卷，问题数量不定，问答答案不定。JS控答案效果图二、实现方法：为了实现这个效果，点击那个按钮就在下面添加4个答案框，选择从A-Z这26个字母，就是为了ASSIC码方便处理看看HTML结果<table width="100%" class="form"><tr><th width="100px"><label>标题1:...
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】

JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】

2017年02月06日 42 阅读
本文实例讲述了JS+HTML5实现的前端购物车功能插件。分享给大家供大家参考，具体如下：最近做一个商城，需要用到一个简答的购物车功能，当然，后端实现比较容易，，这里重点还是讲一下前端的JS插件。从源代码里面没看出来，它叫啥，好像叫：ctshop .js，不管啦，反正我提供下载就好，我做了一些简单的修复，支持了中文这个插件使用了HTML5的新特效：storage ，就是游览器数据库的功能，这跟之前把数据存在cookies里面原理是相识的，这样的好处在于用户刷...
Javascript获取background属性中url的值

Javascript获取background属性中url的值

2017年02月06日 39 阅读
前言最近在做项目的时候遇到一个问题，需要获取一个动态预览的图片的地址，这其实不是什么问题，主要是该图片的路径是写在css的background-img属性中的，于是决定要用js获取它的url中的内容，下面给大家分享解决的方法，有需要的朋友们下面来看看。var avatar = $（"#image-preview"）.css（"backgroundImage"）; alert（avatar）;获取的是包含url（“xxx.jpg”）形式的值，于是查阅了下资料...
WEB前端实现裁剪上传图片功能

WEB前端实现裁剪上传图片功能

2017年02月06日 37 阅读
最后的效果如下：这里面有几个功能，第一个是支持拖拽，第二个压缩，第三个是裁剪编辑，第四个是上传和上传进度显示，下面依次介绍每个功能的实现：1. 拖拽显示图片拖拽读取的功能主要是要兼听html5的drag事件，这个没什么好说的，查查api就知道怎么做了，主要在于怎么读取用户拖过来的图片并把它转成base64以在本地显示。var handler = {init: function（$container）{//需要把dragover的默认行为禁掉，不然会跳页$c...
jQuery右下角悬浮广告实例

jQuery右下角悬浮广告实例

2017年02月06日 40 阅读
右下角悬浮广告是一种常见的网页广告展示方式，而且对用户浏览有干扰之嫌但对网站收益来说是很受站长们欢迎的。今天我给大家分享一个使用jQuery来实现网页右下角广告的实例。它的优点是可以从右下角缓慢升起，展示一定时间自动消失，并且可以改成网站消息提示窗口。HTML首先准备广告素材，并在body中建立一个用户悬浮的广告主体DIV#pop，设置为不显示，在广告的上部标题栏有关闭按钮，点击关闭时，则关闭隐藏悬浮广告。<div id="pop" style="d...
jQuery表单验证简单示例

jQuery表单验证简单示例

2017年02月06日 36 阅读
本文实例讲述了jQuery表单验证简单用法。分享给大家供大家参考，具体如下：这几天一直在做一个表单验证的页面，为了达到友好界面，特意去抄了360buy的页面，模仿写了一个页面jquery 表单验证就是验证表单里面所信息都为必填//注册页面验证机制$（"#username"）.focus（function（）{ //用focus（）表单，当光标在输入框的时候执行下面的代码$（"#username_error"）.removeClass（"error"）.ht...
Angular 2应用的8个主要构造块有哪些

Angular 2应用的8个主要构造块有哪些

2017年02月06日 43 阅读
前面的话：最近空余时间在学 Angular 2，国庆节的时候看了官网的quickstart，还写了一篇文章，只是一个hello world demo。后面继续看了它的一个项目教程，刚开始还可以跟上，当后面就比较混乱了。的确，对于新手来讲，要了解一个框架还是比较麻烦的。所以停止项目，开始看看 angular 的整体框架是如何的，联系项目，分析下，慢慢来。学习链接：中文官网正文开始： angular 应用：用带 angular 拓展语法的 HTML 写模板，用...
JavaScript中关键字 in 的使用方法详解

JavaScript中关键字 in 的使用方法详解

2017年02月06日 44 阅读
for-in循环应该用在非数组对象的遍历上，使用for-in进行循环也被称为“枚举”。 对于数组 ，迭代出来的是数组元素 但不推荐，因为不能保证顺序，而且如果在Array的原型上添加了属性，这个属性也会被遍历出来，所以 最好数组使用正常的for循环，对象使用for-in循环 对于对象 ，迭代出来的是对象的属性； var obj = { "key1":"value1", "key2":"value2", "key3":"value3...
深入理解JS实现快速排序和去重

深入理解JS实现快速排序和去重

2017年02月06日 40 阅读
JS的快速排序和JS去重在面试的时候问的挺多的.下面是我对快速排序的理解，和快速排序，去重的代码.1.什么是快速排序？第一步: 快速排序就是去个中间值，把比中间值小的放在左边设为arrLeft，比中间值大的放在右边设为arrRight第二步: 对arrLeft进行第一步,对arrRight进行第一步.（明显是一个递归嘛，当数组的长度小于2的时候结束）第三步: 合并arrLeft,中间值,arrRightquickSort = function（arr）{i...
Node.js包管理器Yarn的入门介绍与安装

Node.js包管理器Yarn的入门介绍与安装

2017年02月06日 43 阅读
前言这两天大家有没有都被Yarn悄悄刷了屏，最近Facebook 发布了新的 node.js 包管理器 Yarn 用以替代 npm 。为了跟上 Javascript 这股潮流的脚步，大概的浅尝了一下这个自称是又快又可信赖又安全的包管理，所以写的内容不会很详细，更多的可能只是针对这个全新的包管理与 npm 的不同之处来对比。也可能有些地方写得不对，如果有的话，欢迎指正。一、安装首先当然是安装啦。跟 npm 这种被钦点而随 nodejs 一起被安装的包管理器不...
基于JavaScript实现前端文件的断点续传

基于JavaScript实现前端文件的断点续传

2017年02月06日 41 阅读
还是先以图片为例，看看最后的样子一、一些知识准备断点续传，既然有断，那就应该有文件分割的过程，一段一段的传。以前文件无法分割，但随着HTML5新特性的引入，类似普通字符串、数组的分割，我们可以可以使用slice方法来分割文件。所以断点续传的最基本实现也就是：前端通过FileList对象获取到相应的文件，按照指定的分割方式将大文件分段，然后一段一段地传给后端，后端再按顺序一段段将文件进行拼接。而我们需要对FileList对象进行修改再提交，在之前的文章中知晓...
js HTML5多媒体影音播放

js HTML5多媒体影音播放

2017年02月06日 37 阅读
之前曾经介绍过，在HTML5中可以通过<video>标签在网页中播放影片，且不需要再安装额外的插件，此功能已经带给用户极大的便利。但基本的<video>标签只提供了简单功能的播放器界面，如果想要改变播放器的外观和功能，只能结合<canvas>标签和javascript语句，就能制作出酷炫的播放控制器。{drawImage}画布canvas如何与视频video标签结合，达到制作各种视频功能的效果呢？其秘诀在于通过画布重新描...
Node.js下自定义错误类型详解

Node.js下自定义错误类型详解

2017年02月06日 40 阅读
前言一般来说，很少人会考虑如何处理应用产生的错误的策略，调试的过程中，简单地利用console.log（‘error"）定位错误，基本够用了，通过留下这些调试信息，能够为我们以后的调试过程中升了不少时间，提高了维护性。所以错误提示非常重要。同时，也会带来一些比较糟糕用法。最近的项目里就用到了自定义错误类型，觉得有必要深入了解一下，所以就写了这篇文章，方便自己和有需要的大家在需要的时候查阅。Subclassing Error首先我们可以定义一个 Error ...
让编辑器支持word复制黏贴、截屏的js代码

让编辑器支持word复制黏贴、截屏的js代码

2017年02月06日 43 阅读
chrome有很多人性化的API，比如拖拽， 比如图片可以转化为base64等； 比如知乎上面的回复中可以直接黏贴图片， 就不需要手动点击图片上传按钮， 选择图片， 确认上传等等； 知乎参考地址：打开 让编辑器支持word的复制黏贴， 其中图片会转化为base64编码， 如果是通过远程打开这个静态页， 黏贴word文档的时候， 图片不会黏贴进来， 因为远程地址无法访问本地磁盘的绝对路径， 如果把下面代码保存成静态界面打开， 那么word中的图片都可以...
微信小程序 火车票查询实例讲解

微信小程序 火车票查询实例讲解

2017年02月06日 42 阅读
微信小程序 简单实例---火车票查询应用，学习掌握小程序框架，及开发步骤的实现。微信小程序体现了轻便，易用的特点，并且上手快，前端知识好学易用。1. 相关链接本本项目代码获取地址Github：https://github.com/VincentWYJ/WXAppTrain.git；Blog file：http://files.cnblogs.com/files/tgyf/WXAppTrain.rar；微信小程序开发学习资料微信开发者平台：https://...
学习Node.js模块机制

学习Node.js模块机制

2017年02月06日 41 阅读
一、CommonJS的模块规范Node与浏览器以及 W3C组织、CommonJS组织、ECMAScript之间的关系Node借鉴CommonJS的Modules规范实现了一套模块系统，所以先来看看CommonJS的模块规范。CommonJS对模块的定义十分简单，主要分为模块引用、模块定义和模块标识3个部分。1. 模块引用模块引用的示例代码如下：var math = require（"math"）;在CommonJS规范中，存在require（）方法，这个方...
<< 91 92 93 94 95 96 97 98 99 100 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图