文章列表

详解JavaScript时间处理之几个月前或几个月后的指定日期

查看详情

在平常项目开发过程中,经常会遇到需要在JavaScript中处理时间的情况,无非两种(1,逻辑处理 2,格式转换处理)。当然要说相关技术博,园子里闭着眼睛都能抓一把,但是我要做的是:既然有幸被我碰到了,就要尽可能的分析转化为自己最适合自己的东西,成为自己知识库的一部分;同时希望能帮助有需要的同学解决遇...

分类: JavaScript技术 标签:

js实现可输入可选择的select下拉框

查看详情

本文实例为大家分享了可输入可选择的select下拉框,供大家参考,具体内容如下1、原理:1.1将input输入框和select框合并在一起,但是显示出向下点击的按钮:这种比较容易做到1.2出现输入值能够自动匹配的功能动态的加载一个临时的div出现在该input下方,当点击页面中的空白地方,div隐藏。1...

分类: JavaScript技术 标签:

详解jQuery选择器

查看详情

大致介绍终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQueryjQuery是什么?jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨...

分类: JavaScript技术 标签:

Vue.js 递归组件实现树形菜单(实例分享)

查看详情

最近看了 Vue.js 的递归组件,实现了一个最基本的树形菜单。项目结构:main.js 作为入口,很简单:import Vue from 'vue' Vue.config.debug = true import main from './components/main.vue' new Vue({ ...

分类: JavaScript技术 标签:

JS简单实现表格排序功能示例

查看详情

本文实例讲述了JS简单实现表格排序功能的方法。分享给大家供大家参考,具体如下:思路:遍历每个li,并把它们存放到数组中去,然后通过sort()方法进行排序,再插入 排序 58 8 31 98 75 window.onload=fu...

分类: JavaScript技术 标签:

js定时器实例分享

查看详情

1. 设置定时器语法:setInterval(函数,时间)注意:函数书写时不能带括号setInterval(fn,1000)//正确 setInterval(fn(),1000)//错误时间的最小设置不小于14ms2. 清除定时器语法:clearInterval(所清除的定时器名称)3. 实例探究js部...

分类: JavaScript技术 标签:

[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码

查看详情

很久没有更新博客了,再不写点东西都烂了。这次更新一个小内容,是两个插件的组合使用,实现头像上传功能。业务需求: 头像上传功能,要对上传的文件进行剪切,且保证头像到服务器时必须是正方形的。 优化的显示样式,基础的样式实在太难看了。 上传的头像需要进行质量压缩跟大小裁剪,以减缓浏览器的压力。成...

分类: JavaScript技术 标签:

详解为Angular.js内置$http服务添加拦截器的方法

查看详情

前言在Angular框架中,创建团队为使用者进行了Ajax请求的封装,并通过$http服务暴露出相关的接口.Angular在其官方文档中指出, $http服务底层针对Web常见的安全攻击做出了相应的对策,也就是说使用$http服务封装的Ajax为使用者提供了更为安全的保障.作为一个框架,保证框架的可用性...

分类: JavaScript技术 标签:

JS基于面向对象实现的拖拽功能示例

查看详情

本文实例讲述了JS基于面向对象实现的拖拽功能。分享给大家供大家参考,具体如下: #div1 {width:100px; height:100px; background:red; position:absolute;} #div2 {width:100px; height:100px; backgr...

分类: JavaScript技术 标签:

AngularJS 在同一个界面启动多个ng-app应用模块详解

查看详情

AngularJS默认在一个html界面中只启动一个 ng-app 模块,而且是界面中第一次出现的那个使用 ng-app 声明的模块,该问题可以通过查看AngularJS源代码或者是文档验证。解决方案:直接上代码,如果有兴趣了解其中缘由,可以选择阅读后面的部分; AngularJS Sourc...

分类: JavaScript技术 标签:

解决Angular.Js与Django标签冲突的方案

查看详情

前言大家应该都知道,Django和Angular的模板系统使用了非常相似的标签系统,比如说,都是使用{{ content }}表示变量名字。所以Django和Angular配合使用的时候,会引起冲突。我在网上找到了一些解决方法。现在总结后分享给大家,下面来一起看看吧。一、 改变AngularJs的默认标...

分类: JavaScript技术 标签:

JS基于面向对象实现的选项卡效果示例

查看详情

本文实例讲述了JS基于面向对象实现的选项卡效果。分享给大家供大家参考,具体如下:中间过渡环节:把面向过程的程序,改写成面向对象的形式 #div1 input {background:#CCC;} #div1 .active {background:yellow;} #div1 div {width:...

分类: JavaScript技术 标签:

jQuery常见的选择器及用法介绍

查看详情

选择器的意义就是将众多html代码中准确的找出我们想找的单元。接下来将常见的选择器以及作用列举出来。基本选择器$('#test1').css('background' , 'gray'); 可以找到id = test1的单元。 $('p').css('background' , 'blue'); 所有的...

分类: JavaScript技术 标签:

js多个物体运动功能实例分析

查看详情

本文实例分析了js实现的多个物体运动功能。分享给大家供大家参考,具体如下:与单个的区别:得知道哪个在动,所以运动函数需要两个参数,出了目标iTarget之外,还要obj。另外需要多个计数器,否则当一个还没运动完就移入另一个物体会发生卡壳window.onload=function(){ var aD...

分类: JavaScript技术 标签:

用jQuery.ajaxSetup实现对请求和响应数据的过滤

查看详情

不知道同学们在做项目的过程中有没有相同的经历呢?在使用 ajax 的时候,需要对请求参数和响应数据进行过滤处理,比如你们觉得就让请求参数和响应信息就这么赤裸裸的在互联网里来回的穿梭,比如这样:要知道,在浩瀚的互联网中,所有的信息都是不安全的,万一有人偷窥我们怎么办?!万一被别人看见了我们的美体,偷窥到了...

分类: JavaScript技术 标签:

JS多物体实现缓冲运动效果示例

查看详情

本文实例讲述了JS多物体实现缓冲运动效果的方法。分享给大家供大家参考,具体如下: demo var odiv=document.getElementById('odiv'); var odiv1=document.getElementById('odiv1'); odiv.o...

分类: JavaScript技术 标签:

自学实现angularjs依赖注入

查看详情

在用angular依赖注入时,感觉很好用,他的出现是 为了“削减计算机程序的耦合问题” ,我怀着敬畏与好奇的心情,轻轻的走进了angular源码,看看他到底是怎么实现的,我也想写个这么牛逼的功能。于是就模仿着写了一个,如果有什么不对,请大家批评指正。 其实刚开始的时候我也不知道怎么下手,源码中有...

分类: JavaScript技术 标签:

JS实现Ajax的方法分析

查看详情

本文实例分析了JS实现Ajax的方法。分享给大家供大家参考,具体如下:一、什么是Ajax不刷新的情况下读取数据或提交数据(最早出现ajax:谷歌地图,拖动一下出现一片新的视野)应用:用户注册、在线聊天、微博特性:只能从服务器上去读取数据(所以我们需要配置自己的服务器程序AMP)二、使用Ajax1.基础:...

分类: JavaScript技术 标签:

常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)

查看详情

废话不多说了,直接给大家贴代码了,具体代码如下所示: var speed=30; var colee2=document.getElementById("colee2"); var colee1=document.getE...

分类: JavaScript技术 标签:

JS封装通过className获取元素的函数示例

查看详情

本文实例讲述了JS封装通过className获取元素的函数。分享给大家供大家参考,具体如下: 假设要获取所有.star元素function getByClass(oparent,sClass){ var aEle=oparent.getElementsByTagName...

分类: JavaScript技术 标签:
共 1131 条记录 1234567891011 46