自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 nginx反向代理解决跨域问题

nginx反向代理解决跨域问题作为一个前端开发来说,肯定遇到过过跨域的问题,尤其是使用前后端分离模式开的的项目,跨域问题肯定是避免不了的,接下来我将说下我了解到的解决跨域问题的方案以及利弊。

2017-12-06 14:24:48 5827 1

原创 export 和 export default 和 exports = 的 区别;require和import的区别

 test.js文件中 const aaa = {}export function fn1(){}export const param = '变量'export default aaa注意: exports  只用于  require的引入的文件使用引入: import aaa ,{fn1, param} from test.jstest.js文件中,e...

2018-08-14 14:53:16 1020

原创 用户登录,前后端如何交互判断是否登录超时!

背景:用户登录过该网站,但是用户并不是永远都处于登陆状态,接下来就探讨下,我们是什么时机对用户登陆状态进行校验并且校验后  登录超时  应该如何处理。第一步:用户输入用户名密码后点击登录,客户端会调用登录接口,将用户数据传递给服务端,这是服务端干了什么呢。看下下边的截图1和截图2服务端接收到用户请求后,login接口会进行setCokkie操作将用户的部分用户标示信息存在cookie中(例如用户...

2018-08-02 10:22:01 14678

原创 css实现手机端底部4个正方形

1、根据原理:padding、margin可以设置百分百;百分比的数值是根据父元素的宽度设置的。例:父div   width:100px   那么子元素设置height:0 ; padding-bottom:25%  ;这样子元素的高度为  100*25% = 25px 2、实现:布局:<div class="wrap"><div class="item1"&gt...

2018-02-23 13:47:58 1777

原创 vue中报Error in render function: "TypeError: Cannot read property

当vue项目中报:Error in render function: “TypeError: Cannot read property错的时候;

2017-12-19 17:32:27 22050

原创 小球跟随鼠标移动效果

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #list li { /*width: 30px;*/ /*height: 30px;*/ list-style:

2017-12-06 14:31:23 840

原创 阻止事件冒泡好像不用兼容了

chrome  firefox ie高低版本 都能直接用e.acancelBubble = true;来阻止事件冒泡

2016-09-08 16:47:08 194

原创 小球跟随鼠标移动效果

#list li {            /*width: 30px;*/            /*height: 30px;*/            list-style: none;            /*border-radius: 50%;*/            /*background: deeppink;*/            position

2016-09-08 16:44:13 506

原创 数组的sort方法排序按照对象的属性排序

说明ab是数组中的元素(这里的元素是对象);key值的是对象的属性名;按照对象的key去排序arr.sort(function (a,b) { return a['key'] - b['key'];});

2016-09-05 15:38:25 737

原创 数组的sort方法

数组的sort方法按照对象的属性排序说明:a,b是数组中的对象(a,b不是固定的值 ,可以改变,但是根本上他是数组的元素);key是对象的属性名arr.sort(function(a,b){return a['key'] - b['key'];})

2016-09-05 15:08:25 198

原创 不能既添加又删除某属性;如果某元素有了该属性(例如动画);再添加并不会再次执行该属性(动画)

如果给元素用js动态的添加动画,并且点击实现 每点击一次  就执行一次动画,不能直接给元素添加box.style.animaton ='aa 1s '  ;这样并不能实现每次点击都会有动画效果;因为只要添加了一次某个属性,该元素就具有了该属性,再添加也不会执行;也不要想着给该元素删除了某属性在同时添加上;这样既添加又删除;设置的animation并不起作用。

2016-09-01 22:00:17 339

原创 offsetLeft和style.left的区别

offsetLeft 获取的是相对于  离他最近的设置了定位的元素  的左边距left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,这同offsetLeft是相同的,区别

2016-08-31 14:37:11 171

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除