- 博客(57)
- 收藏
- 关注
RSS订阅
转载 JS基础知识点整理
JS的组成： a) ECMAScript 是什么：担当的是一个翻译的角色；是一个解释器；帮助计算机来读懂我们写的程序；实现+-*/, 定义变量；几乎没有兼容性问题； b) DOM： 文档对象模型；文档指的就是网页；把网页变成一个JS可以操作的对象；给了JS可以操作页面元素的能力；document;有一些兼容性问题； c) BOM：浏览器对象模型；给了JS操作浏览器的能力；windo
2015-11-10 17:04:05
374
转载 页面输入框js正则验证输入值为数字，且只保留小数点后两位
input type="text" id="aaa" name="aaa" onkeyup="clearNoNum(this)" onblur="clearNoNum(this)"/> function clearNoNum(obj) { //先把非数字的都替换掉，除了数字和. obj.value = obj.value.replace(/[^\d.]/g,"");
2017-07-28 11:13:40
5373
转载 js单纯判断滚动条方向
Js代码 function scroll( fn ) { var beforeScrollTop = document.body.scrollTop, fn = fn || function() {}; window.addEventListener("scroll", function() { var afterScr
2017-04-25 17:58:11
1587
转载 vue2生命周期钩子
作者：monkeyWang链接：https://www.zhihu.com/question/52917848/answer/150661534来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 {{ message }} var app = new Vue({ el: '#app',
2017-03-29 14:31:21
1381
转载 通过jQuery Ajax使用FormData对象上传文件
FormData对象，是可以使用一系列的键值对来模拟一个完整的表单，然后使用XMLHttpRequest发送这个"表单"。在 Mozilla Developer 网站 使用FormData对象 有详尽的FormData对象使用说明。但上传文件部分只有底层的XMLHttpRequest对象发送上传请求，那么怎么通过jQuery的Ajax上传呢？本文将介绍通过jQuery使用For
2017-03-10 16:05:10
360
转载 JS判断客户端是否是iOS或者Android手机移动端
通过判断浏览器的userAgent，用正则来判断手机是否是ios和Android客户端。代码如下：var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.match(/\(i[^;]+;( U
2016-12-05 17:03:56
370
转载 移动端input上传调用相机
<input id="File2" runat="server" type="file" accept="image/*" capture="camera" style="width:100%" />
2016-12-01 14:57:08
3719
1
转载 FileReader：读取本地图片文件并显示
helloweba.com 作者：月光光 时间：2013-07-22 20:41 标签： html5 本地文件 最近忙得比狗还惨，导致长时间没能更新文章，真心对不住啊。抽空整理了下关于在页面上读取和显示本地图片的实例文章，本文通过实例讲解如何使用支持FileReader浏览器的用户将能够通过一个file input选择一个图片文件，并不经过上传而直接将图片显示
2016-11-23 15:23:40
741
转载 HTML文件中表格（Table）标记的常用属性
table标记的常用属性border表格边框宽度width整个表格的宽度height整个表格的高度(在XHTML里，table标记没有这个属性)background表格背景图象align整个表格的对齐方式，,主要有三个值left center right 分别表示
2016-11-09 17:36:27
19043
1
转载 常用正则表达式大全
一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{
2016-10-26 16:24:23
402
转载 input标签内容改变的触发事件
1. onchange事件与onpropertychange事件的区别： onchange事件在内容改变（两次内容有可能相等）且失去焦点时触发；onpropertychange事件是实时触发，每增加或删除一个字符就会触发，通过js改变也会触发该事件，但是该事件是IE专有。2. oninput事件与onpropertychange事件的区别： oninput事件是IE之外
2016-08-18 18:26:44
246
转载 总结移动端页面开发时需要注意的一些问题
1、防止手机中网页放大和缩小，这点是最基本的，最为手机网站开发者来说应该都知道的，就是设置meta中的viewport有些手机网站我们看到如下声明：DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">设置了
2016-08-15 15:48:59
5889
1
转载 Js/Jquery获取iframe中的元素
在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。js在父窗口中获取iframe中的元素1.Js代码 格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();
2016-08-09 12:04:55
389
转载 移动前端知识总结
meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />忽略将页面中的数字识别为电话号码 name="format-detect
2016-08-08 17:41:07
506
转载 CSS实现兼容性的渐变背景(gradient)效果
一、IE系列 （1）语法：filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=5,finishx=90,finishy=60)progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientT
2016-07-19 17:55:29
2448
转载 flipsnap--手机屏幕水平滑动框架
在很多手机应用中，大家都会见过这样一种效果：当手指横向滑动屏幕时，屏幕上的页面会向左或向右滑动。 下面介绍一下当用HTML5+CSS3开发手机应用时解决这类效果的一款js框架：flipsnap。 flipsnap.js的源码大家可以到flipsnap官网：http://pxgrid.github.com/js-flipsnap/下载。 下面列出我写的小例子
2016-06-22 16:27:20
518
转载 关于文字内容溢出用点点点(…)省略号表示
更新于2015-10-08对于现代浏览器，例如webkit内核的浏览器，或者移动端，是可以实现多行文本内容超出点点点…最后一行显示的，典型的CSS组合如下：.box { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
2016-06-20 20:15:10
508
转载 transitionend animationend 事件兼容问题
平时在做动画的时候，如果涉及交互比较多一些的时候。比如像拆礼盒，摇筛子等基于微信的小游戏，transitionend和animationend这个两个事件都会用到，之前做微信的小游戏过程中，把两个事件在pc端和移动端的常用的浏览器给测试了一下并做了整理，虽然浏览器的支持结果大同小异，但是还是有一些细微的差别的，其中微信和qq浏览器（其实是同一个）对于两个事件都需要加前缀！一、transit
2016-06-16 20:00:44
7797
转载 String.fromCharCode妙用只能input输入正数
type 可以是任何类型$('input[type=score]').keypress(function(e) { if (!String.fromCharCode(e.keyCode).match(/[0-9\.]/)) { return false; }});
2016-05-31 11:31:42
975
转载 ES5中新增的Array方法详细说明
一、前言-索引ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，比如数组这块，我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法，如下：forEach (js v1.6)map (js v1.6)filter (js v1.6)some (js v1.6)every (js v1.6)indexOf (js v1.6)lastIndex
2016-05-28 19:13:55
229
转载 微信开发内置浏览器JS自动关闭当前页面回到微信对话窗口
微信的WeixinJSBridge还是没牛逼的，虽然官方文档只公布了3个功能，但是还内置的很多功能没公布，但是存在比如自动关闭当前浏览器内置函数：WeixinJSBridge.call('closeWindow');直接调用即可。
2016-05-24 18:55:21
1049
原创 css img标签高度等于宽度.
以下只是个人笔记,遇到的坑.使用JS计算的话页面加载的时候会重新渲染, 导致闪屏,用户体验非常差..所以只能用CSS解决, 具体代码如下;{CSDN:CODE:}父级容器css width: 60%;height: 0;padding-bottom: 60%;position: relative;子容器css width: 100%;height: 10
2016-04-29 12:24:32
3829
转载 修改输入框placeholder文字默认颜色-webkit-input-placeholder
html5为input添加了原生的占位符属性placeholder，高级浏览器都支持这个属性，例如：默认的placeholder字体颜色是呈浅灰色，如果想改变这个默认颜色，解决方案如下：:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f00; }::-moz-placeholder { /* Moz
2016-04-27 11:44:34
577
转载 JS 返回上一步（退回上一步上一个网页）
链接式：返回上一步">返回上一步按钮式： 直接跳转式：window.location.href=’http://www.ekesn.com‘;JS跳转页面参考代码第一种： window.location.href="login.jsp?backurl="+window.location.href; 第二种：
2016-04-22 19:25:38
689
转载 Uploadify自定义提示信息
转自：http://pengbotao.cn/uploadify-tips.html 特此感谢版本：Uploadify Version 3.2官网：http://www.uploadify.comUploadify是一款基于Jquery的上传插件，用起来很方便。但上传过程中的提示语言为英文，这里整理下如何修改英文为中文提示。方法1：直接修改uploadify.js中的提示信
2016-04-21 13:03:10
777
转载 了解HTML/HTML5中的download属性
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=5332一、download属性是个什么鬼？首先看下面这种截图：如果我们想实现点击上面的下载按钮下载一张图片，你会如何实现？我们可能会想到一个最简单的方法，就是直接按钮a标签链接一张图
2016-04-20 18:41:19
613
原创 input type date 解决移动端显示placeholder.
网上找的方法苹果可以了 安卓显示总有问题.cssinput[type="date"]:before{ color:#A9A9A9; content:attr(placeholder);}input[type="date"].full:before { color:black; content:""!important;}
2016-04-19 12:21:35
16737
4
转载 Sublime Text 3 快捷键总结（拿走）
以下是个人总结不完全的快捷键总汇，祝愿各位顺利解放自己的鼠标。选择类Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。
2016-04-15 10:59:43
290
转载 sublime 自动添加兼容前缀插件autoprefixer
安装插件autoprefixer步骤：1、确保Node.js已经安装，未安装请 点击 这里>>2、下载autoprefixer插件 https://github.com/sindresorhus/sublime-autoprefixer3、打开sublime ，选择菜单 Preferences > Browse Packages 将下载的压缩包解压到这4、设置快捷
2016-03-30 15:36:06
4193
转载 移动端屏幕禁止滑动
最近做移动端，弹出框加遮罩层后禁止滑动//实现滚动条无法滚动var mo=function(e){e.preventDefault();};/***禁止滑动***/function stop(){ document.body.style.overflow='hidden'; document.addEventListene
2016-03-17 19:48:43
6450
转载 前端开发规范文档v3.0.0
一、工作流程1.1 参与设计在项目的初始阶段，前端工程师需要与设计师一同进行设计，对设计师的设计稿进行可行性验证，补充完善设计。避免有疑问或考虑不周全的设计进入开发阶段。1.2 规划施工方案设计稿完成之后，前端工程师需要就设计稿进行规划：提取其中的可重用组件拆分模块确定实现设计稿所需要的框架和库规划路由及命名规划文件目录及命名制定、分配任务1.3 接
2016-03-08 12:24:17
896
转载 微信开发调试攻略
概述由于微信为了节省用户流量，提升访问速度，会将用户所访问过的站点的各项资源进行缓存，并且这个缓存不能通过清空缓存来清除，必须删除所有微信的数据，才能清除所有的缓存。这样以来极大提升了用户访问速度（弥补了微信反映慢的坑爹之处），节省了用户的流量消耗。然而带给开发者的则是无尽的痛苦。加之微信的浏览器并非标准webkit，也非所号称的QQx5浏览器。其并不完全支持html5标准（并加入
2016-03-08 12:16:18
373
转载 [Sublime]Emmet 插件使用教程
1）使用 Emmet 生成 HTML 的语法详解生成 HTML 文档初始结构HTML 文档的初始结构，就是包括 doctype、html、head、body 以及 meta 等内容。你只需要输入一个 “!” 就可以生成一个 HTML5 的标准文档初始结构，你没有看错，输入一个感叹号（当然是英文符号），然后摁下 TAB 键，就会发现生成了下面的结构： Docum
2016-02-24 11:30:40
493
转载 巧用margin/padding的百分比值实现高度自适应（多用于占位，避免闪烁）
一个基础却又容易混淆的css知识点本文依赖于一个基础却又容易混淆的css知识点：当margin/padding取形式为百分比的值时，无论是left/right，还是top/bottom，都是以父元素的width为参照物的！也许你会说，left/right以父元素的width为参照物好理解，但是top/bottom为什么也是以父元素的width为参照物的呢？网上众说纷纭，关键还是看W3C
2016-02-16 14:37:12
3158
转载 css3 media媒体查询器用法总结
随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。准备工作1：设置Meta标签首先我
2016-01-14 19:24:05
276
转载 JS判断移动设备最佳方法 并实现跳转至手机版网页
我在开发的Magento或Wordpress主题时，通过都会制作手机版本，为了实现某个片段在手机端和桌面端不同功能，又或者如果是手机设备，就跳转到指定的网页上，那么这里就需要用到JS来做判断了，下面有一个简单的检测方法，经试验是可行的。 方法一：纯JS判断 使用这方法既简单，又实用，不需要引入jQuery库，把以下代码加入到里即可。
2016-01-06 00:09:43
454
转载 子DIV块中设置margin-top时影响父DIV块位置的解决办法
子DIV块中设置margin-top时影响父DIV块位置的解决办法在文章《实现文本滚动》中子DIV块#main中设置margin-top时，若父DIV块#box中没有“overflow:hidden;”,则子DIV块中margin-top会影响父DIV块的位置解决办法1:若子DIV块中使用margin-top,则在父DIV块中添加：overflow:hidden;解决办法2:
2016-01-05 23:34:28
337
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人