JavaScript
关注
分享
扫一扫
Casanover
原来用户名可以用中文啊。。。
展开
-
关于分页标签，上一页和下一页不可点击。
前几天遇到了分页问题。在第一页的时候，上一页依然是一个可点击的状态。于是开始想解决办法页面中，上下页都套用了bootstrap中分页的“disabled” 的class，这个class具体为一个小小的禁止标志。翻页的时候，在页面中间时，上一页和下一页的disabled是取不到的，在首尾页，则取到disabled。大体思路如下：在ul里面设置一个id， 通过js加载页面时候取得上原创 2017-03-07 16:40:33 · 10711 阅读 · 0 评论 -
jq选择器及方法
每次新学到jq的选择器及方法摘录不定时更新// 2017.7.19jquery toggle（）方法用于切换元素的可见状态，如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。jquery toggleClass（）方法对设置或移除的被选元素的一个class类或多个class类进行切换检查元素中指定的类，没有则添加，有则删除。若原创 2017-07-19 10:27:08 · 931 阅读 · 0 评论 -
$(document)和$(window)
一直搞不大清楚什么区别，今天特地找了找资料$(document) //获取文档对象$(window) //获取窗口对象，也就是浏览器客户区举个鲜明的例子：$(document).height()$(window).height()当页面内元素很多出现滚动条时，能很好的理解区别。原创 2017-10-09 09:22:16 · 281 阅读 · 0 评论 -
ajax实现文件上传并且监听上传进度
在实现上传本地文件中，可以用 需要注意的是，需要多添加enctype="multipart/form-data" 表单中enctype="multipart/form-data"的意思，是设置表单的MIME编码。默认情况，这个编码格式是application/x-www-encoded，不能用于文件上传；只有使用了multipart/form-data原创 2017-09-21 19:39:44 · 6028 阅读 · 1 评论 -
冒泡事件解析
1. 事件 在浏览器客户端应用平台，基本生都是以事件驱动的，即某个事件发生，然后做出相应的动作。 浏览器的事件表示的是某些事情发生的信号。事件的阐述不是本文的重点，尚未了解的朋友，可以访问W3school教程 进行了解，这将有助于更好地理解以下的内容 。2.冒泡机制 什么是冒泡呢？转载 2017-10-13 19:40:03 · 504 阅读 · 1 评论 -
jq index()用法
正常来说：var index;index = $(this).index()//如果点击该元素，返回的是当点击的时候该元素相对于其他兄弟元素的位置，只能共享同一个父元素var index;index = $('.testClass').index(this);//返回的是，在所有具有testClass这个class里，点击的该元素的索引位置，可以不共享同一个父元素。原创 2017-11-15 16:09:54 · 2936 阅读 · 0 评论 -
js中的call与apply
先说点废话：lol中，每个英雄都有大招，寒冰的R是射箭，日女的R，奥巴马的R，当你按下R的时候，每个英雄都会出现不同的技能。其实按下的都只是R键，但是为什么出来的技能都不一样。其实就只是执行环境中的this指向不同。举个例子：当问到“你爹叫啥的时候”，每个人都会返回一个返回父亲名字的方法。var xiaobi = { father:{ name:原创 2017-10-24 17:23:46 · 223 阅读 · 0 评论 -
总结一下数组中的各种比如for循环，forEach，map的一些用法吧
for循环是用的最多的一种，这里也就不赘述了。forEach：为数组中的每个元素执行指定操作。注: 没有办法中止或者跳出 forEach 循环，不管是break；continue或者是return跳出函数都不行，除非抛出一个异常。且不创建新数组。array.forEach(callback(currentValue, index, array){ //do some原创 2018-01-11 16:51:01 · 2241 阅读 · 0 评论 -
querySelector跟原始的getElementById的一些区别
用惯了jq的选择器以及原始的getElementById以及getElementsByClassName，有些不大懂querySelector以及querySelectorAll。正好趁着晚上有空查了点资料。大致看了看，说的最多的差别其实还是静态HTMLCollection和动态HTMLCollection的差别。（其中querySelector得到的是第一个匹配的dom元素，并不是HTMLC原创 2018-01-05 20:07:22 · 4944 阅读 · 0 评论 -
基于vue2.0实现分页
今天在做分页，网上找了找，找到的分页都和需求的不大类似，烦的一批，自己做了一个比较愚蠢的方案。产品分页需求：1.当前页=首页=尾页=1时，不显示页码。2.当前页=首页=1时，不显示“上一页”3.当前页=尾页时，不显示“下一页”4.尾页小于9时，所有页码都显示5.尾页大于9时，显示前7页，紧跟省略号后接末页，以及下一页。6.尾页大于9且处于末页时，显示后7页6.尾页大于9，当前页大于6时，只显示前两...原创 2018-02-08 20:05:12 · 1075 阅读 · 0 评论 -
谈谈js执行上下文
趁着有点空，来讲讲js的执行上下文吧。先来做个题：console.log(num)//打印出什么？var num = 100知道变量提升的同学可能就知道这个时候会直接打印出undefined而不是报错，那么为什么呢？一、执行上下文。 js是单线程，每当js的控制器转到可执行代码的时候，这个时候就会产生一个执行上下文，简单来说就是当前代码的一个执行环境，某个执行环境中的所有代码执行完...原创 2018-03-03 13:57:47 · 560 阅读 · 0 评论 -
js中获取浏览器可视窗口大小
获取可视窗口大小（也就是减去顶部和底部，页面中的区域）document.documentElement.clientHeight;//可视区域高度document.documentElement.clientWidth;//可视区域宽度可视区域另一种写法，虽然也可行，但还是推荐第一种。第二种貌似ie有点问题window.innerWidthwindow.innerHeight原创 2017-09-19 22:21:56 · 3105 阅读 · 0 评论 -
事件函数function(e){}中e的问题
简单来说就是指向了当前发生的事件（click、mouseover等等），保存了当前事件的信息。如鼠标点击事件，有鼠标的坐标信息。其中，e是标准浏览器传递进去的事件参数，低版本IE不会传递，事件参数放置在window.event对象中，所以兼容低版本的IE要加上这句e=e||window.event;使用for in来输出一点东西：无标题文档function f原创 2017-09-26 17:09:17 · 16783 阅读 · 0 评论 -
bootstrap-datepicker限定可选时间范围
一、应用场景 实际应用中可能会根据日期字段查询某个日期范围内的数据，则需要对日期选择器可选时间进行限制，如：开始时间不能大于结束时间，结束时间不能小于开始时间，此时就要为开始日期选择器和结束日期选择器动态的设置startDate和endDate的值。二、相关知识点1、bootstrap-datepicker的初始化引入bootstrap-datepi转载 2017-03-28 14:20:24 · 9538 阅读 · 0 评论 -
datetimepicker 插件用法及参数说明
用例：// 选择时间和日期$(".form-datetime").datetimepicker({ weekStart:1, todayBtn:1, autoclose:1, todayHighlight:1, startView:2, forceParse:0, showMeridian:1, format:"yyyy-mm-转载 2017-03-28 14:21:37 · 2409 阅读 · 0 评论 -
Highcharts纯Javascript图表使用讲解(附Demo全源码案例)
Highcharts是一个制作图表的纯JavaScript类库，主要特性如下：兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等；对个人用户完全免费；纯JS，无BS；支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；跨语言：不管是PHP、Asp.net还是Java都可以使用，它只需要三个文件：一个是Highcharts的核心文件highchart转载 2017-03-28 14:23:44 · 492 阅读 · 0 评论 -
在select中，载入时默认select为空白，选项内不显示空白项
今天做select的时候，页面要求为：载入默认选项框为空白，点击下拉框显示正常选项。 找了半天 有两种办法，一种纯css实现，一种借助js实现。先说js的办法吧。html：<body onload="load()"> <select id="abc" > <option >1</option> ...原创 2017-03-08 16:26:03 · 38866 阅读 · 2 评论 -
canvas画圆弧
使用canvas第一步 先设置一个canvas容器 然后设置宽高 接着var canvas1 = document.getElementById("canvas1"); if(canvas1.getContext){ var ctx = canvas1.getContext("2d"); ctx.strokeStyle = "white";原创 2017-06-30 18:22:25 · 361 阅读 · 0 评论 -
杂记
$('#progress-bar-id').css("width",xxx);id为progress-bar-id的元素，其css的width属性变换为xxxsetInterval（a，b）不停运转，传入ab两个量，b为时间，即每过多少时间运转一次，a传入函数亦可传入方法。相应的，停止运转则是window.clearInterval();原创 2017-07-03 16:02:44 · 167 阅读 · 0 评论 -
进度条慢慢往前增长
项目中遇到需要写一个进度条，模拟进度前进先贴js代码$(function () { var i = 0; var interval; interval = setInterval(function () { if (i >= 100) { window.clearInterval(interval); } $('#p...原创 2017-07-03 16:54:19 · 1371 阅读 · 0 评论 -
两种图片旋转方法
两种图片不停旋转的方法第一种老生常谈canvas js：$(function () { var rotate = document.getElementById("imgId"); var ctx = rotate.getContext('2d'); var img = new Image(); img.src = "../static/原创 2017-07-03 20:25:34 · 1664 阅读 · 0 评论 -
css画半圆进度条
效果预期：半圆进度条白底，蓝色进度，随着分数的增长蓝色进度条增长。 CSS：.top{ width: 400px; height: 400px; top:-1px; background: #F1F5F8; border-radius: 50%; position: absolute;原创 2017-07-17 20:19:09 · 6691 阅读 · 4 评论 -
js在循环中，传入i报错的问题
var val = $('#table tr:nth-child(0) td:nth-child(10)').text();传入0的时候 可以正常得到值，但如果上面定义了一个变量i 传入i的话会报错解决方法：var val = $('#table tr:nth-child(' + i + ') td:nth-child(10)').text();拆成字符串即可。原创 2017-08-28 12:06:50 · 570 阅读 · 0 评论 -
通过外链参数访问特定内容
最近知识库的项目完工了！（夸奖一下自己） 目前还未发布到外网上，今天leader提了一个需求，在打通另一个项目的前提下，通过另一个项目的外链访问本知识库的内容。 比如现在有locahost://8080/page.html，在增加一个cve号为2016-5195的前提下，通过外链访问知识库中的5195内容 也就是这个时候外链长这个样子：locahost://80...原创 2018-04-19 17:21:01 · 509 阅读 · 0 评论