- 博客(9)
- 收藏
- 关注
RSS订阅原创 鼠标拖拽小知识
三个关键鼠标事件：在标题栏上按下：鼠标在标题栏上按下时，要计算鼠标相对拖拽元素左上角的坐标，并且标记元素为科拖动。开始移动：鼠标开始移动，要检测登录浮层是否标记为可拖动，如果是，则更新元素的位置到当前鼠标的位置（注意：要减去第一步中获得的偏移）。这里增加了范围限定放开：鼠标松开时，标记元素为不可拖动状态。总结：获取元素对象的通用函数g(k)自动剧中元素 对象函数 autoCen...
2018-09-17 19:15:37
252
原创 对XSS的理解（1）
XSS的攻击方式：反射型：发出请求时，xss代码出现在URL中，作为输入提交到服务器端，服务器端解析后响应，xss代码随响应内容一起传回给浏览器，最后浏览器解析执行xss代码。这个过程就像一次反射，故叫反射型xss。存储型：存储型xss和反射型xss的差别仅在于，提交的代码会存储在服务器端（数据库，内存，文件系统等），下次请求目标页面时不用再提交xss代码 盗用cookie获取一些敏感信...
2018-09-11 09:20:59
337
原创 网页定位导航设计的知识点
锚点（anchor）：锚点是页面内的超级链接滚动条定位的事件和方法： scroll：当用户滚动指定的元素时会发生scroll事件，scroll事件适用于所有可滚动的元素和window对象（浏览器窗口）。 例如：当页面滚动条发生变化时执行函数$(window).scroll(function(){ //滚动时执行的代码}); scrollTop：获取/...
2018-09-08 17:12:28
657
原创 移动web开发----Tab基础事件
移动web页面上的click事件响应会慢300ms。 300ms延迟怎么办？使用Tap事件代替click事件，Tap事件是一个自定义事件。 自定义Tap事件原理： 在touchstart，touchend时记录时间，手指位置，在touchend时进行比较，如果手指位置为同一位置（或允许移动一个非常小的位移值）且事件间隔较短（一般认为是200ms），且过程中未曾触发过touchmove，即可认...
2018-09-07 14:03:13
1001
原创 移动web开发----特殊样式处理
以下是Retina屏幕下的问题。高清图片：在移动web页面上渲染图片，为了避免图片产生模糊，图片的宽高应该用物理像素单位渲染，即100*100的图片应该使用100dp*100dp。 width:(w_value/dpr)px; height:(h_value/dpr)px;ipx边框：左边是没有1像素的，右边有1像素。 同样是Retina屏幕问题，根本原因是：1px使...
2018-09-07 11:21:32
153
原创 移动web开发----高效移动web布局
flexbox弹性盒子布局 混个划分：父元素用display:webkit-flex;说明使用弹性布局，它的子元素有一个元素是固定宽度width:100px的，剩下的元素就按照剩余宽度等比划分。小技巧： 不定宽高的水平垂直居中//第一种方法：绝对定位配合translate(-50%,50%)方法.myoff-wrapper{ position:absolu...
2018-09-07 10:31:15
611
原创 移动web开发----Viewport
首先抛出一个问题，，， 一个PC页面在移动设备上展示效果会咋样？是像下面整个页面展示还是只是展示页面的一部分呢？ iPhone5是320px,一个1000多像素的pc页面在一个320px的移动设备上会怎么显示？下面用代码来亲自测一下就知道鸟。 在iPhone5的设备容器上能看见整个页面，iPhone5只有320px但是却能显示出来整个页面，像上图中的左图一样这就是viewpoint的作用...
2018-09-06 16:50:23
161
原创 移动web开发----像素知识
PixeliPhone5对外宣称的640*1136是指它的物理像素，而我们实际开发中用的px是指逻辑像素px: css pixels逻辑像素，浏览器使用的抽象单位，可以根据不同的设备和关系变大变小的。dp，pt: device independent pixels设备无关像素，就是说我这个设备的物理像素是固定的，不像抽象像素那样可大可小，它在物理世界这么大就这么大。它们两者的关系是...
2018-09-06 14:42:34
284
原创 ES6中对Promise的理解
Promise是什么MDN解释：The Promise object is used for asynchronous computations.A Promise represents a value which may be available now,or in the future,or never.按照用途来解释：主要用于异步计算。可以将异步操作队列化，按照期望...
2018-09-06 11:27:15
537
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人