关于IOS移动端下网页滑动不流畅问题
-webkit-overflow-scrolling 用来控制元素在移动设备上是否使用滚动回弹效果body { overflow:auto; -webkit-overflow-scrolling:touch; }-webkit-overflow-scrolling: touch; 当手
原生JS实现移动端Touch轮播图
核心代码function $(id){return document.getElementById(id);} var isMove = false, // 判断是否滑动过 startR = 0, // 初始移动距离 changeR = 0, // 滑动距离，与startR比较，大于40px即为右滑 // 绑定滑动事件 var box = $('your element
Safari 定位fixed下，z-index层级失效问题
一、Safari是新时代的IE61 . Safari font-size的px单位和vm单位计算不支持，需要是百分比单位2 . Safari 渐变，从#fff到transparent会有灰色带，其他浏览器都是白色到透明3 . Safiari 伪元素hover时候的currentColor不渲染....二、position时，z-index层级失效 Safari 3D变换会忽略z-index的层级
H5本地离线存储localStorage、sessonStorage
口诀（1）两个接口：分别是localStorage 和 sessonStorage（2）四个函数：分别是setItem、getItem、removeItem 和 clear详解一、localStorage 优势：1 . localStorage拓展了cookie的4K限制2 . localStorage会可以将第一次请求的数据直接存储到本地，这个相当于一个5M大小的针对于前端页面的数据库，相比于c
JS实现 li 呈圆形平均分布
<ul class="container"> <li class="dot"></li> //dot中心远点 <li class="box"></li> <li class="box"></li> &l
web页面阻止用户F12篡改页面元素和数据
前言1 ) . 一名程序员或者用户，都知道在浏览器审查元素时，是可以修改数据的，如果修改数据，在提交就会造成不可预想的后果，特别是在数据安全的领域2 ) . 年初时候，在某网站通过审查元素，花了0.1买了一个月视频会员，于是乎度娘了一些解决方案。数据加密方案一： 在返回数据时，将关联的数据MD5加密，作为一个密钥key值返回，在服务端生成一个key=md5($id.$states),同时将key值
HTML页面预加载 (动效非功能)
什么是预加载页面资源预加载(Link prefetch)是浏览器提供的一个技巧，目的是让浏览器在空闲时间下载或预读取一些文档资源，用户在将来将会访问这些资源。一个Web页面可以对浏览器设置一系列的预加载指示，当浏览器加载完当前页面后，它会在后台静悄悄的加载指定的文档，并把它们存储在缓存里。当用户访问到这些预加载的文档后，浏览器能快速的从缓存里提取给用户。简单的来讲就是：让浏览器预先加载用户访问当前
CSS自定义checkbox选择框 + JS实现全选 取消 删除
实现效果 + 思路：1 . 点击全选，所有checkbox为选中状态 checked = true;2 . 全选状态下，单机input[type="checkbox"]，取消选择； 每次操作更新 全选状态(选择checkbox的个数)； Html 实现 <input type="button" id="check
网站改版建设中模板
一款好看的网站正在建设中模板：查看演示链接
css实现梯形Tab标签
实现效果：<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &