js实现鼠标拖拽多选功能示例

最近做了一个用js实现鼠标拖拽多选的功能,于是整理了一下思路,写了一个小demo:
遮罩出现:被遮罩盖住的,即为选中的块(背景色为粉色)下面是具体代码,注释已在文中,与大家交流。<!DOCTY...

jQuery上传插件webupload使用方法

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原...

Angular4学习笔记之准备和环境搭建项目

写在前面的废话1我用angular的时候还是1.x,属于代码写的很反人类但是angular2还没出的蛮荒年代。我本身是从j2ee转到Android的工程师,也是就是说,我的日常开发语言是Java。突然...

详解js静态资源文件请求的处理

本文实例为大家分享了js静态资源文件请求的处理,供大家参考,具体内容如下html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <...

Angular4学习笔记之实现绑定和分包

本文介绍了Angular4学习笔记之实现绑定和分包,分享给大家,希望对大家有帮助src目录下的app/app.component.ts文件是一个标准的angular4组件的结构。上面@component()括号内tem...

谈谈VUE种methods watch和compute的区别和联系

从作用机制和性质上看待methods,watch和computed的关系图片标题[原创]:《他三个是啥子关系呢?》
首先要说,methods,watch和computed都是以函数为基础的,但各自却都不同 而从作...

Vue2.0 组件传值通讯的示例代码

在Vue项目中,我们经常把某个功能模块封装起来,形成组件,下次调用时非常方便,同时也是在一些循环中进行dom操作的一种较好方式。本次我想以一个评价组件来说一下组件的事件和参数...

浅谈node中的exports与module.exports的关系

因为是做前端的,对node的生态一直也比较关注,对于node中对commonJS模块化的实现给了我们很大的方便,之前对于导出的module.exports和exports一直模模糊糊,今天做一个整理
先...

详解jquery选择器的原理

详解jquery选择器的原理html部分
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script src="js/minijquery.js"></s...

谈谈对vue响应式数据更新的误解

对于刚接触vue的同学会经常遇到数据更新了但是模板没有更新的问题,下面将结合vue的响应式特性以及异步更新机制分析常见的错误:异步更新带来的数据响应式误解
异步数据的处理...

javascript 中select框触发事件过程的分析

javascript 中select框触发事件过程的分析我们书写了mousedown,mouseup,click,input,change,focus,blur,keydowm,keydown事件绑定到了select上面,模拟客户选择相关事件的触发流程:
最...

详解基于node的前端项目编译时内存溢出问题

前段时间公司有个基于vue的项目在运行npm run build的时候会报内存溢出,今天在某个技术流交群也有位小伙伴基于angular的项目也出现了这个问题,所以查了一些相关的资料总结了...

基于Jquery Ajax type的4种类型(详解)

Ajax type这个里面填什么呢?通常大家都会说get和post。那么还有2个是什么呢?
$.ajax({ url: 'http://www.cnblogs.com/youku/', type: '', data: {}});(默认: "GET") 请求方式...

认识less和webstrom的less配置方法

今天完成的事情:首先第一件事情是,整理一下常用的颜色摄取#F1F1F1 google的设置页面的body的背景颜色#FFF 为google的内容块的背景颜色另外就是学习test11中提到的less一。跳...

原生js获取left值和top值的三种方法

在用js做动态效果时,通常需要获取元素绝对定位中的left和top属性值。比如做一个碰撞广告,就要不停的获取元素的top和left属性值。需要注意的事:取值的元素必须要设置position:a...

使用Node.js搭建静态资源服务详细教程

对于Node.js新手,搭建一个静态资源服务器是个不错的锻炼,从最简单的返回文件或错误开始,渐进增强,还可以逐步加深对http的理解。那就开始吧,让我们的双手沾满网络请求!Note:当然在...

使用JavaScript实现表格编辑器(实例讲解)

实现效果:      html代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表格编辑器</title> <link rel="stylesheet" type="text/css" href="css/ta...

js实现前端图片上传即时预览功能

现在,在实现前端图片即时预览,可以说是一件很简单的事情了。我们只需要用file对象和FileReader对象,既可以轻松实现,无需下载类库。HTML代码<!DOCTYPE html><html><body><img sr...

