- 博客(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">...
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
原创 小球跟随鼠标移动效果
#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关注的人