var gys = function () { } //oParent父节点 //获取所有的子元素 gys.prototype.getElementChildren = function (oParent) { return oParent.children; } //arr获取的数组,jsonCss是修改属性css的json数据 // gys.setElementCss(aLi, {"color":"red","backgroundColor"…

代码: function drag(t,p){ var point = p || null, target = t || null, resultX = 0, resultY = 0; (!point)? point = target : ''; //如果没有拖动点,则拖动点默认为整个别拖动元素 function getPos(t){ var offsetLeft = 0, offsetTop = 0, offsetParent = t; while(offsetParent){ offsetL…

小白还是自己写一遍吧 1.下载node.js https://nodejs.org/en/download/ 2.安装淘宝镜像(类似于阿里云的maven中央仓库镜像) 安装时间有点长 安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org 验证命令:cnpm -v 3.安装webpack 利用cnpm安装webpack 命令行语句为cnpm install webpack -g 完了还要装webpack cli 验证…

js并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样 用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的Shape类. 1. 定义js类 js并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样 用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的Shape类. 代码如下: function ShapeBase() { this.show = functi…

声明,该DEMO依托于某个培训机构中,非常感谢这个培训结构.话不多说,现在开始改demo的制作. 首先,在前端的学习过程中,轮播图是我们一定要学习的,所以为了更加高效的实现各种轮播图,封装了一个运动的框架. function getStyle(obj,attr) { if(obj.currentStyle){ return obj.currentStyle[attr];//为了获取IE下的属性值 }else{ return window.getComputedStyle(obj,null)[at…

因为工作的需求之前也封装过一个JS分享插件,集成了我们公司常用的几个分享平台. 但是总感觉之前的结构上很不理想,样式,行为揉成一起,心里想的做的完美,实际上总是很多的偏差,所以这次我对其进行了改版. 这次的核心就是:JS只负责事件+结构,也就是把功能实现出来,具体的外观样式,则使用者自己进行定义. 以下是新版分享插件的代码: (function(root){ 'use strict'; function share(params){ this.params = params; this.dom…

自己封装的一个js方法用于获取显示的星期和日期时间 /** * 获取用于显示的星期和日期时间 * @param date * @returns {string} */ function getWeek(date){ //将字符串日期转换日期对象 date = date.replace(/-/g, '/'); var dd = new Date(date); var curDate = new Date(); var curDate2 = new Date(); var m = dd.getMon…

在我们平时的开发中,一定有很多地方需要用到弹窗提示功能.而系统自带的弹窗奇丑无比,而且我们不能自主控制.因此我们在开发过程中,自己封装一个弹窗JS方便我们使用. 代码demo如下: // JavaScript Document /*var allWidth = $(".menuList")[0].offsetWidth; $(".menuList").height(allWidth*298/1400+"px");*/ var aAlert=fun…

一般来说,系统框架的主内容区会引入另一个独立的 Web 页面来实现系统的功能,所以在在 Tabs 里的每一个标签页里使用 iframe 标签来引入子页面.所以这里可以将 Tabs 的 Content 属性值设为一个 <iframe> 标签即可.比如: $("#tabs").tabs('add',{ title: "百度搜索", content: '<iframe style="width:100%;height:100%;" s…

1 /** * @description: 引擎的设计与实现 * @user: xiugang * @time: 2018/10/01 */ /* * V1.0: 引擎实现的基本模块思路 * 1.创建一个游戏引擎对象及精灵对象 * 2.将精灵对象添加到引擎中去,并实现播放动画效果以及需要用到的回调方法 * 3.启动引擎 * */ /* * V2.0: 实现游戏循环模块 * 1.如果游戏暂停了,就跳过以下各步骤,并在100毫秒后再次执行游戏循环 * 2.更新帧速率 * 3.设置游戏时间 * 4.清…