标签: AngularJS

Js实现表格拖动选项

本文实例为大家分享了js实现表格拖动选项的具体代码,供大家参考,具体内容如下题目要求如下图所示,具体思路:拖动改变选择项,用的的事件是js的拖动相关事件。代码:Document*{margin:0;padding:0;}ul,li{list-style:none;cursor:pointer;}.s...

JavaScript 2021-04-19 93 0 0 阅读全文

优雅的使用Javascript递归画一棵结构树示例代码

递归和尾递归简单的说,递归就是函数自己调用自己,它做为一种算法在程序设计语言中广泛应用。其核心思想是把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解。一般来说,递归需要有边界条件、递归前进阶段和递归返回阶段。当边界条件不满足时,递归前进;当边界条件满足时,递归返回。但是作为一个合...

JavaScript 2021-04-28 80 0 0 阅读全文

Js+SpringMvc 提交数组数据到后台的实例

1.ajax代码varids=newArray();$.ajax({type:"POST",url:"/user/downReport",dataType:"html",traditional:true,data:{downReportAr...

JavaScript 2021-04-28 115 0 0 阅读全文

使用JavaScript实现贪吃蛇游戏

index.html代码如下贪吃蛇index.css代码如下#map{width:600px;height:400px;background-color:#ccc;position:relative;}food.js代码如下//自调函数开启一个新的作用域,避免命名冲突(function(){//局部...

JavaScript 2021-05-17 104 0 0 阅读全文

JavaScript事件详细讲解

事件的概念事件:指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器(或者处理程序)来预定事件,以便事件发生的时候执行相应的代码。一、事件流1.事件流:描述的是在页面中接受事件的顺序2.事件冒泡:由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档)3.事件捕获:最不具体...

JavaScript 2021-05-10 103 0 0 阅读全文

ANgularJS 获取Ng-Repeat动态生成的Ng-Model值实例详解

代码html用例集全局参数配置参数参数值{{param}}应用取消JSvarModalInstanceCtrl=function($scope,$modalInstance,params){$scope.params=params;$scope.conf=[];$scope.ok=function(...

JavaScript 2021-05-25 116 0 0 阅读全文

JS正则(RegExp)判断文本框中是否包含特殊符号

有时,我们希望判断文本框中用户输入的字符是否含有特殊符号(*/#$@),就像用户注册时密码框的填写。demo利用RegExp对象,能很优雅的实现以上需求://even(文本框内容)function(even){//规则对象(flag)varflag=newRegExp("[`~!@#$^&...

其他 2021-05-06 101 0 0 阅读全文

JavaScript实现随机点名小程序

本文实例为大家分享了JavaScript实现随机点名小程序的具体代码,供大家参考,具体内容如下导入jar包将jquery-3.3.1.min.js包导入到web目录下的js包代码实现点名器body{background-color:gray;}.box{width:1000px;height:280...

JavaScript 2021-04-19 89 0 0 阅读全文

Angular使用TweenMax动画库的问题和解决方法

最近闲来无事,捣鼓捣鼓CSS发现了一个比较好动画库,就是TweenMax用起来略微有点麻烦,但是效果确实可以。首先在angular中使用TweenMax就得先通过npm安装1.npminstall--save-devgsap2.npminstall--save-dev@types/gsap然后再引入...

CSS/HTML 2021-03-18 152 0 0 阅读全文

AngularJS动态生成Div的ID源码解析

1、问题背景给定一个数组对象,里面是div的id;循环生成div元素,并给id赋值2、实现源码AngularJS动态生成div的IDvarapp=angular.module("idApp",[]);app.controller("idCon",functio...

JavaScript 2021-05-11 82 0 0 阅读全文

Angularjs自定义过滤器Demo示例

本文实例讲述了angularjs自定义过滤器demo。分享给大家供大家参考,具体如下:这个基于angularjs的过滤器是最近做的"信息管理学院实验室预约"项目中的一个小功能。以下为数据:$scope['classes']=[{id:1,name:"H503"...

JavaScript 2021-04-28 94 0 0 阅读全文

Javascrip实现文字跳动特效

一.如何让字符串变成一个个的字体,让我们去控制1获取字符串内容2清空字符串内容3遍历字符串,然后一个个的切割出来。4给切割出来的文字添加定位5把添加好定位的文字,重新赋值到获取的元素里面。二.鼠标滑动上去之后,该怎么去实现文字的跳动1定义一个变量02定义定时器3让变量不断的减少4改变元素的top==...

JavaScript 2021-05-26 90 0 0 阅读全文

Angular8实现Table表格表头固定

最近项目中有个需求,表头固定,内部实现滚动条。除了单个表头,还有多个表头的情况(下一篇中介绍)。效果图:html结构按区域划分可以分为三个大部分,一共是通过4个table组合成一个整体的table。然后通过col属性去设定列的宽度,注意:这里的宽度必须要设置为固定值。表头过滤功能暂时未实现。水平滚动...

JavaScript 2021-07-05 86 0 0 阅读全文

Jsp EL表达式详解

一、EL表达式介绍ExpressionLanguage表达式语言是一种在JSP页面获取数据的简单方式(只能获取数据,不能设置数据)在JSP2.0开始引入概念语法格式在JSP页面的任何静态部分均可通过:${expression}来获取到指定表达式的值二、EL获取数据(从四大域中获取属性)EL只能从四大...

其他 2021-04-10 68 0 0 阅读全文

Vue.Js Click点击事件获取当前元素对象的操作

Vue.js可以传递$event对象点击当前行文本li2li3newVue({el:'#app',data:{message:'HelloVue.js!'},methods:{say:function(msg,event){//获取点击对象varel=event.currentTarget;aler...

JavaScript 2021-05-26 102 0 0 阅读全文

Js 实现碰撞检测的示例

碰撞检测目录代码实例与简易拖拽的差异下载源码链接 代码实例(function(){vardragging=falsevarboxX,boxY,mouseX,mouseY,offsetX,offsetYvarbox=document.getElementById('box')varbox2=docum...

JavaScript 2021-04-22 101 0 0 阅读全文

AngularJs在多个控制器中共享服务数据

网站名称网址{{v.name}}{{v.url}}网站名称网址{{v.name}}{{v.url}}{{web.name}}删除所有数据varm=angular.module('module',[]);//定义服务m.factory('videoServer',['$http',function($...

JavaScript 2021-06-23 110 0 0 阅读全文

用Js控制更换模拟电灯开关的图片

利用js控制电灯开关,供大家参考,具体内容如下题目:通过js来控制电灯的开关分析:获取电灯泡元素,给它绑定点击事件,通过鼠标点击来实现电灯泡的开关实现方法:方法一:获取图片元素,通过给按钮绑定点击事件来控制电灯开关电灯开关案例开灯关灯varopen=document.getElementById(&...

JavaScript 2021-04-22 84 0 0 阅读全文

Vue.Js封装Switch开关组件的操作

我的项目本来用的element,但是switch开关不符合设计要求,于是自己封装了一个switch组件,并且实现了switch开关的双向数据绑定exportdefault{name:"ToggleSwitch",data(){return{toggled:this.value};...

JavaScript 2021-04-24 87 0 0 阅读全文

JS实现鼠标按下拖拽效果

原生JS实现鼠标按下拖拽效果鼠标拖动body{margin:0;}div{width:200px;height:200px;position:absolute;background-color:pink;}//定义变量储存div的宽高varobj_w,obj_h;//定义一个变量判断是否执行移动函数...

JavaScript 2021-05-27 83 0 0 阅读全文