web前端
shooke
这个作者很懒,什么都没留下…
展开
-
前端开发之日期插件
日历插件大家相比看的多了,也没什么可说的,五花把门的插件多的是,pc上我相信很多小伙伴用过my97很好用。手机上我们也用过mobiscroll这是我见过手机端最好用的日期选择控件。 今天我们讲的跟这些都不一样,大家有没有想过当你选择了日期后要对日期进行一些处理应该怎么做? 现在我们就来了解一款灰常好用的日期处理插件,他可以运行在nodejs也可以用在页面里。 moment.js使用它可以轻松解原创 2015-05-30 10:07:05 · 2590 阅读 · 0 评论 -
如何使用rem
故事起因 昨天被人鄙视了,事情的起因是,同事做的页面,使用了rem作单位,这很好,但有一点我实在是无法理解,html设成了font-size:72px;看到这个设置我瞬间茫然了,这是要搞哪样。于是叫过来问了一下。得到的解释说,为了适配720p的设备所以设置了72px为基础字体。然后还以很鄙视的眼光看了我一眼。 我也只能在内心里,呵呵一下。苦口婆心的解释了一下rem的使用方式,最后得到了”先这样吧原创 2017-08-29 14:41:04 · 932 阅读 · 0 评论 -
js拖放排序和分类插件
html5sorttablehttps://github.com/farhadi/html5sortable 使用简单,用来排序很方便sorttablehttps://github.com/RubaXa/Sortable 可以实现跨div拖放原创 2017-07-26 11:31:26 · 1784 阅读 · 0 评论 -
解决Firefox不响应window.resize事件
其实这不是火狐的锅 其实这不是火狐的锅 其实这不是火狐的锅 重要的事说三遍。 事情是这样的有个需求需要在用户改变窗口后重新载入页面,于是代码如下window.onresize = resize;function resize(){ location.reload();}看上去代码没问题,在chrome下可以正常使用,但在firefox下就不行了。这是为什么尼? 因为,chrome是原创 2017-06-23 17:37:28 · 2638 阅读 · 0 评论 -
cors跨域请求,重复提交问题
深夜了,就为了一个bug搞到现在,这个bug是由于axios造成的。 vue-resource不在是官方插件,并且vue官方推荐了axios,所以开始用上了axios,开始并没有发现问题,但今天一次测试中无意间发现了一个大坑。在使用post发送请求时有10%的几率会发送两次请求。其中一次是正确的post请求,一次是options。看真相 发现问题了吧,Request Headers显示请求时原创 2017-05-21 02:12:01 · 14868 阅读 · 2 评论 -
如何禁止手工输入但允许扫码器输入
问题起因最近项目中遇到了一个问题,需求是希望可以禁止键盘输入,只允许使用扫码器进行输入。这个问题如果是cs端软件实现起来相对容易写,可以根据接入的端口进行判断,但如果是usb就无能为力了。更何况我们是web程序呢。但是有问题就有解决的办法。分析扫码器和键盘输入有什么区别呢?从原理上讲是没有区别的,同样是模拟键盘的输入。但是,扫码器的输入速度比人的输入速度要快的多。于是就有了下面的代码<!DOCTYP原创 2017-03-11 13:28:48 · 5946 阅读 · 2 评论 -
ie留下来的古董
<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 5]> 仅IE5.0与IE5.5 <![endif]--><!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本 <![endif]--><!--[if IE 6]> 仅IE6 <![endif]--><!原创 2017-03-18 11:55:28 · 339 阅读 · 0 评论 -
推荐轻量高效无依赖的开源 JS 插件和库
在这里维持一个持续更新的地方图片baguetteBox.js - 是一个简单易用的响应式图像灯箱效果脚本。demoLightgallery.js - 是一个功能齐全的JavaScript图像灯箱插件。demoviewerjs - 是一个图像预览插件。democropperjs - 是一个图片编辑器插件。demophoto-editor - 是一个本地图片编辑器插件。demoblazy.转载 2016-12-01 10:25:36 · 2038 阅读 · 0 评论 -
从 __proto__ prototype 说起
原文地址proto-prototype-shuo-qi/”>http://varnull.cn/cong-proto-prototype-shuo-qi/ 先来做个复习,ES5中有有几种数据类型呢?5种基本数据类型 Undefined Null Boolean Number String 1种复杂数据类型 Object 除了基本数据类型,万物皆对象,记住这个很重要,这体现了js设计原创 2016-08-30 08:48:52 · 572 阅读 · 0 评论 -
Web前端开发规范文档
Web前端开发规范文档规范目的: 使开发流程更加规范化。 通用规范: TAB键用两个空格代替(WINDOWS下TAB键占四个空格,LINUX下TAB键占八个空格)。 CSS样式属性或者JAVASCRIPT代码后加“;”方便压缩工具“断句”。 文件内容编码均统一为UTF-8。 CSS、JAVASCRIPT中的非注释类中文字符须转换成unicode编码使用,以避免编转载 2016-03-29 10:49:45 · 1034 阅读 · 0 评论 -
判断是否是微信访问并获取版本号
在进行微信公众账号开发的时候,其中很大一块是微站点的开发,我们需要知道当前的浏览器是微信内置的浏览器,那么如何判断呢?微信内置浏览器的 User Agent如何判断微信内置浏览器,首先需要获取微信内置浏览器的User Agent,经过在 iPhone 上微信的浏览器的检测,它的 User Agent 是: (经测试正确) Mozilla/5.0 (iPhone; CPU iPhone OS 6_原创 2015-10-23 11:54:21 · 3783 阅读 · 0 评论 -
js防止事件冒泡和默认事件
1:jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。 2:在当今的各个浏览器中都支持事件的冒泡,所谓的冒泡可以这样理解: 条件:外层有一个DIV元素,在内层有一个P元素,他两存在这样的关系:DIV是P元素的父元素,而P是外层DIV的子元素,他们之间存在包含和被包含的关系。 事件:现在我们都在这两个元转载 2015-06-05 13:10:30 · 821 阅读 · 0 评论 -
js异步加载详解
同步加载<script src="http://yourdomain.com/script.js"></script> 这是大家熟知的js加载方式,这种方式是同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止了后续的解析,因此停止了后续的文件加载(如图像)、渲染、代码执行。 js 之所以要同步执行,是因为 js 中可能有输出 document 内容、修改dom、重定向等行为,所以默认同步执行才原创 2017-10-26 10:03:01 · 319 阅读 · 0 评论