web前端
oKven_
这个作者很懒,什么都没留下…
展开
-
去除浏览器scroll的终级利器→三行代码
// 隐藏浏览器默认滚轮控件::-webkit-scrollbar { display: none;}原创 2019-12-05 10:52:37 · 153 阅读 · 0 评论 -
ES6块级作用域的优点
我们都知道在ES6中新增加了一个块级作用域,块级作用域相对于ES5的全局与局部作用局的优势在哪?-----------------------先看es5的全局 和 局部 作用域的弊端。一、内层变量可能会覆盖外层变量。 代码验证一下:var tmp = new Date();function f() { console.log(tmp); if (false) { var...原创 2018-12-24 16:33:57 · 323 阅读 · 0 评论 -
JavaScript操作符优雅运用
三目运算符 if (hasMoney) { console.log('今天吃肉'); } else { console.log('今天吃素'); } hasMoney ? console.log('今天吃肉') : console.log('今天吃素'); let weekendPlan = hasMoney ? '今...原创 2018-12-24 16:22:28 · 106 阅读 · 0 评论 -
gulp自动化构建工具
首先,肯定是需要下载安装node.js的。安装完成之后我们可以在操作命令行来查看版本号。node -vnmp -v然后我们可以创建项目 , 在这儿要提到一点 gulp安装 一个是全局的一个是依赖项目的。 对应的命令行是npm gulp -g依赖项目的需要先进入到项目路径 然后npm gulp --save-devnpm init //我们对项目信息进行填充 包括项目名称...原创 2018-12-18 16:10:35 · 179 阅读 · 0 评论 -
移动端input获取焦点弹出输入板从而影响position定位的问题
移动端里面常常会遇到 需要填值得输入框 这个输入框获取焦点之后,从而弹出输入板打字输入。 这时候弹出的输入板会影响到页面的底部布局 (底部用position定位)。我亲测了一个小简便方法来消除这种影响。$('.login-cont-ipt').bind('focus',function(){ $('.login-footer').css('position','static'); ...原创 2018-12-18 16:10:02 · 525 阅读 · 0 评论 -
用哈希值匹配替换大量的if-else引用
遇到需要写很多if…else…的情况,或许可以考虑如下的哈希字典匹配的方法,或者用状态模式实现需要修改的代码//if...else...方法 /* var itemTypeStr = ''; if(rowdata.itemType == '1'){ itemTypeStr = '行政许可'; }else if(rowdata.itemType == '2...原创 2018-12-18 09:35:54 · 481 阅读 · 0 评论 -
jsDoc文档自动化生成
十分推荐,编辑代码的时候有写注释的习惯,后期直接自动生成文档,不用劳神费力的一点找一点写。 前期工作还是配置环境, 下载JDK 配置变量等等就不提了, 我是用的grunt软件来配合项目使用的 , 压缩 编译 格式化 文档自动化 , 很方便。 想要在项目里面支持grunt-jsdoc其实很简单。因为本身grunt就是一个基于Node.js的软件,其插件也是通过npm进行维护的,那么我们安装js...原创 2018-12-17 19:58:18 · 795 阅读 · 0 评论 -
JQ的插件编写以及个人经历过需要注意的地方
啰嗦一下,很希望各位‘攻城狮’们能和大家一起分享,一起成长。当然,也可以一起吹。哈,不废话,进入正题。JQ是一个非常好用的库,但是在解决自己项目的实际问题中,难免会遇到需要去拓展的方法,需要我们用插件去实现。当然JQ的也制定了官方的拓展规范,小伙伴可以去看一下。编写原则1、避免破坏第三方2、避免产生全局依赖,规范作用域,避免产生代码污染。3、兼容jQuery操作符’$’和’jQuery...原创 2018-12-17 19:57:58 · 1492 阅读 · 0 评论 -
gulp自动化构建工具
首先,肯定是需要下载安装node.js的。安装完成之后我们可以在操作命令行来查看版本号。node -vnmp -v然后我们可以创建项目 , 在这儿要提到一点 gulp安装 一个是全局的一个是依赖项目的。 对应的命令行是npm gulp -g依赖项目的需要先进入到项目路径 然后npm gulp --save-devnpm init //我们对项目信息进行填充 包括项目名称 ...原创 2018-12-17 19:57:30 · 154 阅读 · 0 评论 -
ES6块级作用域的优点
我们都知道在ES6中新增加了一个块级作用域,块级作用域相对于ES5的全局与局部作用局的优势在哪?-----------------------先看es5的全局 和 局部 作用域的弊端。一、内层变量可能会覆盖外层变量。 代码验证一下:var tmp = new Date();function f() { console.log(tmp); if (false) { var t...原创 2018-12-17 19:57:09 · 797 阅读 · 0 评论 -
在关于mailto的使用中,关于url长度出现超长的问题
#搜索过程中发现,各浏览器与各Web Server对URL均有长度的限制如下:一、IEIE浏览器对URL的最大限制为2083个字符,如果超过这个数字,提交按钮没有任何反应。二、Firefox (Browser)Firefox浏览器URL的长度限制为65,536个字符,但当我测试时,最大只能处理8182个字符,这是因为url的长度除了浏览器限制外三、Safari (Browser)URL...原创 2018-12-17 19:56:10 · 2249 阅读 · 0 评论 -
移动端input获取焦点弹出输入板从而影响position定位的问题
移动端里面常常会遇到 需要填值得输入框 这个输入框获取焦点之后,从而弹出输入板打字输入。 这时候弹出的输入板会影响到页面的底部布局 (底部用position定位)。我亲测了一个小简便方法来消除这种影响。$('.login-cont-ipt').bind('focus',function(){ $('.login-footer').css('position','static'); ...原创 2018-12-17 19:55:33 · 503 阅读 · 0 评论 -
分享两个地图框架
leaflethttps://leafletjs.com/trufhttp://turfjs.org/原创 2018-12-21 15:43:25 · 1246 阅读 · 0 评论 -
iphone时间格式的支持
今天带给大家的是 html中 safari的 new Date的时间格式支持问题当前苹果的手机端对 时间格式支持不包括 “yyyy-mm-dd" , 他所支持的是“yyyy/mm/dd”。当然小伙伴可以用 repalce()方法进行 “-” "/"的替换处理。然后在这里还有一个坑等着你,那就是repalce()的方法只会替换第一个“-”。针对这一类问题,处理方法是正则表达式,因为repa...原创 2018-12-21 15:38:14 · 689 阅读 · 0 评论 -
IsValid函数基本用法
功能检查对象变量是否已经实例化,即实例变量的值是否是个有效的对象。语法IsValid(objectname)参数objectname:要检查的对象名。返回值Boolean。如果指定对象已经创建了对此案实例,那么IsValid()函数返回True,否则返回FALSE。如果参数obejctname的值为NULL,IsValid()函数返回NULL。示例if (!isValid(...原创 2018-12-21 15:37:27 · 33964 阅读 · 0 评论 -
inputFile上传图片并显示
input 上传图片 并将上传的图片加载显示闲话不多说 直接撸代码HTML部分<img id="gzzImg" src="images/common/add.png" /><input id="gzzIpt" class="fileIpt" type="file" onchange="loadImg()"/>js部分原创 2018-12-21 15:36:46 · 1516 阅读 · 0 评论 -
mailto的用法及attach附件测试结果。
mailto是一个发送电子邮件非常方便的方法,功能上面也是能满足正常的使用。格式一、 Mailto后为收件人地址二、cc后为抄送地址三、bcc后为密件抄送地址四、subject后为邮件的主题五、body后为邮件的内容如果Mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的每一个都以“&”开头。使用1)基本的 mailto单击这里给我发电子邮件 当浏...原创 2018-12-21 15:35:16 · 8528 阅读 · 2 评论