- 博客(18)
- 收藏
- 关注
转载 即时反应的input和propertychange方法
在web开发中,我们有时会需要动态监听输入框值的变化,当使用onkeydown、onkeypress、onkeyup作为监听事件时,会发现一些复制粘贴等操作用不了,同时,在处理组合快键键的时候也很麻烦。这时候我们需要更专业的解决方案:HTML5标准事件oninput、onchange和IE专属的事件properchange。1.oninput&onchange:oninput和onchange都是事件对象,当输入框的值发生改变时触发该事件。不同的是,oninput是在值改变时立即触发,而onch
2021-09-08 22:16:22 457
原创 echarts饼形图两种展现方式
<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="UTF-8"> <title></title> <style>#container,#container2 { height: 500px; width: 500px; background: #f6faff; position: relative; floa...
2021-04-24 15:28:15 442
原创 关于window窗口对象后退方式
windows窗口对象(历史)history.go(),history.back(),history.forward()。因为windows对象引用不是必须的。所以windows.history.go() == history.go()的。window.history.go(-1);要前进一页,只需要使用正数;history.go(1);history.back(); 后退history.forward(); 前进2.history.go(-1)和history.back(
2020-09-04 06:14:37 614
原创 取数组中最大值和最小值
取数组中最大值和最小值将数组中第一个元素赋值给一个变量,并且把这个变量作为最大值;开始遍历数组,从第二个元素开始依次和第一个元素进行比较如果当前的元素大于当前的最大值,就把当前的元素值赋值给最大值移动到下一个元素,继续按前面一步操作当数组元素遍历结束时,这个变量存储的就是最大值var arr = [1,3,6,-8,2,9,99]; Array.prototype.max = function () { // 将数组第一个元素的值赋给max var max = this[0];
2020-08-19 23:18:09 4731
原创 javascript常用内置对象总结(重要)
Javascript对象总结JS中内置了17个对象,常用的是Array对象、Date对象、正则表达式对象、string对象、Global对象Array对象中常用方法:Concat():表示把几个数组合并成一个数组。Join():返回字符串值,其中包含了连接到一起的数组的所有元素,元素由指定的分隔符分隔开来。Pop():移除数组最后一个元素。Shift():移除数组中第一个元素...
2020-08-19 13:35:43 936
原创 Js apply()方法的妙用 apply方法详解
1.apply和call的区别在哪里2. 什么情况下用apply,什么情况下用call3.apply的其他巧妙用法(一般在什么情况下可以使用apply) apply:方法能劫持另外一个对象的方法,继承另外一个对象的属性.Function.apply(obj,args)方法能接收两个参数obj:这个对象将代替Function类里this对象args:这个是数组,它将作为参数传给Function(args-->arguments) call:和apply的意思一样...
2020-08-16 12:23:41 309
原创 return和return false的区别
1.return返回null,起到中断方法执行的效果,只要不returnfalse事件处理函数将会继续执行,表单将提交2.returnfalse,事件处理函数会取消事件,不再继续向下执行。比如表单将终止提交。<form action="index.jsp" method="post" onsubmit="return submitTest();"><IN...
2019-05-15 06:07:27 916
转载 免费的公共接口
新闻接口:https://www.apiopen.top/journalismApi 随机推荐热门段子(包含文字、图片、GIF、视频):https://www.apiopen.top/satinApi?type=1&page=1 随机推荐热门段子【神评版本】(包含文字、图片、GIF、视频):https://www.apiopen.top/satinGodApi?type=1&am...
2019-05-08 06:02:01 4330
转载 swiper插件禁止轮播和滑动
//轮播图效果调用var swiper4 = new Swiper(‘.swiper-container-04’, {pagination: ‘.swiper-pagination2’,paginationClickable: true,spaceBetween: 10,observer:true,observeParents:true,autoplay: 2500,autoplayDisable...
2018-07-12 07:56:45 22603
转载 在用swiper框架的时候,怎样在第一屏的时候,阻止滑动事件,
var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', autoplay : 3000, //autoplayDisableOnInteraction : false, //触碰该滑块自动轮播就会停止 ...
2018-07-12 07:47:49 5784
转载 Javascript总结(常用工具类的封装)
http://www.open-open.com/lib/view/open1517370977976.html
2018-06-20 16:11:54 259
转载 swiper基础功能应用概括
1、1:1触控运动 Swiper默认提供1:1的触控距离,当然,这个比率是可以设置的。(touchRatio) 2、触控模仿 这个功能对于开发桌面网站会很有用。简单来说,就是因为Swiper能够让鼠标事件表现得像触屏事件(点击以及拖曳滑块) 3、水平/垂直 Swiper运动主要有两种模式,horizontal(水平滑动)以及vertical(垂直运动的滑动) 4、自由模式(Free Mode) 这...
2018-06-12 06:24:19 1502
转载 使用绝对定位+负外边距让DIV层水平垂直居中页面
让层垂直居中.className{ width:270px; height:150px; position:absolute; left:50%; top:50%; margin:-75px 0 0 -135px; } 将层设置为绝对定位,left和top为50%,这时候使用负外边距,负外边距的大小为宽高的一半。 3、在重置窗体的时候层依旧保持居中 $(document).ready(functi...
2018-06-09 11:49:07 335
转载 10款Web程序员必备的CSS工具
http://www.runoob.com/w3cnote/10-css-tools.html10款Web程序员必备的CSS工具分类 编程技术对于web开发来说,CSS是最有效的美化页面、设置页面布局的技术。但问题是,CSS是一种标记性语言,语法结构非常的松散、不严谨。WEB程序员会经常发现自己的或别人的CSS文件里有大量的冗余代码或错误或能够大量优化的地方。如果你经常使用静态编程语言(比如,Ja...
2018-06-04 07:10:46 2034
原创 jquery获取下标的方法
<!doctype html><html><head><meta charset="utf-8"><title>jQuery选项卡滑动切换图片代码</title></head><style> div{margin: 0 auto;text-align: center
2018-06-02 08:15:09 6227
转载 html页面的CSS、DIV命名规则
CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download ...
2018-05-14 07:17:56 557
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人