mattsi的精彩笔记
  • [置]史上最全的手机移动端web知识整理

    meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>忽略将页面中的数字识别为电话号码<metaname="format-detection"content="teleph
  • JS事件冒泡

    什么是JS事件冒泡?:在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的
  • 原创之原生态ajax写法

    整理一个纯种的ajax写法,如果有兴趣的朋友可以收藏,有利于对ajax的理解,当然jquery也挺好用的。functionzyajax(){} zyajax.version="1.1"; zyajax.async=true; zyajax.httpMethod="POST"; zyajax.responseType="xml"; zyajax.url=""; zyajax.debug=false; zyajax.getXml
  • 前端开发面试笔试题汇总

    1. 请用div+css写出文字水平垂直居中,图片水平垂直居中的样式及布局。2. 请用div+css写出左侧固定(width:200px),右侧自适应的页面布局。3. 请写出至少五种css浏览器兼容性的写法。4. jquery的绑定事件有几种方式 ,请举例说明其优缺点。5. 请写出至少三种js浏览器兼容性的写法。6. 请写出js内存泄漏的
  • div垂直居中终极解决方案

    固定高宽的div在网页中垂直居中很简单,相信大家也很容易的写出来,但是不是固定高宽的div如何垂直居中呢?我们在网页布局,特别是手机等web端网页经常是不固定高宽的div,那么这些div如何垂直居中呢?这篇文章,我总结一下。固定高宽div垂直居中enter image description here如上,固定高宽的很简单,写法如下:position:
  • 移动端html5触屏事件(touch事件)

    touchstart:触摸开始的时候触发touchmove:手指在屏幕上滑动的时候触发touchend:触摸结束的时候触发而每个触摸事件都包括了三个触摸列表,每个列表里包含了对应的一系列触摸点(用来实现多点触控):touches:当前位于屏幕上的所有手指的列表。targetTouches:位于当前DOM元素上手指的列表。changedTouches:涉及当前事件
  • 几个经典的正则表达式

    直接上代码varreg=/^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/; varr=fieldValue.match(reg); if(r==null)alert('Dateformaterror!');1、校验密码强度密码的强度必须包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$2、校验中文字符串只能
  • 开源软件产品正确抉择方法

    一个阿里出来的朋友发表的一篇怎么选择开源软件的文章【概述】当下国内几乎所有企业和政府机构都遍布开源软件产品的身影,尤其是基础软件产品涉及到开源操作系统、开源数据库、开源WEB服务器、开源中间件等。这一过程也踩踏过无数的相似坑。笔者也一样经历这样的过程,结合自身经验和技术圈朋友们的经历为大家指明如何正确
  • HTML5之FileReader接口读取文件

    HTML5之FileReader读取文件 用来把文件读入内存,并且读取文件中的数据。FileReader接口提供了一个异步API,使用该API可以在浏览器主线程中异步访问文件系统,读取文件中的数据。到目前为止,只有FF3.6+和Chrome6.0+实现了FileReader接口。1.FileReader接口的方法FileReader接口有4个方法,其中3个用来读取文件,另一个用来
  • Web开发者不容错过的10个HTML5工具

    HTML5 已经成为当今世界的一个必然组成部分。由于 World Wide Web 万维网是使用超文本标记语言来架构和呈现的,于是 HTML5 成为了最流行的编程语言之一。随着网络的不断扩张,Web 开发人员非常有必要拥有最新的 HTML5 工具,用于创建动态和交互式的 Web 应用程序和网页。下面这些就是你不应该错过的新的 HTML5 工具。1. Ti