- 博客(44)
- 收藏
- 关注
RSS订阅原创 通过外链参数访问特定内容
最近知识库的项目完工了！（夸奖一下自己） 目前还未发布到外网上，今天leader提了一个需求，在打通另一个项目的前提下，通过另一个项目的外链访问本知识库的内容。 比如现在有locahost://8080/page.html，在增加一个cve号为2016-5195的前提下，通过外链访问知识库中的5195内容 也就是这个时候外链长这个样子：locahost://80...
2018-04-19 17:21:01
483
原创 css中的bfc笔记
块状元素往往具有流体特性，在非浮动，非绝对定位的情况下，块状元素会水平充满整个容器。 BFC，也就是块级格式化上下文（Block Formatting Contexts）。具有bfc特性的元素可以看做是隔离的独立容器，会形成一个封闭的上下文，内部元素的变化不会影响到外部元素。（突然理解了为什么overflow可以避免外边距合并以及有着清除浮动的作用）常见的触发BFC的操作： float...
2018-03-12 20:24:27
244
原创 谈谈js执行上下文
趁着有点空，来讲讲js的执行上下文吧。先来做个题：console.log(num)//打印出什么？var num = 100知道变量提升的同学可能就知道这个时候会直接打印出undefined而不是报错，那么为什么呢？一、执行上下文。 js是单线程，每当js的控制器转到可执行代码的时候，这个时候就会产生一个执行上下文，简单来说就是当前代码的一个执行环境，某个执行环境中的所有代码执行完...
2018-03-03 13:57:47
532
原创 基于vue2.0实现分页
今天在做分页，网上找了找，找到的分页都和需求的不大类似，烦的一批，自己做了一个比较愚蠢的方案。产品分页需求：1.当前页=首页=尾页=1时，不显示页码。2.当前页=首页=1时，不显示“上一页”3.当前页=尾页时，不显示“下一页”4.尾页小于9时，所有页码都显示5.尾页大于9时，显示前7页，紧跟省略号后接末页，以及下一页。6.尾页大于9且处于末页时，显示后7页6.尾页大于9，当前页大于6时，只显示前两...
2018-02-08 20:05:12
1033
原创 vue常用报错合集
一：Cannot use v-for on stateful component root element because it renders multiple elements.v-for不能直接作用于根元素上，v-for是个循环，会大于等于1的更多相同元素，由于是根元素的原因，vue不能直接渲染更多的元素。解决办法，一般来说增加一个父级元素或者放在子元素中v-for，最直接的就是不要在vue...
2018-02-06 19:21:42
4672
3
原创 vue中 methods、watch、computed之间的差别
一、计算属性当页面中有某些数据依赖其他数据进行变动的时候，可以使用计算属性。{{fullName}}var vm = new Vue({ el: '#app', data: { firstName: 'Foo', lastName: 'Bar', }, computed:
2018-01-31 17:26:24
1269
原创 总结一下数组中的各种比如for循环，forEach，map的一些用法吧
for循环是用的最多的一种，这里也就不赘述了。forEach：为数组中的每个元素执行指定操作。注: 没有办法中止或者跳出 forEach 循环，不管是break；continue或者是return跳出函数都不行，除非抛出一个异常。且不创建新数组。array.forEach(callback(currentValue, index, array){ //do some
2018-01-11 16:51:01
2136
原创 querySelector跟原始的getElementById的一些区别
用惯了jq的选择器以及原始的getElementById以及getElementsByClassName，有些不大懂querySelector以及querySelectorAll。正好趁着晚上有空查了点资料。大致看了看，说的最多的差别其实还是静态HTMLCollection和动态HTMLCollection的差别。（其中querySelector得到的是第一个匹配的dom元素，并不是HTMLC
2018-01-05 20:07:22
4894
原创 jq index()用法
正常来说：var index;index = $(this).index()//如果点击该元素，返回的是当点击的时候该元素相对于其他兄弟元素的位置，只能共享同一个父元素var index;index = $('.testClass').index(this);//返回的是，在所有具有testClass这个class里，点击的该元素的索引位置，可以不共享同一个父元素。
2017-11-15 16:09:54
2845
原创 js中的call与apply
先说点废话：lol中，每个英雄都有大招，寒冰的R是射箭，日女的R，奥巴马的R，当你按下R的时候，每个英雄都会出现不同的技能。其实按下的都只是R键，但是为什么出来的技能都不一样。其实就只是执行环境中的this指向不同。举个例子：当问到“你爹叫啥的时候”，每个人都会返回一个返回父亲名字的方法。var xiaobi = { father:{ name:
2017-10-24 17:23:46
207
原创 针对input添加padding后宽度变化问题
input在限定宽度的情况下，有时候由于input本身输入的文字太过于靠近左边，视觉效果差，所以往往会增加一个padding-left的操作来使得里面的文字稍微有边距，这个时候会发现限定宽度的input宽度发生了变化。解决办法：在input里添加box-sizing: border-box;//其他浏览器-webkit-box-sizing: border-box;//谷歌 -moz-
2017-10-13 19:40:43
7246
1
转载 冒泡事件解析
1. 事件 在浏览器客户端应用平台，基本生都是以事件驱动的，即某个事件发生，然后做出相应的动作。 浏览器的事件表示的是某些事情发生的信号。事件的阐述不是本文的重点，尚未了解的朋友，可以访问W3school教程 进行了解，这将有助于更好地理解以下的内容 。2.冒泡机制 什么是冒泡呢？
2017-10-13 19:40:03
462
1
原创 $(document)和$(window)
一直搞不大清楚什么区别，今天特地找了找资料$(document) //获取文档对象$(window) //获取窗口对象，也就是浏览器客户区举个鲜明的例子：$(document).height()$(window).height()当页面内元素很多出现滚动条时，能很好的理解区别。
2017-10-09 09:22:16
242
原创 事件函数function(e){}中e的问题
简单来说就是指向了当前发生的事件（click、mouseover等等），保存了当前事件的信息。如鼠标点击事件，有鼠标的坐标信息。其中，e是标准浏览器传递进去的事件参数，低版本IE不会传递，事件参数放置在window.event对象中，所以兼容低版本的IE要加上这句e=e||window.event;使用for in来输出一点东西：无标题文档function f
2017-09-26 17:09:17
16662
原创 background-size中，100%和cover的区别
background-size中，100%和cover都是用于将图片扩大或者缩放来适应整个容器background-size：100% 100%;---按容器比例撑满，图片变形；background-size：cover;---把背景图片放大到适合元素容器的尺寸，图片比例不变，但是要注意，超出容器的部分可能会裁掉。当为百分比的时候，100%和100%，100%也会显
2017-09-26 16:19:15
72882
4
原创 ajax实现文件上传并且监听上传进度
在实现上传本地文件中，可以用 需要注意的是，需要多添加enctype="multipart/form-data" 表单中enctype="multipart/form-data"的意思，是设置表单的MIME编码。默认情况，这个编码格式是application/x-www-encoded，不能用于文件上传；只有使用了multipart/form-data
2017-09-21 19:39:44
5989
1
原创 css中使得border渐变方法
background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(135deg,#000,#000),linear-gradient(135deg,#E70303,#FFFF44);border:2px transparent sol
2017-09-21 19:14:51
22571
原创 js中获取浏览器可视窗口大小
获取可视窗口大小（也就是减去顶部和底部，页面中的区域）document.documentElement.clientHeight;//可视区域高度document.documentElement.clientWidth;//可视区域宽度可视区域另一种写法，虽然也可行，但还是推荐第一种。第二种貌似ie有点问题window.innerWidthwindow.innerHeight
2017-09-19 22:21:56
2963
原创 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
549
原创 input和select在设置同样的宽度下长度不一。
学会活用： box-sizing：border-boxhttp://www.jianshu.com/p/e2eb0d8c9de6
2017-08-10 14:42:50
4151
原创 css3 背景斜线
background-image: -webkit-gradient(linear,0 0, 100% 100%,color-stop(.25, rgba(255, 255, 255, .2)),color-stop(.25, transparent),color-stop(.5, transparent),color-stop(.5, rgba(255, 255, 255, .2)),
2017-08-07 15:31:15
6945
原创 关于@media优先级问题
经常需要使用@media查询屏幕大小来选择不同的css有时候发现命名使用了@media重写css样式但是依然@media里面的样式失效。原因在于css选择器优先级问题，后面的css样式优先级大于前面的。解决办法：原本的css样式必须置于在@media里面重写的css样式之上。eg：.css1{xxx}@media xxxx{.css1{xxx}}
2017-08-02 14:56:50
4474
1
原创 table里，border边框无法写入border-radius问题
在做table时，经常会用到合并边框线，用的是.table{border-collapse:collapse}但当我们的table边框需要进行写入圆角的时候，发现圆角无法写入。原因为border-radius和border-collapse:collapse冲突，使用border-collapse:separate才可以。解决办法。在table外套一层div
2017-07-19 16:02:18
5375
原创 jq选择器及方法
每次新学到jq的选择器及方法摘录不定时更新// 2017.7.19jquery toggle（）方法用于切换元素的可见状态，如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。jquery toggleClass（）方法对设置或移除的被选元素的一个class类或多个class类进行切换检查元素中指定的类，没有则添加，有则删除。若
2017-07-19 10:27:08
896
原创 echarts
改变legend默认样式，在legend下多添加icon：‘xxx’改变柱状图颜色，在series下添加itemStyle：{normal：{color：xxx （）}}如果要采用渐变色 则itemStyle:{ normal:{ color:new echarts.graphic.LinearGradient(0
2017-07-18 19:07:10
253
原创 css画半圆进度条
效果预期：半圆进度条白底，蓝色进度，随着分数的增长蓝色进度条增长。 CSS：.top{ width: 400px; height: 400px; top:-1px; background: #F1F5F8; border-radius: 50%; position: absolute;
2017-07-17 20:19:09
6530
4
原创 未解决问题集合
问题描述： 给定一个大的div下（称为A），A有子集span，在span里放图片，图片为绝对定位，span为相对定位，在火狐浏览器下，图片错位，无法达到预期效果，在其余浏览器解析正常。问题解决：原因为div（A），把A的宽度关闭或者设置为width：auto，显示正常，其余浏览器显示正常。问题原因：未知，暂标记。--------------------
2017-07-11 20:45:56
185
原创 小结（各种点）
后代选择器 .className h1 {className的所有h1后代}子选择器.className > h1 {只作为h1元素子元素的h1元素}兄弟选择器.className h1 + p {选择在h1之后出现的p 且二者有共同的父元素}拓展 子选择器+兄弟选择器.className h1 > span + span {选择作为class的所有h1子元素的
2017-07-11 17:25:48
373
转载 footer至于底部的四种方法
转载地址：http://www.cnblogs.com/firstdream/archive/2012/02/09/2343599.html下文原文：作为一个Web的前端攻城师，在制作页面效果时肯定有碰到下面这种现象：当一个HTML页面中含有较少的内容时，Web页面的“footer”部分 随着飘上来，处在页面的半腰中间，给视觉效果带来极大的影响，让你的页面看上去很不好看，特别是现在
2017-07-06 16:39:48
13568
1
转载 两个img之间有空隙
在img的父元素上添加：font-size = 0;letter-spacing= -xxx; (任意负数都可)方法二选一均可实现
2017-07-05 17:19:28
1601
原创 两种图片旋转方法
两种图片不停旋转的方法第一种老生常谈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
1619
原创 进度条慢慢往前增长
项目中遇到需要写一个进度条，模拟进度前进先贴js代码$(function () { var i = 0; var interval; interval = setInterval(function () { if (i >= 100) { window.clearInterval(interval); } $('#p...
2017-07-03 16:54:19
1326
原创 杂记
$('#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
154
原创 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
332
转载 Highcharts纯Javascript图表使用讲解(附Demo全源码案例)
Highcharts是一个制作图表的纯JavaScript类库，主要特性如下：兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等；对个人用户完全免费；纯JS，无BS；支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；跨语言：不管是PHP、Asp.net还是Java都可以使用，它只需要三个文件：一个是Highcharts的核心文件highchart
2017-03-28 14:23:44
463
转载 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
2355
转载 bootstrap-datepicker限定可选时间范围
一、应用场景 实际应用中可能会根据日期字段查询某个日期范围内的数据，则需要对日期选择器可选时间进行限制，如：开始时间不能大于结束时间，结束时间不能小于开始时间，此时就要为开始日期选择器和结束日期选择器动态的设置startDate和endDate的值。二、相关知识点1、bootstrap-datepicker的初始化引入bootstrap-datepi
2017-03-28 14:20:24
9465
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人