淘宝js图片局部放大镜插件代码及Demo效果
dwtedx JavaScript教程 3428 0 2019-03-27 08:50:22

一款原生js自由放大镜特效FreeZoomer、可用于商品展示的图片放大、如淘宝京东都有类似功能、在这里与大家分享一个纯js写的插件 用法很简单、引用放大镜插件文件和样式文件、html页面上再给图片加上属性class="free-zoomer"和data-img-big="大图的路径"就行了、有什么不明白的就查看作品的源码、里面注释写得很详细、希望对大家有用哦 获取放大容器function GetViewPanel() { var panel = document.getElementById(zoomerViewPan...

阅读全文

js声明json数据_打印json数据_遍历json数据_转换json数据为数组
dwtedx JavaScript教程 250 0 2019-03-06 17:30:55

很多时候我们需要对JSON进行一系列操作,比如js声明json数据;打印json数据;遍历json数据;转换json数据为数组等等。 1、js声明json数据//声明JSONvar json = {};//第一种赋值方式(仿对象型)json.a = 1;//第二种赋值方式(仿数组型)json[´b´] = 2; 2、打印json数据//打印JSON//打印JSON需要用到JSON(JS自带)的一个对象方法stringify//语法如下alert(JSON.stringify(json)); 3、遍历jso...

阅读全文

OpenIM在线客服咨询聊天Html5_阿里百川云旺客服聊天实例下载
dwtedx JavaScript教程 712 1 2018-12-25 14:45:04

最近在研究阿里百川的云旺客服聊天系统,需要集成到App里面,如果用原生写的话得分别集成Android和IOS,还是很麻烦的,所以我的方案是写一个H5页面让App里面调用URL就好了,恰好云旺的客服也提供的H5的SDK,下面分享一下集成方法,和遇到的问题。问题主要有两个。 1、聊天气泡显示问题,显示会错位,然后行高也不对。 2、H5发送一条消息的时候会显示两条一模一样的消息。 1、引入JS SDK文件<!-- IE8及以下支持JSON --><!--[if lt IE 9]> <script src="...

阅读全文

JS数组排序方法_JS数组排序方法实例分析
dwtedx JavaScript教程 416 0 2018-12-14 16:21:36

方法一、冒泡排序 思路:依次比较数组中的第一个元素和第二个元素,如果第一个元素大于第二个元素,则交换位置,所以需要两个函数:交换位置函数和比较函数,比较轮数为数组长度var arr=[2,58,49,26,34];function change(f,s){ var temp=arr[f]; arr[f]=arr[s]; arr[s]=temp;}for(var i=0;i<arr.length;i ){ for(var j=0;j<arr.length-1;j ){ if(arr...

阅读全文

页面无法读取Cookie_JS无法读取IE浏览器的Cookie解决方法
dwtedx JavaScript教程 841 0 2018-12-04 13:41:17

IE浏览器向来是前端开发者的噩梦,今天遇到一个问题就是在IE浏览器中的cookie无法读取,无论是在前端还是在后端服务器Request中都无法读取Cookie,找了好久才发现问题,原来是IE中Cookie总的大小超出了浏览器所规定的限度,然后虽然可以在浏览器中看到cookie,但是却取不到cookie。 浏览器cookie个数限制 浏览器对于同一个域名的cookie数是有限制的,各浏览器限制如下: IE cookie限制为每个域名50个 Firefox每个域名cookie限制为50个 Opera每个域名cookie限制为...

阅读全文

JS控制文本框禁止输入特殊字符_input禁止输入特殊字符的四种实现方式
dwtedx JavaScript教程 1012 0 2018-11-13 13:29:20

昨天项目搜索的时候报错,蛋疼的是生产库中的,看了下日志,原因是用户搜索的时候输入了特殊字符,没办法最快捷的办法是直接把用户输入的数据进行筛选,去掉特殊字符。某些特殊字符传入后台会产生错误,可能导致sql注入,所以要想法从根本上拦截,接下来通过本文给大家介绍input 禁止输入特殊字符的方式,对input 禁止特殊字符知识感兴趣的朋友一起看下吧。 有些特殊字符传入到后台是会产生错误的 有可能会sql注入,所以从根本上拦截,下面一起探讨下input禁止输入特殊字符的方式: 方式一 拿到value值以后 在你传递之前处理,直接调用这个函...

阅读全文

JS构造函数与原型prototype的区别介绍
dwtedx JavaScript教程 429 0 2018-10-26 13:43:30

下面小编就为大家带来一篇JS构造函数与原型prototype的区别介绍。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,构造函数方法很好用,但是存在一个浪费内存。 通过原型法分配的函数是所有对象共享的。通过原型法分配的属性是独立。如果你不修改属性,他们是共享。如果我们希望所有的对象使用同一一个函数,最好使用原型法添加函数,这样比较节省内存 构造函数模式<script> function Cat(name, color) { this.name = name; ...

阅读全文

JS快速排序和去重_JS实现数组去重排序
dwtedx JavaScript教程 769 1 2018-08-21 13:18:27

JS的快速排序和JS去重在面试的时候问的挺多的.下面是我对快速排序的理解,和快速排序,去重的代码. 1.什么是快速排序?       第一步: 快速排序就是去个中间值,把比中间值小的放在左边设为arrLeft,比中间值大的放在右边设为arrRight       第二步: 对arrLeft进行第一步,对arrRight进行第一步.(明显是一个递归嘛,当数组的长度小于2的时候结束)       第三步: 合并arrLeft,中间值,arrRig...

阅读全文

h5地理位置API_h5获取移动端地理位置
dwtedx JavaScript教程 1800 0 2018-05-18 14:31:46

H5地理位置API 地理API允许javascript程序向浏览器询问用户的真实地理位置,支持地理位置API的浏览器在访问前总是会询问用户是否允许。 获取用户地理的途径有:  1、ip地址 书上说不准确,很多时候获取的是ISP机房的位置,但是获取非常方便,没有什么限制。但是实际上我觉得在中国,ip地址还是比较准确的,基本上上能精确到小区或大楼的标准。 2、GPS   非常准确,但是需要在户外,且需要很长时间搜索卫星。最主要的很多设备比如笔记本电脑基本都是不带GPS的,新的智能手机倒是都有。  &nbs...

阅读全文

jQuery版AJAX简易封装_ajax封装的jquery函数
dwtedx JavaScript教程 1250 0 2017-12-21 14:41:13

开发过程中,AJAX的应用应该说非常频繁,当然,jQuery的AJAX函数已经非常好用,但是小编还是稍微整理下,方便不同需求下,可以简化输入参数,下面是实例代码:$(function(){ /** * ajax封装 * url 发送请求的地址 * data 发送到服务器的数据,数组存储,如:{"date": new Date().getTime(), "state": 1} * async 默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。...

阅读全文

JavaScript New关键字_浅谈JavaScript的New关键字
dwtedx JavaScript教程 1075 1 2017-12-11 13:56:52

原型和闭包算是JavaScript中最常见,最难以理解,最容易被当做问题的两个部分,当然还有它们的延伸,如作用域链,继承等等吧,我最近也是各种看,各种翻,记录点自己的心得,写写总会让自己的理解更深一些。(跟标题的关系不大啦,就感慨句,每次总感觉自己懂了,再翻还是收获满满) 先谈一下JavaScript中New关键字吧,通常我们通过它来创建一个类的实例对象,在JavaScript中,实例化对象之后,也就继承了类的属性以及方法。通过代码来演示一下function Person(name){ this.name = name;}Pe...

阅读全文

防止vuejs在解析时出现闪烁_解决vue渲染时闪烁
dwtedx JavaScript教程 1768 0 2017-10-30 13:35:39

vuejs在解析时出现闪烁原因:  在使用vuejs、angularjs开发时,经常会遇见在如Chrome这类能够快速解析的浏览器上出现表达式({{ express }} ),或者是模块(div)的闪烁。对于这个问题由于JavaScript去操作DOM,都会等待DOM加载完成(DOM ready)。 对于vuejs、angularjs这些会在DOM ready完会才回去解析html view Template,所以对于Chrome这类快速的浏览器你会看见有闪烁的情况出现。而对于IE7,8这类解析稍慢的浏览器大部分情况下是不...

阅读全文

jQuery设置disabled属性_JS设置disabled属性
dwtedx JavaScript教程 2413 0 2017-10-23 13:43:29

先比较下readOnly和disabled: readOnly 只针对input(text/ password)和textarea有效; disabled 对于所有的表单元素都有效,包括select,radio, checkbox, button等。 但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,但是submitbutton却是可以使用...

阅读全文

JS判断H5滑动方向_JS判断H5是否滑动到底部和底部
dwtedx JavaScript教程 2235 2 2017-09-22 13:52:47

昨天一位做移动端H5开发的同事说、H5滑动方向要实时判断向下还是向上、但判断是否滑动到底部时判断有问题一直没解决、于是就去问度娘、搜了很多资料、大部分有重复、于是根据大家的资料借鉴学习、在大家的基础上写了一个小例子 功能主要时可以实时的判断上下滑动的方向、是否滑动到底部或顶部来做某些事件触发、例子中有使用到其他博客上的内容、如原作者看到请勿怪、如果例子中有错误的请大家指正、如果使用pc端浏览器查看请把浏览器设置为手机浏览器模式<!DOCTYPE HTML><html><head><meta ...

阅读全文

JS正则解析url获得数组_正则url解析成对象
dwtedx JavaScript教程 1488 0 2017-07-05 13:20:47

一、知识点 1、 将下一个字符标记为或特殊字符、或原义字符、或向后引用、或八进制转义符。例如, ´n´ 匹配字符 ´n´。´´ 匹配换行符。序列 ´\´ 匹配 "",而 ´(´ 则匹配 "(" 2、? 匹配前面的子表达式零次或一次,或指明一个非贪婪限定符。要匹配 ? 字符,请使用 ? 3、| 替换,"或"操作字符具有高于替换运算符的优先级,使得"m|food"匹配"m"或"food"。若要匹配"mood"...

阅读全文

JavaScript中的封装多态和继承_js多态与重载
dwtedx JavaScript教程 1589 1 2017-06-23 13:17:01

从某种意义上来说、多态是面向对象中重要的一部分、也是实施继承的主要目的、一个实例可以拥有多个类型、它既可以是这种类型、也可以是那种类型、这种多种状态被称为类的多态、多态的表现形式很多、其中继承和重载都是多态的表现形式 封装Encapsulation 如下代码,这就算是封装了(function (windows, undefined) { var i = 0;//相对外部环境来说,这里的i就算是封装了})(window, undefined); 继承Inheritance(function (windows, undefin...

阅读全文

DD记账
top
+