分类 WEB前端 下的文章

validate校验bootstrap-select无效问题_错误提示不隐藏消除问题

**解决jquery validate校验bootstrap-select、select2、selectpicker无效问题_错误提示不隐藏消除问题** ```javascript //解决validate校验bootstrap-select、select2、selectpicker无效问题_错误提示不实时动态隐藏消除问题 $("#user-add .selectpicker").change(function(){ $(this).valid(); }); $("#user-add").validate({ //ignore: ":hidden:not(select)",//解决select校验问题 ………… }); ```

继续阅读 »

uniapp小程序版本更新升级提示

在uni-app开发过程中,应用的版本更新是一个常见的需求。当开发者发布了新版本的小程序后,希望用户在下一次打开旧版小程序时能够收到更新提示,引导用户更新到最新版本。本文介绍了基于uniapp开发的微信小程序迭代更新版本后,用户使用小程序时提示其升级版本。 uniapp vue2代码如下: ```javascript onLaunch: function() { // console.log('App Launch') //微信小程序版本更新提示 const updateManager = uni.getUpdateManager() updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的...

继续阅读 »

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

**AdmnIX**是一款基于Bootstrap的轻量级、响应式前端后台管理框架,采用了主流的左右两栏式布局,使用了Html5+CSS3等现代技术,提供诸多可重新组合的UI组件。同时,遵循极简体验、简单灵活、兼容性好、自适应触屏手机的原则,面向所有层次的前后端程序,帮助企业极大的提高工作效率,节省开发成本,提升品牌形象。始于2018年初,为敏捷WEB应用开发和简化企业应用开发而诞生。由于页面是利用业余时间出于兴趣进行整合,请勿对它的品质太过于苛求。 ![](https://felixway.cn/usr/uploads/2018/08/20180806033101.png) ![](https://felixway.cn/usr/uploads/2018/08/20180806033102.jpg...

继续阅读 »

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...

继续阅读 »