javascript技巧 / 张生荣

基于JavaScript 实现拖放功能

HTML 的拖放 API 依赖 DOM 事件模型,获取拖放和放置元素的相关信息,以此实现拖放功能.我们只需要注册很少几个事件监听器,就能把任何元素变成可拖动或可放置的. 拖放 API 除了提供基本的拖 ...

最近做了一个关于税务的功能,值得一说的是本页面的滑块实现.大家都知道现实中的程序员大部分都是对于页面和美工不是很熟悉. 本人也是,但是本人比较喜欢自己动手来实现.废话不多说.上图: 实现结果: 部分j ...

这篇文章的主要目的是讲解JavaScript数组和对象的混合使用,由于JS的弱检查特性,因此在JS数组中可以同时存储不同类型的变量,比如你可以把数字.字符串.字符.对象等内容放在同一个数组中.对象也可 ...

第一种: 复制代码代码如下: function unique (arr){ var obj = {},newArr = []; for(var i = 0;i < arr.length;i ...

var ie = !-[1,]: 这句代码在IE9之前曾被称为世界上最短的IE判定代码.代码虽短但确包含了不少javascript基础知识在里面.在这个例子中代码执行时会先调用数组的toString( ...

wbkt2t最近发现了一个新名词:闭包.(自己落后了,要好好学习才行),baidu.google看了一下原理和实例,也明白了闭包的强大.JQuery也把闭包发扬光大了,网上一些个人开发的框架都是用了闭 ...

关于arguments,callee,caller等的测试 function testArg() { var sTemp ="test()开始执行\n\n函数定义的正文:\n\n" ...

目录同名的命名空间之间的合并命名空间和其他类型的合并合并同名的命名空间和类合并同名的命名空间和函数同名的命名空间和枚举前言: 回顾上一节的内容,在上一节中我们介绍了TS中最常见的声明合并: ...

最近公司要求用vue重构项目,还涉及到模块化开发,于是乎,我专门花了几天的时间研究了一下webpack这个目前来看比较热门的模块加载兼打包工具,发现上手并不是很容易,现将总结的一些有关配置的心得分享出 ...

复制代码代码如下: <!DOCTYPE html> <html> <head> <title>DST Calculator</title> ...

本文实例讲述了JS实现的新闻列表自动滚动效果.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <h ...

先准备好一个空的json对象 var obj = {}; 1. 最原始的方法 obj.name = 'zhangsan'; //这种方式很简单的添加了一个键值对 //输出:{name:"zh ...

在很多需要搜索的网站, 都会有一个自动完成的搜索框. 方便用户查找他们想要的搜索词. 帮助用户快速找到自己想要的结果. 这种方式是比较友好的. 所以是比较提倡使用的. 先给大家展示下效果图: 实现这个 ...

由于代码比较简单,小编就不再讲解,看代码就明白了,直接把实例帖出来. <html xmlns="http://www.w3.org/1999/xhtml"> <h ...

前面已经介绍过Button的使用.通过button按钮,我们还能实现一些诸如按钮状态控制等形式的交互. 0x01 加载状态添加data-loading-text="Loading-&quo ...

原理:采用innerText 或者 innerHTML 复制代码代码如下: <script language="javascript"> var stock_code ...

目录如果一段代码久久不能执行完成,会怎么样? Axios 自带超时处理处理 fetch() 超时万物皆可超时自从 ECMAScript 的 Promise ES2015 和 async/awa ...

本文实例为大家分享了js实现翻牌小游戏的具体代码,供大家参考,具体内容如下效果图需求分析 1.生成两组顺序随机的1-8数据 2.卡片需要有翻转效果 3.两次翻转数据不相等,回复原状 4.两次翻转数 ...

直接上代码: 例如要获取一个id为"btn"的按钮的所有属性复制代码代码如下: function showBtn() { var tmp=""; var o ...

本文实例为大家分享了Openlayers绘制地图标注的具体代码,供大家参考,具体内容如下 1.标注的简介标注简单点说就是通过图标.文字等方式将我们想展示的内容显示在地图上,着重突出人们所关注的专题内 ...