浅谈ECMAScript6新特性之let、const

第一次写博客有点紧张,如果说的不对的地方,欢迎大家留言指正。咱们先来说说“ECMAScript”这到底是啥玩意儿?它和javascript的关系又是如何的?首先,在1996年11月的时候,javascript...

angular $watch 一个变量的变化(实例讲解)

废话不多说,直接上代码$scope.$watch('custArea', function(newValue, oldValue) { angular.forEach(newValue, function(item, key) { if($scope.custArea.indexOf("00...

jQuery接受后台传递的List的实例详解

jQuery接受后台传递的List的实例详解后台代码:@RequestMapping(params = "getUser")@ResponseBodypublic List<User> getUser(){List<User> list = new ArrayList<>();return...

javascript 取小数点后几位几种方法总结

javascript 取小数点后几位方法总结Javascript取float型小数点后两位,例22.123456取成22.12,如何做?1.通过substring截取。
function getnum(){var num = 22.123456;var resul...

使用JavaScript实现链表的数据结构的代码

链表(Linked list)是一种常见的基础数据结构,是一种线性表,但是并不会按线性的顺序存储数据,而是在每一个节点里存到下一个节点的指针(Pointer) — 维基百科上面是维基百科对...

基于LayUI分页和LayUI laypage分页的使用示例

&#65279;本文介绍了LayUI分页,LayUI动态分页,LayUI laypage分页,LayUI laypage刷新当前页,分享给大家,具体如下:效果图: 一、引用js依赖主要是jquery-1.11.3.min.js 和 layui.all.j...

基于jquery实现多选下拉列表

本文实例为大家分享了jquery实现多选下拉列表展示的具体代码,供大家参考,具体内容如下<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</ti...

JavaScript实现无刷新上传预览图片功能

无刷新上传功能如何实现?手写无刷新上传要用到两个东西,FormData和FileReader。
FileReader 用于图片浏览。FormData 用于ajax请求。html代码先创建表单跟图片的容器 <form...

js如何编写简单的ajax方法库

本文实例为大家分享了js编写ajax方法库的具体代码,供大家参考,具体内容如下
具体代码~function(){ //ajax:实现ajax请求的公共方法;当一个方法传递的参数过多,而且还不固定,我...

easyui-datagrid开发实践(总结)

一,引言工作的需要,做了3年的wpf(mvvm)……,又因为项目的需求,回归到web的开发。 3 years ago,vue是我三年前没用过的玩意儿。 3 years ago,bootstrap组件没现在成熟。 3 years...

利用JavaScript实现栈的数据结构示例代码

前言本文主要给大家介绍的是关于JavaScript实现栈的数据结构的相关内容,分享出来供大家参考学习,话不多少,来一起看看详细的介绍:堆栈(英语:stack),也可直接称栈,在计算机科学中,是一...

ReactNative页面跳转Navigator实现的示例代码

本文介绍了ReactNative页面跳转Navigator,分享给大家。具体如下:Navigator即导航器,通过导航器我们可以实现应用在不同的页面之间进行跳转。
导航器会建立一个路由栈,用来弹出,...

ReactNative列表ListView的用法

最近在学习ReactNative,本文介绍了ReactNative列表ListView的用法,分享给大家,也给自己留个笔记
ListView在Android中,如果我们需要显示一个ListView,有两项是比不可少的,首先是Li...

jQuery初级教程之网站品牌列表效果

本文实例为大家分享了jQuery网站品牌列表效果展示的具体代码,供大家参考,具体内容如下1.EG2.aspx<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w...

React Native之ListView实现九宫格效果的示例

概述
在安卓原生开发中,ListView是很常用的一个列表控件,那么React Native(RN)如何实现该功能呢?我们来看一下ListView的源码ListView是基于ScrollView扩展得来的,所以具有ScrollV...

使用vue构建移动应用实战代码

在移动应用中很多功能都是必不可少的,使用vue构建移动应用自然也就需要实现这些功能。之所以写这篇文章,是希望大家能更多的将注意力放在项目的核心业务上,而不是过多的关注通...

webpack进阶——缓存与独立打包的用法

本文介绍了webpack进阶——缓存与独立打包的用法,分享给大家,希望对大家有帮助先来看看最基础的webpack配置:var path = require('path'); module.exports = { entry: './src/i...

angular中的cookie读写方法

AngularJS中对cookie的操作封装了一个单独的模块,模块名为ngCookies,若想使用需在页面中先引入angular-cookies.js:<script src="js/angular.min.js"></script><script src="js...

详解JavaScript按概率随机生成事件

最近做了一个JavaScript按概率随机生成事件,于是整理了一下思路,写了一个小demo:/**在抽奖的活动中经常会用到这个算法,不同奖项的获取概率不同,要按概率去随机生成对应的奖品**/...

老生常谈js数据类型

js数据类型主要分为基本数据类型和引用数据类型
基本数据类型和引用数据类型的区别:基本数据类型是对值得引用,引用数据类型是对地址的引用;基本数据类型存放在栈内存,栈内存提...

promise处理多个相互依赖的异步请求(实例讲解)

在项目中,经常会遇到多个相互依赖的异步请求。如有a,b,c三个ajax请求,b需要依赖a返回的数据,c又需要a和b请求返回的数据。如果采用请求嵌套请求的方式自然是不可取的。导致代码...

解决canvas画布使用fillRect()时高度出现双倍效果的问题

当设置canvas的宽度和高度时,只有内嵌css有效,外部css会出现拉伸的情况,例如:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <scr...

浅谈pc端rem字体设置的问题

1、内容在一屏内显示的,采用了(内容框)上下左右居中的办法,里面的内容绝对于这个内容框定位.这样一来,在不同大小屏中,内容总是在中间,看起来较正常2、长,宽,LEFT,TOP,RIGHT,BOTTOM都...

es6 字符串String的扩展(实例讲解)

新特性:模板字符串传统字符串let name = "Jacky";let occupation = "doctor"; //传统字符串拼接let str = "He is "+ name +",he is a "+ occupation;es6简洁的字符串拼接let...

微信小程序-滚动消息通知的实例代码

写在前面: 这次我主要想总结一下微信小程序实现上下滚动消息提醒,主要是利用swiper组件来实现,swiper组件在小程序中是滑块视图容器。我们通过vertical属性(默认为false,实现默...

Form表单上传文件(type="file")的使用

一,单个文件的上传1.html/jsp页面<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0...

微信小程序之电影影评小程序制作代码

本文实例为大家分享了微信小程序制作影评小程序的具体代码,供大家参考,具体内容如下这是博主的项目包含的文件截图:
首先如图建立文件夹和page页面然后app.json页面更新代码如...

ES6学习教程之Map的常用方法总结

前言ES6包含了许多新的语言特性,这会让JS变的更加强大且富有表现力。本文将给大家详细介绍关于ES6中Map的常用方法,话不多说,来一起看看详细的介绍:1.Map 结构转为数组结构
比较...

解决ionic和angular上拉加载的问题

说到ionic上拉加载就跟pc的分页是一样的,他需要在html数据列表的最下面边添加<ion-infinite-scroll ng-if="hasmore" on-infinite="loadMore()" distance="10%"> </ion-infin...

react-native ListView下拉刷新上拉加载实现代码

本文介绍了react-native ListView下拉刷新上拉加载实现。分享给大家,具体如下:
先看效果图下拉刷新
React Native提供了一个组件可以实现下拉刷新方法RefreshControl使用方法<...

详解Vuejs2.0 如何利用proxyTable实现跨域请求

前言:本地项目在请求远端服务器接口时,不可避免的会遇到跨域问题,即便是设置了Access-Control-Allow-Origin:* ,在遇到登录这些需要本地存入cookie的也会很头痛,这里笔者介绍一个...

webpack开发跨域问题解决办法

本文介绍了webpack开发跨域问题解决办法,分享给大家,具体如下:
1. 说明webpack 内置了 http-proxy-middleware 可以解决 请求的 URL 代理的问题
2. API需要代理的 pathname 要...

返回顶部
顶部