关键字:viewport
  • H5吸顶功能--划到某一元素处将其固定在顶部
    在网页里经常遇到这样的情况,滑动页面至某一个元素处,元素一直固定在顶部或底部,当页面滑到元素原有位置上方时,元素恢复原有位置。例如京东秒杀的活动时间,还有常见的搜索输入框固定在顶部。 利用js写了个搜索输入框固定在上方的例子,效果示例如下: ...
  • web安全之XSS实例解析
    XSS 跨站脚本攻击(Cross Site Script),本来缩写是 CSS, 但是为了和层叠样式表(Cascading Style Sheet, CSS)有所区分,所以安全领域叫做 “XSS”; XSS攻击,通常是指攻击者通过 “HTM ...
  • Web安全之CSRF实例解析
    前言 文章首次发表在 个人博客 之前写过一篇 web安全之XSS实例解析,是通过举的几个简单例子讲解的,同样通过简单得例子来理解和学习CSRF,有小伙伴问实际开发中有没有遇到过XSS和CSRF,答案是有遇到过,不过被测试同学发现了,还有安全 ...
  • JS兼容及常用工具代码封装
    本文目录: 1.格式化日期时间函数 2.获取对应id或者class的DOM对象 3.获取当前浏览器的类型 4.为任意一个元素绑定事件 5.为任意一个元素解绑事件 6.获取页面向上或者向左卷曲出去的距离 7.限制字符显示字数 8.ajax原生 ...
  • px/em/rem的相同与不同点
    1px有多大? 我们先了解几个概念: 关键概念 设备像素:设备屏幕实际拥有的像素点一般来说:宽度方向有1920个像素点,长度方向有1080个像素点。 逻辑像素:CSS 的像素单位(就是我们这次要讨论的css的px),其尺寸大小是相对的,也称 ...
  • 5种前端新手必知的新型的CSS长度单位!
    众所周知CSS技术我们虽然很熟悉,在使用的过程却很容易被困住,这让我们在新问题出现的时候变得很不利。随着web继续不断地发展,对于新技术新解决方案的要求也会不断增长。因此,作为网页设计师和前端开发人员,我们别无选择,必须熟悉我们手上的工具, ...
  • 2020 vuejs 组件生命周期(Lifecycle)
    vuejs-logo.png 组件生命周期(Lifecycle) <meta name="vie ...
  • Photo Sphere Viewer渲染全景图片
    下载 官方网站: ---- https://photo-sphere-viewer.js.org 附属依赖必选项: ---- three.js ---- browser.js 注: 可以直接使用 npm install photo-sphe ...
  • 2020 vuejs 中组件实现
    vuejs-logo.png 组件化 组件化是任何一个框架必须实现,如何将定义组件(js 对象)转化为 dom 对象,以及组件的属性转换为 dom 属性,这是每一个前端框架在设计时需要认真思考和设计的问题。 const vm= new V ...
  • 自学web前端达到什么水平,才能满足求职的标准?
    大多数野生程序员最棘手的问题就是如何依靠技术解决温饱,通俗来讲就是技术折现的问题。如果是单纯出于兴趣,或者只是为了突击某一阶段或者某一项目技术壁垒,不跟就业挂钩的自学倒也是无关痛痒。但是当上岗成为自学的终极目标和结果时,一切都就另当别论了。 ...

暂无数据