分类 WEB前端 下的文章

开放API接口安全设计

早期文章:[开放API接口设计简要思路](https://www.fity.cn/post/657.html "开放API接口设计简要思路") 最后更新:2019-06-21 20:05:39 星期五 #### 开放API接口安全校验的背景: **在未进行安全处理的开放API接口存在诸多的风险问题,如以下三种常见场景:** **1、**场景一 A公司开发的开放API未对接口进行安全控制,有黑客通过爬虫程序调用开放API查询客户信息的接口,由于没有安全验证,A公司的客户数据通过客户信息查询API流出,竞争公司拥有了这批客户数据,对A公司造成损失。 **2、**场景二 A公司开发的开放API未对接口进行防篡改控制,有客户购买价值1万元的产品,现有黑客通过技术手段,对客户提交的表单进行篡改...

继续阅读 »

AdmnIX前端网站后台管理模板框架

**AdmnIX**是一款基于Bootstrap的轻量级、响应式前端后台管理框架,采用了主流的左右两栏式布局,使用了Html5+CSS3等现代技术,提供诸多可重新组合的UI组件。同时,遵循极简体验、简单灵活、兼容性好、自适应触屏手机的原则,面向所有层次的前后端程序,帮助企业极大的提高工作效率,节省开发成本,提升品牌形象。始于2018年初,为敏捷WEB应用开发和简化企业应用开发而诞生。 ![](https://www.fity.cn/usr/uploads/2019/05/20190520062206_25951.png) ![](https://www.fity.cn/usr/uploads/2019/05/20190520063306_93156.png) ##### 再见,是为了更好的再...

继续阅读 »

JQuery 插件的编写

#### jquery的插件机制 为了方便用户创建插件,jquery提供了$.extend()和$.fn.extend()方法。 $.extend(object) ,用于扩展jQuery类本身,也就是用来在jQuery类/命名空间上增加新函数,或者叫静态方法. 例如 jquery内置的 ajax方法都是用$.ajax()这样调用的,有点像 “类名.方法名” 静态方法的调用方式。 ``` $.extend({ minValue: function (a, b) { // 比较两个值,返回最小值 return a < b ? a : b; } }); //调用 var i = 100; j = 101; var min_value ...

继续阅读 »

下拉刷新/上拉加载更多/上滑加载更多-移动端

**元素容器** `` **下拉载入更多处理方法** ```javascript var page=2;//从第二页请求数据 Zepto(function($){ $(window).scroll(function(){ if(($(window).scrollTop() + $(window).height() > $(document).height()-40)){ ajaxData(); } }); }) //定义ajax请求数据方法 可以考虑公用 function ajaxData(){ $.get("/mobile/get_list/news/",{page:page},function(result){ ...

继续阅读 »

jQuery图片裁剪插件Cropper

Cropper:一个简单的jQuery前端图片裁剪插件。功能特性:支持选项支持方法支持事件支持触屏 (移动端)支持缩放支持旋转支持翻转支持 canvas支持多个 croppers跨浏览器支持主要文件Main:dist/├── cropper.css     ( 5 KB)├── cropper.min.css ( 4 KB)├── cropper.js      (67 KB)└── cropper.min.js  (24 KB)使用介绍:略已知问题:1.关于getCroppedCanvas方法:canvas.drawImage API 在某些 Mac OS / iOS 浏览器上将会根据...

继续阅读 »

jquery web流程图拖拽构建

js/jquery实现流程拖拽,js/jquery实现web流程设计器,js/jquery动态流程图构建实现意义:管理员可以随时根据企业的运营发展情况便捷动态调整企业的组织架构(审批)流程、可视化流程建模,通过流程设计器,快速通过“拖、拉、拽”实现流程定义建模,通过流程监控实时分析流程实例的运行数据分析,提供企业流程的不断优化的依据,同时智能流程版本管理功能,当流程变化较大时旧的实例按旧的流程定义运转,新启动的流程按新版本的流程运转,新旧隔离互不影响。从而降低系统维护人力投入及维护时间。正文:JQuery UI的拖拽功能:JQuery UI是JQuery官方支持的WebUI 代码库,包含底层交互、动画、特效等API,并且封装了一些Web小部件(Widget)。同时,JQuery UI继承了jquery的插...

继续阅读 »

jQuery甘特图开发基础

jQuery.Gantt插件是一个非常轻量级的插件,使用纯HTML代码创建甘特图,不需要矢量图形或图像。插件支持拖拽调整甘特块和回调函数更新数据。关于使用场景的很少案例:项目管理排期、广告系统排期等,欢迎补充【参考文献】jQuery.Gant:http://taitems.github.io/jQuery.Gantt/https://github.com/thegrubbsian/jquery.ganttView

继续阅读 »

网页字体图标锯齿问题

##### 当网页中的字体图标缩小时可能会遇到部分图标存在锯齿现象,可以通过CSS3属性webkit-text-stroke-width设置对象文字描边厚度进行简单处理: ```css //消除锯齿 -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-stroke-width: 0.2px; ``` **未添加除锯齿样式 和 添加除锯齿样式后的前后对比:** ![](https://www.fity.cn/usr/uploads/2018/08/20180802033101_86097.jpg) **PS:**webkit-text-stroke是居中描边 -...

继续阅读 »

php生成多级目录函数

php生成多级目录的方法函数.function mkdirs($dir){     return is_dir($dir) or (mkdirs(dirname($dir)) and mkdir($dir,0777));   }  函数说明:(1)函数:bool is_dir ( string $filename )功能:判断给定文件名是否是一个目录,如果文件名存在并且为目录则返回 TRUE。如果 filename 是一个相对路径,则按照当前工作目录检查其相对路径。注: 本函数的结果会被缓存。更多信息参见 clearstatcache()。(2)函...

继续阅读 »

js判断是否是手机或移动设备访问

js判断是否是手机访问,js判断是否移动设备,使用navigator.userAgent.toLowerCase()判断移动端类型,js简单判断设备var ua  = navigator.userAgent.toLowerCase();  if(ua.indexOf('android') != -1 || ua.indexOf('iphone') != -1 || ua.indexOf('ipad') != -1){ //判断是否移动设备    alert('手机');  }el...

继续阅读 »

js/jQuery监听网页回车事件 form表单提交

使用js/jQuery监听回车事件, 在特殊情况下我们可能需要通过js监听网页回车事件进行提交form表单参数达到特定目标,本文主要介绍js或jQuery监听网页回车事件或元素容器内回车事件.jQuery监听网页回车:$(document).keyup(function(e){      var curKey = e.which;       if(curKey==13){          //具体操作处理方法   &...

继续阅读 »

discuz memcache+ssrf GETSHELL漏洞解决方案

discuz memcache+ssrf GETSHELL漏洞解决方法,进入论坛后台性能优化模块查看是否支持memcache,如果支持再查看是否开启,如果不支持的论坛,可以选择忽略本文。漏洞信息:漏动来源:阿里云云盾漏动名称:Discuz memcache+ssrf GETSHELL漏洞漏动描述:Discuz存在SSRF漏洞,在配置了memcache的情况下,攻击者可以利用ssrf通过memcache中转,向磁盘上写入WEBSHELL恶意代码,从而造成数据库泄漏;解决方法:打开/source/function/function_core.php搜索$content = preg_replace($_G['setting']['output']['preg']['search'],&nb...

继续阅读 »

js拉幕广告代码

##### js拉幕广告代码,拉幕广告js代码,网页拉幕广告 ```html slide html,body{ width:100%; height:100%; margin:0px; border:0px; text-align:center; } div{ margin:auto; overflow:hidden; } function tag(obj){ return document.getElementsByTagName(obj)[0]; } window.onload=function(){ setTimeout("slideUp();",1000); } function slideUp(){ ...

继续阅读 »

批量删除/复原 批量选中js

**批量删除 批量复原js jquery** ```javascript function chkbox(){ $('#delButton').show(50); } function checkNews(){ var chckBoxSign = document.getElementById("newsChk"); //newsChk 全选/反选的选择框id var chckBox = document.getElementsByName("newsBoxChk"); //所有的选择框其name都是newsBoxChk var num = chckBox.length; if(chckBoxSig...

继续阅读 »

手机号码格式验证正则[2018更新]

**js jquery验证手机号码格式是否正确(新)** ```javascript function checkPhone(){ var phone = document.getElementById(‘phone’).value; if(!(/^1[3456789]\d{9}$/.test(phone))){ alert(“手机号码有误,请重填”); return false; } } ``` **PHP验证手机号码格式是否正确(新):** ```php function isMobile($num) { if (!$num) { return false;} ...

继续阅读 »

ul菜单居中_水平居中css样式

ul li导航菜单居中/水平居中css样式。这个方法较简单,是将容器转成`display:inline-block`行内块级元素,然后就可以直接用`text-align:center`使其达到水平居中效果,也是推荐的方法。 示例ul导航菜单HTML代码: ```html 首页 … ``` CSS样式代码: 给外面的div添加`text-align:center`,然后将菜单容器设成`display:inline-block`行内块级元素,菜单浮左`float:left` ```css .nav {text-align:center;} .nav ul {display:inline-block;} .nav li {...

继续阅读 »