标签: AngularJS

用JavaScript实现贪吃蛇游戏

地图地图:宽,高,背景颜色,因为小蛇和食物都是相对于地图显示的,这里小蛇和食物都是地图的子元素,随机位置显示,脱离文档流的,地图也需要脱离文档流relative,----css需要设置:宽,高,背景颜色,脱标食物—div元素elements---->存储div的数组(将来删除的食物div时候,...

JavaScript 2021-05-15 140 0 0 阅读全文

Js实现石头剪刀布游戏

一、实现效果二、使用步骤1.HTML和css石头剪刀布#bigbox{width:600px;height:600px;background:slateblue;margin:0auto;}#bigbox>h1{width:100%;text-align:center;color:#fffff...

JavaScript 2021-05-15 151 0 0 阅读全文

Js 实现Watch监听数据变化的代码

1.js/***@desc属性改变监听,属性被set时出发watch的方法,类似vue的watch*@authorJason*@studyhttps://www.jianshu.com/p/00502d10ea95*@data2018-04-27*@constructor*@param{object...

JavaScript 2021-04-29 164 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 220 0 0 阅读全文

JS实现JQuery的Append功能

jQuery中可以直接使用$el.append()为元素添加字符串型dom,但是最近转战Vue,再使用jQuery明显不合适了,所以通过查找资料,封装一个可以实现同样效果的方法.ShowMeTheCodeHTMLElement.prototype.appendHTML=function(html){...

JavaScript 2021-05-28 233 0 0 阅读全文

微信小程序12行Js代码自己写个滑块功能(推荐)

效果图如下所示.wxml{{percen>100?100:percen}}%.wxsspage{background-color:#ddd;}.jindu{margin:50pxcalc((100%-80%)/2)0;width:80%;float:left;height:6rpx;backg...

JavaScript 2021-05-28 221 0 0 阅读全文

基于Angular路由的RequireJs按需加载Js

最近终于不忙了!!有时间沉淀一下之前学到的angular东东!!angular路由作为单页面应用,切换页面的时候都是一个页面,所以切换controller和按需加载控件js就成了大问题!!折腾了我半天啊,angular-route内置的办法也没有解决这个问题,最终我是用requireJs解决的这个问...

JavaScript 2021-06-11 160 0 0 阅读全文

JS实现可用滑块滑动的缓动图代码

尝试模仿京东的“发现好货”模块的可用滑块滑动的缓动图JS代码function$(id){returndocument.getElementById(id);}//缓动轮播图varfhTimer;varfhNum=0;varbarNum=0;fhTimer=setInterval(marquee,20...

JavaScript 2021-04-27 167 0 0 阅读全文

ANgularJS使用Ng-Repeat指令实现下拉框

1、问题背景select下拉框里option组装成下拉框,这里利用ng-repeat指令来创建2、实现源码AngularJS之下拉框(方式二)varapp=angular.module("secondApp",[]);app.controller("secondCon&...

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

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

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

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

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

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

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

Js实现表格拖动选项

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

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

JavaScript事件详细讲解

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

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

使用Flow来规范Javascript的变量类型

众所周知,js是弱类型的语言,由此有了很多的优点,也出现了大量由此导致的错误,难以定位。当然有类似于ts之类的语法糖来解决此问题,ts因为是从c#演变而来的,所以入门有一定的门槛,所以我们来一下flow这个更轻巧的工具。先来看一下flow在vscode中的表现效果:跟ts的提示类似,它会实时检测所有...

JavaScript 2021-04-27 179 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 260 0 0 阅读全文

Angular管道PIPE的介绍与使用方法

PIPE,翻译为管道。Angular管道是编写可以在HTML组件中声明的显示值转换的方法。Angular管道之前在AngularJS中被称为过滤器,从Angular2开始就被称为管道。管道将数据作为输入并将其转换为所需的输出。AngularPipes将整数、字符串、数组和日期作为输入,用|分隔,然后...

JavaScript 2021-06-24 178 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 158 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 152 0 0 阅读全文

Angularjs自定义过滤器Demo示例

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

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

Angular8实现Table表格表头固定

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

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