- 博客(34)
- 收藏
- 关注
RSS订阅转载 web前端，浏览器兼容
1. HTML对象获取问题FireFox：document.getElementById("idName");ie:document.idname或者document.getElementById("idName").解决办法：统一使用document.getElementById("idName");2. const问题说明:Firefox下,可以使用const关键字或var
2016-12-31 15:52:00
460
3
转载 正则表达式：注册和登录使用
手机号码: /^0{0,1}(13[0-9]|15[7-9]|153|156|18[7-9])[0-9]{8}$/区号+座机号码+分机号码：regexp="^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$"手机(中国移动手机号码)：regexp="^((\d3)|(\d{3}\-))?13[456789]\d{8}|15[89]
2016-12-27 11:59:07
924
原创 动态加载页面-使用jquery ajax
后台代码：header("Content-type: text/json; charset=utf-8");$json['name'] ='功夫熊猫';$json['content'] ='这是一个好故事';$json['imageUrl'] = "https://ss2.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/super/whfpf%3
2016-12-27 11:56:47
2792
转载 jQuery Ajax 实例 全解析
jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到).1. load( url, [data], [ca
2016-12-27 11:53:59
340
转载 js ==与===区别（两个等号与三个等号）
1、对于string,number等基础类型，==和===是有区别的1）不同类型间比较，==之比较“转化成同一类型后的值”看“值”是否相等，===如果类型不同，其结果就是不等2）同类型比较，直接进行“值”比较，两者结果一样2、对于Array,Object等高级类型，==和===是没有区别的进行“指针地址”比较3、基础类型与高级类型，==和===是有区别的1）
2016-12-22 16:08:04
323
转载 对json按某个键的值进行排序
对json按某个键的值进行排序下面是js代码：（请将其保存为sortJson.js）/** * Created with PyCharm. * User: jennyzhang * Date: 16-12-7 * Time: 下午3:33 * To change this template use File | Settings | File Template
2016-12-22 13:42:32
2080
转载 Sublime3 快捷键
转自：http://blog.sina.com.cn/s/blog_73c5cfbe0101ldj8.htmlSublime Text 3非常实用，但是想要用好，一些快捷键不可或缺，所以转了这个快捷键汇总。用惯了vim，有些快捷键也懒得用了，尤其是在win下面，还有图形界面，所以个人觉得最有用的还是搜索类，对于阅读和修改代码来说，非常实用。选择类
2016-12-09 13:40:02
176
转载 Windows下DOS命令大全(经典收藏)
http://www.cnblogs.com/top5/archive/2010/04/05/1704861.html
2016-12-09 11:59:16
238
原创 瀑布流封装
window.onload = function () {waterFull('main','box');// 模拟json数据var dataInt={"data":[{"src":'0.jpg'},{"src":'1.jpg'},{"src":'2.jpg'},{"src":'3.jpg'},{"src":'4.jpg'}]}window.onscroll = funct
2016-12-02 18:18:49
363
原创 cookie操作的封装
//设置cookiefunction setCookie (key, value, t) {var oDate = new Date();oDate.setDate(oDate.getDate() + t);document.cookie = key + '=' + value + '; expires=' + oDate.toGMTString()};//获取co
2016-12-01 16:43:40
1421
转载 JavaScript 经典实例收集整理
跨浏览器事件跨浏览器添加事件//跨浏览器添加事件 function addEvent(obj,type,fn){ if(obj.addEventListener){ obj.addEventListener(type,fn,false); }else if(obj.attachEvent){//IE
2016-11-28 12:08:48
421
原创 JS实现图片轮播原理
一个简单的图片轮播案例图片轮播.box1 {width: 100px;height: 100px;background: red;position: absolute;top: 100px;left: 200px;}.box2 {width: 100px;height: 100px;background: green;
2016-11-27 23:13:12
1575
转载 JS中style、currentStyle、getComputedStyle的区别
在说到它们之间的区别时，我们首先说说层叠样式表的是三种形式：1，内联样式：在HTML标签用style属性设置 例如：内联样式2.嵌入样式 ：通过标签内通过标签设置p {color:#456}3. 外部样式：通过标签设置p{{color:#456};区别：使用style只能获取元素的内联样式，内部样
2016-11-27 22:16:55
516
转载 AJAX初窥门径教程
1.AJAX起源AJAX是“Asynchronous JavaScript and XML”的缩写，意即“异步的Javascript与XML”。根据考证，AJAX技术最早由由杰西·詹姆士·贾瑞特所提出。目的是为了减少表单提交过程中过多请求相同页面导致的带宽浪费问题，同时可以减少表单填写错误而必须重新填写整套表单而带来的用户体验下滑。2.AJAX的过程描述2.1 基础的铺垫
2016-11-17 10:55:52
381
转载 人人都能看懂的JS学习笔记——JS面向对象程序设计（二）
本篇接着JS面向对象程序设计（一）的后续（二）文章一如既往的希望把JS的编程知识讲得通俗易懂，适合初学者学习（虽然本人也是个编程小菜鸟）为了阅读文章，你需要懂得基本的Javascript语法以及一些函数知识，另外你可能还需要先把（一）看了。【写在阅读之前】最近在看ECMAScript 6，发现原来ES6已经实现了Class类的定义，也就是说JavaScript的面向对象编程与其他O
2016-11-17 10:53:51
473
2
转载 人人都能看懂的JS学习笔记——JS面向对象程序设计（一）
【理解面向对象编程】首先，当你学习过面向对象编程时，别人一定会告诉你：“一切皆对象”。“一切皆对象到底是什么意思？”野生编程君的理解：对象的意思是具体的每个人，程序中一些的代码片段可以变成一个具体的人。这就是我对一切皆对象的解释。那么，怎么样编写才能让一段代码创造出一个具体的人呢？这个过程就是面向对象程序设计的思路。【大家总说：封装、继承、多态】学习的时候，大家总说，面向对
2016-11-17 10:49:00
3618
转载 WEB前端面试重点
1.HTML5与CSS3新特性(H5有哪些新标签，CSS3有哪些新属性)；对H5和CSS3有哪些应用；2.浏览器兼容(兼容到IE几，IE有哪些BUG)；3.正则表达式；4.call和apply函数的区别；5.JS数组的方法；数组的遍历；6.JS数据类型；7.媒体查询，如何判断设备类型(判断PC与移动端)；8.如何判断IE版本(如何判断浏览器是
2016-11-15 23:11:42
283
转载 web前端开发工程师“想都不用想”的几个知识点
1、DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。document.documentElement 返回文档的根节点 document.body document.activeElement 返回当前文档中被击活的标签节点(ie) event.fromElement 返回鼠标移出的源节点(ie) event.toEleme
2016-11-15 23:09:57
183
转载 比较最全的web面试题目整理
1、常用那几种浏览器测试？有哪些内核(Layout Engine)?(Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。(Q2) 内核：Trident，Gecko，Presto，Webkit。2、 说下行内元素和块级元素的区别？行内块元素的兼容性使用？（IE8 以下）(Q1) 行内元素：会在
2016-11-15 22:57:57
332
转载 前端面试基础题目
HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和html有什么区别
2016-11-15 22:55:31
388
转载 Web前端面试题目汇总
阅读目录HTML/CSS部分JavaScript部分HTTP算法相关Web安全前端性能前端架构正则表达式相关职业规划回到顶部HTML/CSS部分1、什么是盒子模型？在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间
2016-11-15 22:45:31
306
转载 CSS hack 技术
原文链接：http://blog.csdn.NET/freshlover/article/details/12132801做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好
2016-11-15 15:24:47
229
原创 CSS Sprite
原理CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字能精确的定位出背景图片的位置。优缺点折叠优点利用CSS Sprites能很好地减
2016-11-15 15:14:30
207
转载 JSON资料整理 (很好的介绍了JSON)
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成。
2016-11-14 10:27:42
682
转载 Javascript的8张思维导图
JavaScript变量:javascript运算符号：javascript数组：javascript流程语句：javascript字符串函数javascript函数基础javascript基础DOM操作javascript正则表达式
2016-11-14 10:22:33
416
原创 slice,substr和substring的区别
首先，他们都接收两个参数，slice和substring接收的是起始位置和结束位置(不包括结束位置)，而substr接收的则是起始位置和所要返回的字符串长度。直接看下面例子：1 var test = 'hello world';2 3 alert(test.slice(4,7)); //o w4 alert(test.substring(4,
2016-11-09 14:45:19
334
转载 Javascript 高质量编写
一：团队合作避免JS冲突脚本中的变量随时存在冲突的风险，1. 解决办法---用匿名函数将脚本包起来，让变量的作用域控制在匿名函数之内如：[javascript] view plain copy print?"text/javascript"> (function(){ var a=12
2016-11-08 16:35:09
248
转载 AJAX异步传输
什么是AJAXAJAX— 异步JavaScript和XML(Asynchronous JavaScript And XML)，是一种创建交互式网页应用的网页开发技术。AJAX的作用AJAX浏览器与服务器异步传输数据，通过异步请求大大减少数据信息访问量，通俗：AJAX对局部刷新而不是对整个页面刷新，AJAX使得程序更快，更友好。AJAX执行原理AJAX处理过程
2016-11-07 14:24:04
201
原创 HTML5 Web存储(Web Storage)技术及用法
Web存储(Web Storage)基本要领存储的数据可以是任何类JSON的结构化数据。存储的数据不会随着用户浏览时会话过期而过期，但会应用户的请求而删除。浏览器也因为存储空间的限制或安全原因删除它们。存储的信息在整个域名下都可以使用。Web存储(Web Storage)里的方法setItem(key,value): 往sessionStorage对象里增加一个key/valu
2016-11-07 14:19:31
349
转载 jQuery：$post、$get、$ajax与php，实现异步加载
jQuery：$post、$get、$ajax与php，实现异步加载什么是异步加载？整个最通俗的说法就是将另外一个页面上的数据通过append() 或者 html()等函数插入到本页上。纯js写法responseXML 或 responseText插入到页面中。另外一个页可以是静态页面的可以是动态页面的，更可以是json、xml数据。原理基本都差不多，页面方便很多只要得到我们想
2016-11-07 14:17:49
1753
转载 jquery Ajax 全局调用封装
有一种情况：全站都要用异步方式来调用 数据，提交数据，那么你每次操作 都会要$.ajax({.....})写重复的方法 和代码，冗余太大， 也浪费时间，虽说你有代码自动提示补全，但真的不优雅，身为前端极客，是不能允许的！【嘿嘿！虽说我现在基本不用jquery了 ，不过异步概念 是永远要用的，就帮助下新人】jQuery Ajax通用js封装第一步：
2016-11-05 14:08:36
384
转载 浅析 JavaScript 中的闭包(Closures)
一、前言对于 JavaScript 来说,闭包是一个非常强大的特征。但对于刚开始接触的初学者来说它又似乎是特别高深的。今天我们一起来揭开闭包的神秘面纱。闭包这一块也有很多的文章介绍过了，今天我就浅谈一下自己对闭包的的一些理解，希望能提供一点鄙陋的见解帮助到正在学习的朋友。该文章中能使用口语化的我将尽量使用口语化的叙述方式，希望能让读者更好理解，毕竟文章写出来宗旨就是要让人读懂。文章难免有不
2016-11-05 14:04:56
133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人