js-浮动窗口第9页

js-事件

JavaScript事件（常用）网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说，我们可以在用户点击某按钮时产生一个onClick事件来触发某个函数。事件在HTML页面中定义。事件举例：鼠标点击页面或图像载入鼠标悬浮于页面的某个热点之上在表单中选取输入框确认表单键盘按键注意：事件通常与函数配合使用，当事件发生时函数才会执行。事件三要素事件源、事件、事件驱动程序。三句话：

muzidigbig·2020-09-13 12:45

JS-闭包(closure)的理解

可能很多人在刚学js的时候都会听说过闭包，但是却完全不了解闭包是什么，当然我也在其中，其实闭包大量的存在在我们的代码中。我们缺少的是去识别闭包，拥抱闭包的思维。！！！我们缺少的是根据自己的意愿来识别、拥抱和影响闭包的思维(划重点)！！！闭包并不是什么高大上的技术闭包是基于词法作用域书写代码时产生的自然结果，其实我们一直在很自然地在创建闭包不信你看functionfoo(){vara=2;funct

Li-Jiacong·2020-09-13 11:43

JS-作用域链

作用域链ES6之前ES6之前作用域链变量在作用域链查找规则ES6开始ES6作用域链变量在作用域链查找规则ES6之前定义变量通过var没有块级作用域,只有全局作用域和局部作用域函数大括号外的都是全局作用域函数大括号中的都是局部作用域ES6之前作用域链全局作用域我们又称为0级作用域定义函数开启的作用域就是1级/2级/3级/…n级作用域JavaScript会将这些作用域链接在一起形成一个链条,这个链条就

堇年i·2020-09-13 11:20

JS-函数声明&函数表达式(匿名函数)

JS函数声明&函数表达式函数声明函数表达式(匿名函数)定义函数的方式有两种：函数声明和函数表达式函数声明有一个重要的特点：函数声明提升(点击查看)，意思是在执行上下文前会读取函数声明，所以可以在函数声明前调用函数functionName();//可以在函数声明前就调用functionfunctionName(){//yourcode}函数表达式(匿名函数)示例myFun();//报错，必须在表达式

繁花灬落幕·2020-09-13 09:10

JS-案例-全js轮播图

图片预加载封装//Utils.js//封装预加载图片varUtils=(function(){return{//SSSloadImg:function(srcList,callBack){//图片地址回调函数varimg=newImage();img.num=0;//初始化num为0图片数img.imgList=[];//存放图片img.srcList=srcList;img.callBack=c

joker.ma·2020-09-13 07:30

js-图片img转base64格式

functiongetBase64Image(img){varcanvas=document.createElement("canvas");canvas.width=img.width;canvas.height=img.height;varctx=canvas.getContext("2d");ctx.drawImage(img,0,0,img.width,img.height);varext

weixin_33739523·2020-09-13 03:34

js-仿淘宝循环精灵图

Document*{margin:0;padding:0;}li{list-style-type:none;}.box{width:292px;margin:100pxauto;}.boxli{float:left;width:71px;height:75px;background-color:#fff;border:1pxsolid#f4f4f4;margin:-1px00-1px;}.boxl

前端笨鸟·2020-09-13 02:25

js-模拟快递单号查询

Document.box{width:190px;height:30px;line-height:30px;border:1pxsolid#ededed;padding:05px;display:none;font-size:16px;position:absolute;top:10px;}input[type="text"]{width:200px;margin-top:40px;}vaript

前端笨鸟·2020-09-13 02:25

cocos2d-js解析官方js-test实例入口

这上面有个关闭按钮和一个列表，列表列出了demo中所有的功能演示，这个js-tests工程在cocos2d-js的SDK中，以前是在samples目录下，现在最新版的放在tests目录中，目录结构如下：我们切换到目录js

glustful·2020-09-12 23:26

JS-循环清空对象 && 判断数据类型的5种常用方法

应用场景：一个页面具有大量数据录入功能，在数据录入保存成功之后，需要刷新页面，即清空所有的数据。因为我把所有的字段定义到一个对象中，所以要清空这个对象，如果字段少，可以直接赋值清空，但是数据多的时候，直接赋值清空，就会产生大量的冗余代码，导致代码看起来多而乱，不好看，所以要写个函数循环清空。针对我的需求，我可以不用判断数据的类型了，因为我知道它就是一个对象；但是，想兼容更完善的话，首先需要判断要清

云胡不喜？·2020-09-12 22:23

JS-事件类型（鼠标事件中event对象的独有属性）

ClientX与ClientY返回客户区坐标位置varbd=document.getElementById("bd");//bodyEventUtil.addHandler(bd,'click',function(evet){event=EventUtil.getEnent(event);alert('Clientcoordinates:'+event.clientX+','+event.clie

下雨了620·2020-09-11 23:50

JS-异步提交表单的几种方式

首先了解：serialize()：序列表格内容为字符串serializeArray()：序列化表格元素(类似‘.serialize()’方法)返回JSON数据结构数据。data属性：发送到服务器的数据。将自动转换为请求字符串格式。GET请求中将附加在URL后。查看processData选项说明以禁止此自动转换。必须为Key/Value格式。如果为数组，jQuery将自动为不同值对应同一个名称。如{

chengp919·2020-09-11 19:13

自定义控件（23）---FloatView悬浮窗（2）

先看效果图先看主页面布局main.xml--这里面有2个button，操作是打开浮动窗口，关闭浮动窗口看主页面的代码memFloat/***代码的主要作用是：*1、加载悬浮窗的布局文件*2、未布局设置WindowManager.LayoutParams

进击的小猿·2020-09-11 16:31

顶级浮动窗口

窗口一直浮在手机任何应用上packagetest.floating;importandroid.app.Activity;importandroid.os.Bundle;importandroid.view.WindowManager;importandroid.widget.Button;publicclassMyFloatViewActivityextendsActivity{/**Calle

silvia0427·2020-09-11 16:58

简单定制Android控件（3） - 打造通用的PopupWindow（一）

效果图都放在了github，github有着我继承该类做出来的popupWindow//2016-01-15目前只写了两个PopupWindow效果图：普通的放大缩小：从下方弹出：通常情况下，面对各种浮动窗口

羽翼君·2020-09-11 15:06

android WindowManager中removeView（View v）与removeViewImmediate(View v)的区别

我在做浮动窗口的时候碰到了这个问题，浮动窗口需要用到WindowManager,windowManger又是一个activity的一个变量，它依存于Acti

hiero1225·2020-09-11 14:43

js-网页title标题文字滚动显示效果

感谢啊实打实大所大所大所大所大大奥奥奥奥奥奥奥奥奥奥奥奥奥奥奥奥奥vartext=document.title;//定义文章的titlevartimerID;//定义时间变量functionnewtext(){//定义函数clearTimeout(timerID);//清除定时器document.title=text.substring(1,text.length)+text.substring(

你好瘦·2020-09-11 11:09

原生JS实现的DOM操作笔记（草稿整理）

原生JS实现的DOM一系列操作参考：原生JavaScript封装DOM库siblings:原生JS-查找相邻的元素-siblings方法的实现addClass,removeClass,hasClass,

weixin_34129696·2020-09-11 11:49

JS-设置input光标位置

设置input光标位置：functionsetCaretPosition(ctrl,pos){//Modernbrowsersif(ctrl.setSelectionRange){ctrl.focus();ctrl.setSelectionRange(pos,pos);//IE8andbelow}elseif(ctrl.createTextRange){varrange=ctrl.createTe

半笙彷徨·2020-09-11 10:14

Extjs复习笔记（六）--完整的浮动窗口

前面搞了这么久的基础，下面该来做这个界面了：这是一个浮动窗口，可以在页面内到处拉动。

lybacm·2020-09-11 02:30

JS-贪心算法

贪心算法遵循一种近似解决问题的技术，期盼通过每个阶段的局部最优选择（当前最好的解），从而达到全局的最优（全局最优解）。贪心得到结果是一个可以接受的解，不一定总是得到最优的解1、最少硬币找零问题最少硬币找零是给出要找零的钱数，以及可以用硬币的额度数量，找出有多少种找零方法。如：美国面额硬币有：1，5，10，25我们给36美分的零钱，看能得怎样的结果？1functionMinCoinChange(co

weixin_30869099·2020-09-10 19:10

记录js-判断一串数字数组，是否是连续的

场景假如有一组数组，如[1,2,3,4,5,6]，可以看出这数组是连续的，那么如[1,2,3,5,6]，这串数组就不是连续的了，用js写判断方法实现代码//判断一串数字是否是连续的functionisContinuityNum(num){letarray=[];if(numinstanceofArray){array=[...num];}else{array=Array.from(num.toSt

仙逆行者·2020-09-10 15:39

JS-箭头函数及其this的指向和改变this指向（call apply bind）

2,箭头函数function(){}---()=>{}箭头函数function(e){}---e=>{}箭头函数function(){一行}---()=>一行箭头函数function(e){一行}---e=>一行箭头函数特点:1,this指向与一般的function函数不同声明式functionfun(){}this指向,window赋值式varfun=function(){}this指向,win

DcTbnk.·2020-09-10 11:36

第一天授课内容

js基础js与java的简单对于Javascript浏览器端语言，运行在浏览器上弱类型语言leta;//声明了一个变量aa=2;//a为数字类型js为解释型语言js->运行在浏览器上Java服务器端语言

世间再无幻想乡·2020-08-25 17:15

微信小程序 - 目录结构分析

微信小程序目录结构，主要有以下四种文件组成：.json-配置文件.wxml-模板文件.wxss-样式文件.js-逻辑文件一、JSON配置文件app.json-小程序配置文件，用于配置pages（页面路径

BradyCC·2020-08-25 11:30

页面浮动窗口效果实现

#msg_win{border:1pxsolid#316DC9;background:#EAEAEA;width:145px;position:absolute;right:0;font-size:12px;font-family:Arial;margin:0px;display:none;overflow:hidden;z-index:99;}#msg_win.icos{position:abs

obite·2020-08-25 07:44

提升网站用户体验：你不能不知道的6条专业建议

浮动窗口广告

iziminy·2020-08-24 22:37

js-入门（99乘法表）

varnum;for(i=1;i<=9;i++){for(j=1;j<=i;j++){num=ij;document.write(j+’’+i+’=’+num+’‘);}document.write(’’);}

weixin_44483970·2020-08-24 20:51

01-javascript的简介

js-基于对象。java-强类型语

瓶盖英雄·2020-08-24 20:57

nuxt系列【二】用户登录存储用户信息和token,实现权限认证

require('js-

bamboo吖·2020-08-23 21:10

JS-案例-实现拖拽不出浏览器距边50px吸附

拖拽html,body{margin:0;padding:0;height:100%;width:100%;}div{width:200px;height:200px;background-color:greenyellow;position:absolute;}vardiv=document.querySelector("div");div.addEventListener("mousedown

joker.ma·2020-08-23 19:00

JS-案例-点击div使其随机变色

Title#div0{width:100px;height:100px;}vardiv=document.getElementById("div0");document.onclick=function(e){div.style.backgroundColor=randomColor();}//第一种随机颜色写法rgba/*functionrandomColor(){varcol="rgba(";

joker.ma·2020-08-23 19:30

JS-案例-三级菜单（可展开、合并）

运用递归写ul>li三级菜单的结构，构建点击事件，触发合并，展开的效果第一种方法侦听所有li，为防止li向上冒泡影响ul，要加e.stopPropagation();阻止冒泡Titlevarlist=[{name:"第一章",value:[{name:"第一单元",value:["第一课","第二课","第三课","第四课"]},{name:"第二单元",value:["第一课","第二课","第

joker.ma·2020-08-23 19:30

JS-表达式/操作符/自加一，自减一 ( ++和- -)/比较操作符/逻辑与操作符/逻辑或操作符/逻辑非操作符/操作符优先级...

表达式表达式与数学中的定义相似，表达式是指具有一定的值、用操作符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量。image.png生活中“再见”表达方法很多，如:英语(goodbye）、网络语（88）、肢体语（挥挥手）等。在JavaScript表达式无处不在，所以一定要知道可以表达哪些内容，看看下面几种情况:image.png注意:串表达式中mychar是变量image.png注意:数

Jennyni1122·2020-08-23 18:37

前端学习笔记-JS-内置对象(Array/String)

Array对象Array创建数组对象的两种方式字面量方式newArray()//1.使用构造函数创建数组对象//创建了一个空数组vararr=newArray();//创建了一个数组，里面存放了3个字符串vararr=newArray('zs','ls','ww');//创建了一个数组，里面存放了4个数字vararr=newArray(1,2,3,4);//2.使用字面量创建数组对象varar

Nanami Touko·2020-08-23 18:30

原生js-购物车案例（一）整体思路和实施步骤

原生js-购物车案例（一）整体思路和实施步骤在准备写购物车之前补充一个小小的知识点（有关table的一个api）：333获取上述的td中的值我们可以这样操作vartab=document.getElementById

啵雨的博客·2020-08-23 18:38

原生js-购物车案例（二）商品结算功能

原生js-购物车案例（二）商品结算功能一.完成单选全选功能：全选input的class:check-allcheck单选input的class:check-onecheck1.我们需要封装一个获取类的函数

啵雨的博客·2020-08-23 18:07

第15.4节 PyCharm程序代码检测功能介绍

并不能很好的完成语法检查，有时运行时突然终止，仔细核查却发现是基本的语法错误，不过有次无意中移动鼠标到代码最右边的边框时发现其实PyCharm有错误检测，就是代码最右边的边框那些颜色标记，鼠标悬停在某个颜色位置上面时，就会浮动窗口告知哪个代码有哪种错误

LaoYuanPython·2020-08-23 15:38

JS-数据属性与访问器属性

数据属性与访问器属性1.对象属性的作用主要是数据的存储2.既然数据存在存储，则会有增删改查相关操作（增加属性，修改属性值，获取属性值，删除属性）3.数据属性用于控制属性的增删改查特征4.访问属性用于监听属性的存储过程，可以限制属性的行为（限制属性的读写，实现对象观察者模式，M与V双向绑定等）1.1-数据属性1.2-访问器属性1.1-数据属性/**数据属性*///1.我们默认的对象属性是数据属性va

坤小·2020-08-23 12:40

JS与Qt对象交互

JS与Qt对象交互：JS->Qt:创建一个插件，然后在网页中使用embed标签嵌入Qt控件，它的所有publicslots就像普通函数一样被网页中的JavaScript函数访问。

weixin_30906671·2020-08-23 07:36

js-数组/对象深度复制的方法

对象、数组，这类元素在电脑中其实是以指针形式（也就是一个地址）保存，所以浅复制（vara={};varb=a;）会使得修改b时a也随之改变（因为两者是引用同一个对象的地址）。所以复制时为了不修改原对象/数组，就需要深度复制。一般是向内递归到不再是数组对象再复制（因为字符串数字这类就是直接存储、没有深浅复制的区别）。记录一下自己的常用方法（格式是从vue项目里拿的，用的es6;es5就’let’换’

摇摇奶昔x·2020-08-23 03:04

JS-查找字符串中每个字符出现的次数 & 查找字符串中指定字符出现的所有位置

查找字符串中每个字符出现的次数varstr="xiaobaibai";//第一步:把所有的字母全部变成小写str=str.toLocaleLowerCase();//第二步:创建一个空对象(目的:把字母作为键,次数作为值)varobj={};//第三步:遍历字符串,获取每个字母for(vari=0;i

Undefined,·2020-08-23 02:33

JS-学习ES6之- 变量的解构赋值

目录数组的解构赋值对象的解构赋值字符串的解构赋值函数参数的解构赋值用途1.数组的解构赋值leta=1;letb=2;letc=3;//等价于let[a,b,c]=[1,2,3];一些例子let[foo,[[bar],baz]]=[1,[[2],3]];foo//1bar//2baz//3let[,,third]=["foo","bar","baz"];third//"baz"let[x,,y]=[

zhq2005095·2020-08-22 20:37

JS-学习ES6之- 函数的扩展

目录函数的默认值rest参数name属性箭头函数双冒号运算符1.函数的默认值1.1给函数参数设置默认值的意思是：当没有传参的时候，参数取设定的默认值ES5的写法functionlog(x,y){if(y==='undefined'){y='World';}console.log(x,y);}log('Hello');//HelloWorldlog('Hello','China');//HelloC