js-浮动窗口

js-模块化开发总结

一.模块开发的概念模块化开发是什么：模块化开发是一种生产方式，这种方式生产效率高，维护成本低。从软件开发的角度说，模块化开发是一种开发模式，写代码的一种方式，开发效率高，维护成本低。为什么需要模块化开发：当一个项目开发的越来越复杂的时候，会遇到一些问题,比如命名冲突（重命名），文件依赖（代码重用时，引入的js文件少了或者顺序不对都会造成js无法运行，例如jq必须要在bootstrap之前先引入）二
enjoy_sun_moon·2020-08-21 14:56

JS-向数组指定位置添加元素

向数组指定位置添加元素：vararray=["one","two","four"];console.log(array);//在指定位置添加元素,第一个参数指定位置,第二个参数指定要删除的元素,如果为0,则追加array.splice(2,0,"three");console.log(array);
半笙彷徨·2020-08-21 06:01

JS-纯js制作动态成绩表（流程控制语句+js内置对象）

流程控制for循环+if判断+Math对象+Array对象+Date对象制作成绩表综合运用body{text-align:center;font:14px"微软雅黑";}td{padding:8px10px;}table{display:inline-block;border:5pxsolid#6495ED;}caption{background-color:#6495ED;color:white
weixin_34356310·2020-08-20 21:59

JS-结合html综合练习js的对象——班级成绩表制作

对象综合练习body{font:14px"微软雅黑";}span{padding:5px;}table{margin:0auto;border:3pxsolidcornflowerblue;}tr{border:1pxsolid#4169E1;}td#y,#m,#d,#day{border:none;}x班期末成绩表姓名成绩备注小明87小花81小红97小天76小张54不及格小小94小西90小舞66
weixin_33743661·2020-08-20 21:50

js-字符串中去除含有的某些字符串

Title/*方法一:使用replace函数替换*///去除字符串中含有的某字符串：str=str.replace('give','');varstr='Couldyoupleasegivemeasimpleexampleofhowto';console.log("str=======前=="+str);//str=======前==Couldyoupleasegivemeasimpleexamp
Mars-xq·2020-08-20 18:33

Teacher Liu讲JAVA系列视频教程之JS-刘志远-专题视频课程

TeacherLiu讲JAVA系列视频教程之JS—202人已学习课程介绍本课程是TeacherLiu精讲JAVA系列中JS篇课程收益*了解js基本概念*掌握js和html结合方式*掌握js中注释数据类型变量声明*熟练运用js中条件语句,数组,全局及局部变量*熟练运用js中String对象,Date对象及Math对象*掌握Bom对象中常用的操作*了解Dom对象基本概念*熟练运用Dom对象元素操作讲师
zhiyuan0932·2020-08-20 10:30

浮动窗口的制作暨CSizingControlBar类的使用说明

浮动窗口的制作暨CSizingControlBar类的使用说明***********************************************************本文在实现过程中，为了方便起见
xuexiuyin·2020-08-20 07:19

JS-文档卷进头部函数封装

要求返回值是JSONfunctionscroll(){return{"top":window.pageYOffset||document.body.scrollTop||document.documentElement.scrollTop,"left":window.pageXOffset||document.body.scrollLeft||document.documentElement.sc
王银辉lucky·2020-08-20 02:53

业务随笔

JS-百度地图API实时标注中心点https://blog.csdn.net/weixin_42706303/article/details/89156177苹果字体包https://download.csdn.net
宇宙杨·2020-08-20 02:47

python使用tkinter实现浮动窗口动态实时显示时钟

本案例是一个小小的尝试，主要是使用tk窗体和label控件实现简单的时间显示功能，并实时展现当前的最新时间，形成动态的展示效果。案例中使用到的知识和技术点：1、TK窗体的基础属性配置2、标签（Label）的基础属性配置3、时间型数据的处理4、tk窗体的动态更新机制一、基础知识简介Tkinter是Python标准GUI库，其最初是为Tcl（这是一门工具命令语言，而不是某个电视机品牌）设计的，由于其良
dhjabc_1·2020-08-19 17:42

JS-事件捕获和冒泡

一、事件捕获：事件传递的顺序（父级到子级）二、事件冒泡：事件处理的顺序（默认：子级到父级）三、取消冒泡evObj.cancelBubble=true;//阻止冒泡evObj.stopPropagation();//停止传播就是在这个事件中，不向下（或者上）传递addEvent(box,'click',function(ev){console.log("box");varevObj=window.e
大大的小小小心愿·2020-08-19 10:42

js-把秒转化为 *天*小时*分钟*秒

方法：functionformatSecToStr(seconds){letdaySec=24*60*60;lethourSec=60*60;letminuteSec=60;letdd=Math.floor(seconds/daySec);lethh=Math.floor((seconds%daySec)/hourSec);letmm=Math.floor((seconds%hourSec)/mi
佛佛ง·2020-08-19 08:27

js-字符串隐藏部分文字，如车牌号脱敏

对车牌号而言，用户认证可以查看全部车牌号，不认证，则隐藏中间3位方法：functionformatCarNumber(carnum,isAuth){if(carnum){if(isAuth==1){constnumBegin=carnum.substring(0,2);constnumEnd=carnum.substring(2);returnnumBegin+'·'+numEnd;}else{c
佛佛ง·2020-08-19 08:27

js-时间戳转化为yyyy-mm-dd hh:mm:ss

//timestamp单位为sfunctionformatDate(timestamp,type){if(!timestamp){return'--'}varmyDate=newDate(timestamp*1000);vary=myDate.getFullYear();//年varm=(myDate.getMonth()+1).toString().padStart(2,'0');//月vard
佛佛ง·2020-08-19 08:27

第一天

HTML-超文本标记语言-结构CSS-层叠样式表-样式JS-脚本语言-行为Sublimetext快捷键新建文档ctrl+n保存文档ctrl+s返回上一步ctrl+z位移快捷键ctrl+[或者ctrl+]
成就我·2020-08-19 05:04

js-对象、数组等类型的判断

一、判断是否为对象方法一：vara=newObject();console.log(ainstanceofObject);//true二、判断是否为数组方法一：varb=[];console.log(Array.isArray(b));方法二：varb=[];console.log(binstanceofArray);三、其他类型判断alert(typeof(1));//numberalert(t
startyangu·2020-08-19 03:31

js-向数组添加元素

unshift-添加到数组的头部shift-删除数组的头部push-添加数组尾部pop-删除数组尾部varfruits=["Banner","Apple","Pear"];fruits.pop();console.log(fruits)//运行结果banner,applevarfruits=["Banner","Apple","Pear"];fruits.push("Lemon","Mango")
startyangu·2020-08-19 03:31

js-事件穿透-1.1

事件穿透，就是上面有一个元素，但我需要知道它挡住的下级的元素是什么，然后进行一些事件的处理。有几种方法：1、用css设置pointer-events。这个是屏蔽上面所有的事件pointer-events:none;但这个有问题，在ie上这个属性并不好用2、js的elementFromPoint。这个是找到当前位置上的元素this.style.pointerEvents="none";//将当前元素
彩舒·2020-08-19 01:00

js-传输数据给后台-1.1

使用XMLHTTPRequest能够将数据传给后台。但这其中容易出现的问题你懂么？POSTvarxhr=newXMLHttpRequest();xhr.open("POST","",true);xhr.send(JSON.stringify(_data));当我们的_data是一个对象时，传输中我们就会发现我们传输的是个，RequestPayload。那如果我们需要一个formdata，肿么办呢？
彩舒·2020-08-19 01:00

2020年最新前端学习路线

新规范网络基础域名、DNS、服务器Linux(常用命令)服务器程序(Ftp,ssh、Apache,Nginx)HTTP协议进阶技能响应式布局cssmediaquery兼容性调整css->csshack;js
彭世瑜·2020-08-19 00:50

js-函数节流和函数防抖

函数节流对于连续触发的事件，我们通过设置一个定时器，让其在过了特定时间t1后触发，如果在t1时间内再次触发了该事件，则清除上一次计时器，重新计时，等待新计时时间的到来varthrottle={timer:null,num:0,zoomBody:function(){console.log("执行这个方法"+this.num++)},zoomhandle:function(timeInternal)
小远欧巴丶·2020-08-18 23:06

JS-获取class类名为某个的元素-【getClass】函数封装

原理：/**根据class获取元素.*原理是，取出oparent下的所有元素，组成数组，然后遍历类名，全等判断。*/源码11functiongetClass(oParent,clsName){2varoParent=document.getElementById(oParent);32varboxArr=newArray();43oElements=oParent.getElementsByTag
weixin_34358092·2020-08-18 23:12

JS-仿京东导航（JS版）

效果描述：相比前面的CSS版本，此版本做了很多优化和其他效果，比如文字悬浮和图片悬浮具体代码如下：分类导航一级菜单制作（JS版）body{padding:0;font-size:10px;}.topmenu{display:block;width:220px;border:2pxsolid#e4393c;margin:0;padding:0;}.toptitle{height:40px;line-
Annaluo·2020-08-18 18:21

来去电归属地[03]WindowManager创建浮动窗口

摘要WindowManager我们又要学到的一个重要服务是系统级的服务,这个服务可将一个视图View可以是来自xml布局文件的视图放入一个布局，而且这个布局可以放在其他Activity的上方，可以进行添加,删除,更新视图.这个是一个我们陌生又熟悉的Api一方面我们刚认识这个api他的方法如下windowmg.addView(view,params);//添加windowmg.removeView(
编程界翁老师·2020-08-18 09:06

Android中使用WindowManager在界面布局上添加浮动窗口

如果大家看过一些游戏sdk中的功能，现在大多都有悬浮窗口这个功能。如360，uc等等。。这里不需要定义service，只需要这只WindowsManager中的LayoutParams就可以达到这个悬浮框可以绑定界面的功能。话不多说，先上代码：publicclassFloatBoxextendsBasicView{LinearLayoutmFloatLayout;FloatButtonfloatV
treasure3334·2020-08-18 09:23

高级Js-面向对象编程

高级Js-面向对象编程目录JavaScriptWindow-浏览器对象模型匿名包装器工厂方式工厂方式改进版同一个引用构造函数与new命令prototype对象面向对象的写法原型链面向对象的继承面向组件编程命名空间
则若·2020-08-18 06:52

js-随机排序

一概要Math.ceil(Math.random()*10);//获取从1到10的随机整数，取0的概率极小。Math.round(Math.random());//可均衡获取0到1的随机整数。Math.floor(Math.random()*10);//可均衡获取0到9的随机整数。Math.round(Math.random()*10);//基本均衡获取0到10的随机整数，其中获取最小值0和最大值
科学的发展-只不过是读大自然写的代码·2020-08-18 06:01

韩顺平主讲PHP从入门到精通掌握网站核心技术

1讲html介绍html运行原理①2讲html运行原理②html文件基本结构html元素和属性3讲符号实体url说明超链接发送电邮4讲图像表格实际应用-菜谱课堂练习-课程表5讲无序列表有序列表框架6讲浮动窗口表单及表单控件
A沐秋丶15555244424·2020-08-18 05:51

JS-表单非空验证

JavaScript表单验证JavaScript可用来在数据被送往服务器前对HTML表单中的这些输入数据进行验证。实例：1.用户名的非空验证代码如下：无标题文档中的两个必要属性：action,method-->用户名functionyz()//封装一个中做成点击事件的函数{varnn=document.getElementById("nn");//通过id名找到元素并重新赋值if(nn==""||
Rki-dor·2020-08-18 04:53

js-工具类处理函数

#一、js-时间处理函数#项目需要，会用到很多时间处理函数，总结至此。有未提及的相关工具类方法或者有更高效的方法，希望大家留言补充。
秋天1014童话·2020-08-18 03:13

js-面向对象的概念

什么是面向对象？首先，先理解一下对象，很多事物都是对象，简单到一整数，复杂到一架飞机，对象是一个整体，对外提供一些操作；那么面向对象就是说，使用对象的时候，你可以直接使用它所提供的功能而忽略其内部组成情况。面对对象不一定只有在编程界里才有，我们生活中无处不在；我的理解是这样的：比如说，你家里的电视机，你使用了遥控，就能操作电视机，但是你实际上不知道这台电视机里面是什么零件组成的，你只要知道，我拿到
long冰·2020-08-18 03:10

js-常见排序算法

目录一、选择排序二、冒泡排序三、插入排序1.希尔排序四、归并排序五、快速排序版权声明：本文为博主原创文章，若文章中有错误请联系博主改正，请不要恶意留言(不喜欢请绕道)。欢迎大家转载，转载时请注明原文地址:https://blog.csdn.net/qq_37674616/article/details/82315651目录一、选择排序二、冒泡排序三、插入排序1.希尔排序四、快速排序我们衡量一个算法
平常心_c·2020-08-18 01:37

CSS3动画-定位元素层级覆盖问题

在之前写过一篇博客js-使用js生成10*10个带标号的div，关于如何使用js生成10*10的100个div。
Zerofishcoding·2020-08-17 21:36

Html 实现浮动窗口

今天在写一个html代码时，需要用到浮动窗口，通知信息，网站找了一下，代码如下带关闭按钮的浮动窗口代码(全屏漂浮)#fdck{border:1pxsolid#c0c0c0;margin:0auto;padding
roguemaster·2020-08-17 14:50

JS-本地存储与删除

Documenttable{width:500px;border:1pxsolidgray;border-collapse:collapse;}th,td{line-height:30px;text-align:center;border:1pxsolidgray;width:100px;}用户名：密码：重复密码：电话：注册显示用户名密码电话操作Jack12345616890890987删除-->
weixin_44382124·2020-08-16 22:18

JS-案例-三种轮播图写法（三）

第三种点击左右按钮（下方小圆点）移动类型CSS编写样式，JS构建函数事件CSS样式*{margin:0;padding:0;}.carousel{width:960px;height:320px;position:relative;margin:auto;overflow:hidden;}.imgCon{width:4800px;height:320px;position:absolute;lef
joker.ma·2020-08-16 20:08

JS效果-原生JS-模仿商城五星评价

这个五星评价交互性很好，是我刚开始接触js写的，当时在学习妙味课堂的js实例课程，觉得很有趣，便琢磨了一下，没想到写出来了，准备工作很简单，三种不同颜色（灰黑红）的五角星图片各五张~话不多说，看代码：五星评价.div1{/*width:400px;*//*height:200px;*//*background-color:#333;*/float:left;}img{width:32px;}.di
Web-once·2020-08-16 20:10

JS-对象常用方法整理

查看对象的方法，继续控制台输出，如图：hasOwnProperty()：返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键）。letobject1=newObject();object1.property1=42;object1.hasOwnProperty('property1');//trueobject1.hasOwnProperty('toString');//f
dearroy·2020-08-16 20:00

JS-对象常用方法整理

查看对象的方法，继续控制台输出，如图：hasOwnProperty()：返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键）。letobject1=newObject();object1.property1=42;object1.hasOwnProperty('property1');//trueobject1.hasOwnProperty('toString');//f
dearroy·2020-08-16 20:00

JS-数组常用方法整理

想了解数组有哪些原生方法，控制台输出，如图：length：数组的实例属性，返回或设置一个数组中的元素个数。toString()：可以把数组转换成字符串，并返回结果。toLocaleString()：返回数组中每个元素的本地化表示形式。leta=[1234,'hello',21];a.length;//3a.toString();//'1234','hello','21'a.toLocaleStri
东骧神骏·2020-08-16 20:00

JS-数组常用方法整理

想了解数组有哪些原生方法，控制台输出，如图：length：数组的实例属性，返回或设置一个数组中的元素个数。toString()：可以把数组转换成字符串，并返回结果。toLocaleString()：返回数组中每个元素的本地化表示形式。leta=[1234,'hello',21];a.length;//3a.toString();//'1234','hello','21'a.toLocaleStri
东骧神骏·2020-08-16 20:00

原生js-购物车案例（四）增减商品数量，小计价格计算

原生js-购物车案例（四）增减商品数量，小计价格计算一.增减商品数量：for(vari=0;i取消选择";}}selectedTotal.innerHTML=select;priceTotal.innerHTML
啵雨的博客·2020-08-16 20:32

JS- 运动函数分步骤至最终

运动函数之终极版varoDiv=document.querySelector('div');varoBtn=document.querySelector('button');//left,top,opacity,宽,高都改变oBtn.addEventListener('click',function(){move(oDiv,{left:600,top:600,width:200,height:40
DcTbnk.·2020-08-16 18:54

js-运动函数(盒子运动)

注意move的js包在另一篇文章div{width:50px;height:50px;background:red;position:absolute;top:10px;}varoDiv=document.getElementsByTagName("div")varlen=10varstr=""varnum=0vartimer=nullvaronOff=falsevara=truefor(vari
AsaZyf·2020-08-16 18:11

js-运动函数包

functionmove(obj,attr,dir,target,endFn){clearInterval(obj.timer)//避免全局变量，所以要用oBox.timerdir=parseInt(getStyle(obj,attr))target&&dir>0||speed
AsaZyf·2020-08-16 18:11

JS-通过透明度实现轮播

自动轮播#box{width:590px;height:470px;margin:50pxauto;position:relative;}#content{position:relative;}#contentdiv{/*display:none;*/position:absolute;opacity:0;transition:1s;}#contentdiv.sel{/*display:block
weixin_44382124·2020-08-16 18:45

js-鼠标事件-放大镜效果

js-鼠标事件-放大镜效果事前准备两张长宽比1：2的图css部分1.外部一个大盒子2.里面有两个等宽高的小盒子（小盒子宽高跟小图片一样大）分别装两个图片，且分别浮动在左右两侧3.给装大图片的小盒子一个overflow
啵雨的博客·2020-08-16 17:13

JS-高级-05-正则表达式

回顾apply和call方法的使用和区别*都可以改变this指向的*使用方式:*函数名.apply(对象,[参数1,参数2,参数3,...]);*函数名.call(对象,参数1,参数2,参数3,....);*我想要使用其他对象的某个方法,其他对象.方法名.apply(当前对象,参数,...);*这个方法就会被当前的对象所使用,同时这个方法中的this就是当前的对象,在调用方法的时候改变了this的
雾都费·2020-08-16 16:09

js-按照顺序加载js

按照顺序加载jsfunctionloadScript(url,callback){varscript=document.createElement("script");script.type="text/javascript";script.src=url;document.getElementById("head").appendChild(script);//IEif(script.ready
caoxuekun·2020-08-16 12:47

前端游戏之原生js-猴子吃水果

偶然想到曾经在无智能手机时代，玩过的一款游戏，游戏名忘了，只记得内容，游戏内容是一个猴子在树木之间跳跃，吃水果，躲炸弹，防虫子，其他的记不太清，大致是这样的玩法，似乎是某款诺基亚上的游戏。。。。。。-_-!!。。。。。。由于执念太强，所以试着用html和原生js写下，倒是写出了个半吊子，唔----算是有个小样子吧。。。先看下游戏展示图：接下来是html代码：-->-->-->计分：0接下来css代
世木尹·2020-08-15 20:51
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他