Web前端
kevin_zhuzj
做的了Java开发工程师也管的了项目。
展开
-
WebAPP移动前端性能优化规范和设计指导
关于Web前端优化,作为一名前端工程师肯定明白。比如PC端,我们平时主要用的也就是Firefox的两个插件,Yahoo的YSlow和Google的Page Speed(如果您有其它比较好用的,分享一下哦),它们会对你的网页进行检测,哪些做的比较好,哪些还有待改进,说的非常细,两个插件分别有不同的标准,但大体上是一致的。之前蚂蚁小编跟大家也介绍了一些关于移动端前端优化事项和知识点。比如 以下的八点移动端的优化规范指南。同时也是我们需要遵循的8项原则。 1、PC优化手段在Mobile中同样适用 2.转载 2020-05-11 09:15:02 · 330 阅读 · 0 评论 -
jQuery下拉多选插件ySelect.js
插件描述:简单实用的jQuery多选插件ySelect.js,支持反选,搜索,分组。演示效果:使用方法引入常用引用 1 2 <linkhref="css/font-awesome.min.css"rel="stylesheet"type="text/css"> <linkhref="css/ySelect.c...原创 2020-05-06 08:31:16 · 2907 阅读 · 0 评论 -
JavaScript 产生不重复的随机数三种实现思路
在 JavaScript 中,一般产生的随机数会重复,但是有时我们需要不重复的随机数,如何实现?下面就来讲解三种方法产生不重复的随机数,并进行比较,看那种方法效率高。方法一 思路:首先创建一个1到3000的数组,每次取一个数,然后去除数组中取出的这个数, 这样就可以实现永不重复。 复制代码代码如下: var count=3000; var originalA转载 2017-08-24 10:24:13 · 3092 阅读 · 0 评论 -
layui 表单验证案例文本框,手机,邮箱,textarea等格式的验证 <script src="layui/layui.js"></script> <script src="layui/lay
文本框,手机,邮箱,textarea等格式的验证js"> HTML代码:[html] view plain copyform class="layui-form" action=""> div class="layui-原创 2017-08-31 22:27:54 · 24907 阅读 · 0 评论 -
前端编码规范
基本原则结构、样式、行为分离统一缩进(建议 两个空格)文件编码统一 不带BOM的UTF-8一律使用小写字母省略外链资源 URL 协议部分(FTP等其他URL不省略)统一注释HTML标签自闭合无需闭合img input br hr 等可选闭合需闭合尽量减少标签class & id以功能或内容命名, 不以表现形式命名以-分隔属原创 2017-10-19 09:51:53 · 448 阅读 · 0 评论 -
推荐一款jquery前端插件(zoomify),灯箱效果插件(用于图片看大图的效果),简单易用!
前段时间项目中,需要使用图片看大图的效果,主要是用于上传的企业工商执照等信息。这个时候的需求是希望放大图片,看到大图。在进行认真调研基础上发现了一款极好用、极简单的前端插件 zoomify,下面简单介绍一下这款插件的使用。基本用法:Zoomify 是一款基于的简单带缩放效果的 jQuery lightbox 插件,它使用简单,出来提供基本的属性外,还提供了自动事件和自定义方法,能够满足大多...原创 2019-09-06 13:53:16 · 5535 阅读 · 0 评论 -
Java开发中网页截图的示例,采用jquery.imageaeraselect-0.9.10这个插件实现,自己详细测试过,可以使用。
先看下我们实际项目中的最终效果完成效果图:下面详细说明一下,这个里面主要用到的技术图片上传选用的jquery.uploadify插件截图插件采用的是jquery.imageaeraselect-0.9.10图片中第一行的红色字体首先提示允许上传的图片的格式和允许上传的图片的最大尺寸,这个做开发的筒子们应该都清楚。为什么要限制分辨率在600*300以上呢?这个是因为下面的原创 2018-01-05 16:45:31 · 752 阅读 · 0 评论 -
Nginx配置SSL证书
本文主要记录Nginx怎么配置SSL证书,前提是Nginx安装成功和SSL证书已经获取。在我们下载的证书文件中有一个Nginx的文件夹,这里面的两个文件都是需要的。我们需要把这个两个文件上传到 linux 服务器中,推荐放到/etc/ssl/目录下然后我们需要去找到nginx的配置文件。ps -ef | grep nginx可以看到 nginx的目录是/usr/loc...原创 2019-08-21 09:15:37 · 117 阅读 · 0 评论 -
nginx代理tomcat
本文记录的使用环境为 centOS7.2系统,Nginx1.10.1, tomcat8.5nginx已经实现 https试了好几次终于成功,Nginx实现了 SSL ,那么tomcat就不需要再配置 SSL 了,在这里我取消了原来tomcat的SSL配置。一、首先修改/usr/local/nginx/conf下的nginx.conf文件,在http 域下增加,绿色部分为主要部分。注意是...原创 2019-08-21 09:16:26 · 376 阅读 · 0 评论 -
jquery使用 Form submission canceled because the form is not connected
1.chrome56版本以后修复form提交的bug,form = $('')创建好后,要$(document.body).append(form);然后form.submit();亲测可用原创 2017-08-22 15:15:05 · 3487 阅读 · 0 评论 -
layer.close()或者layer.closeAll()失效的情况下强制关闭layer弹窗的方法
使用layer过程中有时会遇到close()或者closeAll方法失效js中写入如下方法即可实现强制关闭[javascript] view plain copy var index = parent.layer.getFrameIndex(window.name); parent.layer.clos原创 2017-08-22 14:40:58 · 12812 阅读 · 1 评论 -
百度ueditor 视频编辑问题
请修改ueditor.config.js 里面的白名单设置。由于白名单里面过滤掉了各种标签的属性,到时样式跟id之类的被清空了。img: ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass','style', 'class', '_url'], (将来源的替换成这样的就可以了)当转载 2016-07-20 10:30:02 · 873 阅读 · 0 评论 -
HTTP状态码大全
完整的 HTTP 1.1规范说明书来自于RFC 2616,你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性,因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端,支持协议版本可以通过调用reque原创 2016-12-23 10:21:43 · 304 阅读 · 0 评论 -
CSS超出部分显示省略号…代码
让DIV,LI等元素超出部分文字用省略号…显示。示例:兼容IE/Firefox/Chrome代码:display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;有的时候需要加上在css中加上width这个属性,限制一下宽度。亲转载 2016-12-27 10:04:24 · 378 阅读 · 0 评论 -
由一个简单的js题目想到的问题。。。。
test.jsvar a = {name: 1};var b = a;console.log(a);console.log(b);====================b.name = 2;console.log(a);console.log(b);====================var b = {name:转载 2017-01-05 10:19:00 · 307 阅读 · 0 评论 -
如何解决JavaScript中UUID作为方法参数在方法中无法传递而数字却正常传递的问题
JavaScript中,同一个方法的参数传递,如果是数字则能够正常传递,alert能正常弹出值;但是一旦传入的是一个UUID(String类型)则参数传递失败!alert根本不会执行。代码如下(由于我是直接通过JavaScript对显示页面显示内容手动拼接,所以整个在一个字符串中):“class='fright font-orange' value=\""+lmid+"\" onclick转载 2016-12-28 17:51:09 · 4304 阅读 · 1 评论 -
js中let和var定义变量的区别
javascript 严格模式第一次接触let关键字,有一个要非常非常要注意的概念就是”JavaScript 严格模式”,比如下述的代码运行就会报错:let hello = 'hello world.';console.log(hello);1212错误信息如下:let hello = 'hello world.';^^^SyntaxError: Block-sco转载 2017-01-10 09:01:13 · 1231 阅读 · 0 评论 -
bootstrap-datetimepicker时间段区间选择的问题
后面的时间不能大于前面的时间$("#startDate").datetimepicker({ format: "yyyy-mm-dd hh:ii", autoclose: true, todayBtn: true, pickerPosition: (App.isRTL() ? "bottom-right" : "botto原创 2017-02-17 10:22:42 · 13446 阅读 · 0 评论 -
jQuery使用动态渲染表单功能完成ajax文件下载
原文链接:http://www.poluoluo.com/jzxy/201301/195126.html封装的通用js函数代码:[javascript] view plain copy print?// Ajax 文件下载 jQuery.download = function(url, data, method){ // 获取转载 2017-02-17 10:26:21 · 1219 阅读 · 0 评论 -
JS中判断null、undefined与NaN的方法
写了个 str ="s"++; 然后出现Nan,找了一会。 收集资料如下判断: 1.判断undefined:var tmp = undefined; if (typeof(tmp) == "undefined"){ alert("undefined"); }说明:typeof 返回的是字符串,有六种可能:"number"、"string"、"boolean"、"ob转载 2016-04-06 15:46:37 · 333 阅读 · 0 评论