web页面阻止用户F12篡改页面元素和数据
前言1 ) . 一名程序员或者用户，都知道在浏览器审查元素时，是可以修改数据的，如果修改数据，在提交就会造成不可预想的后果，特别是在数据安全的领域2 ) . 年初时候，在某网站通过审查元素，花了0.1买了一个月视频会员，于是乎度娘了一些解决方案。数据加密方案一： 在返回数据时，将关联的数据MD5加密，作为一个密钥key值返回，在服务端生成一个key=md5($id.$states),同时将key值
Javascript 获取、判断、添加Class类名
每日鸡汤：灵感和才华总有一天会江郎才尽，但是手艺不会，如果你专注死磕，持续迭代，手艺就会越来越精进，进而产生强大的力量。原生JS获取所有backbtn的class属性标签 var backbtns = document.querySelectorAll('.backbtn'); backbtns.forEach((backbtns) => { backbtns.
Jquery + Css3 实现单页内容翻折切换
一款jQuery和css3全屏翻页切换页面特效，可以点击左右箭头来切换不同的页面内容，也可以点击左上角的菜单图标按钮打开侧边栏的文字导航，点击每一个文字导航来切换内容，支持鼠标拖动翻页和鼠标滚动查看更多图文内容。演示地址：http://test.jensonhui.top/contentswitch/custom/custom.htmlhttp://test.jensonhui.top/conte
HTML页面预加载 (动效非功能)
什么是预加载页面资源预加载(Link prefetch)是浏览器提供的一个技巧，目的是让浏览器在空闲时间下载或预读取一些文档资源，用户在将来将会访问这些资源。一个Web页面可以对浏览器设置一系列的预加载指示，当浏览器加载完当前页面后，它会在后台静悄悄的加载指定的文档，并把它们存储在缓存里。当用户访问到这些预加载的文档后，浏览器能快速的从缓存里提取给用户。简单的来讲就是：让浏览器预先加载用户访问当前
移动端的变革Rem
Rem是什么rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。为什么要使用Rem这里我特别强调web app，web pa
仿阿里云首页轮播(视觉差效果)
阿里云利用了CSS3的 transform 动态改变旋转角度【分层切图】由于JS无法直接修改CSS中的transform的旋转角度，度娘了一圈，貌似设计到了复杂的计算…..;对于我这种菜B来说，算了吧果断换一种方法了, 测试了下, 动态改变左右间距也是可以实现效果哒[Good Job]！ <input type="button" id="check
仿阿里云首页导航下划线效果
用到了CSS3的 [transition] 动画效果 demo只是高仿的效果,阿里前端写出来的效果貌似比我写出来的感觉好点[心塞]... <nav class="navigation" role=&quo
css实现梯形Tab标签
实现效果：<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &