04 2017 档案

touch.js——手机端的操作手势
摘要：TOUCH.JS手势操作，例如一指拖动、两指旋 基本事件： touchstart //手指刚接触屏幕时触发 touchmove //手指在屏幕上移动时触发 touchend //手指从屏幕上移开时触发 touchcancel //触摸过程被系统取消时触发（少用） 一、事件绑定（常用，重要） touc 阅读全文
posted @ 2017-04-20 14:50 jimmy.wang123 阅读(3948) 评论(0) 推荐(0)
js实现touch移动触屏滑动事件
摘要：在开始描述touch事件之前，需要先描述一下多触式系统中特有的touch对象（android和iOS乃至nokia最新的meego系统都模拟了类 似的对象）。这个对象封装一次屏幕触摸，一般来自于手指。它在touch事件触发的时候产生，可以 通过touch event handler的event对象取 阅读全文
posted @ 2017-04-20 14:44 jimmy.wang123 阅读(327) 评论(0) 推荐(0)
Javascript闭包（Closure）
摘要：闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 下面就是我的学习笔记，对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变 阅读全文
posted @ 2017-04-18 16:32 jimmy.wang123 阅读(84) 评论(0) 推荐(0)
javascript的垃圾回收机制与内存管理
摘要：一、垃圾回收机制—GC Javascript具有自动垃圾回收机制(GC:Garbage Collecation)，也就是说，执行环境会负责管理代码执行过程中使用的内存。 原理：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。 JavaScript垃圾回收的机制很简单：找出不再使 阅读全文
posted @ 2017-04-18 16:30 jimmy.wang123 阅读(120) 评论(0) 推荐(0)
浏览器渲染页面
摘要：当了解web访问原理后，与前端工程师或页面重构师工作更为关系密切的应该是浏览器，WEB 页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验， 特别是浏览器渲染页面的原理，页面渲染就是浏览器将 HTML 代码根据 CSS 定义的规则显示在浏览器窗口中的这个过程，理解了原理就更 阅读全文
posted @ 2017-04-18 16:00 jimmy.wang123 阅读(180) 评论(0) 推荐(0)
Web前端面试题目汇总
摘要：以下是收集一些面试中经常会遇到的经典面试题以及自己面试过程中有一些未解决的问题，通过对知识的整理以及经验的总结，重新巩固自身的前端基础知识，如有错误或更好的答案，欢迎指正，水平有限，望各位不吝指教。:） HTML/CSS部分 1、什么是盒子模型？ 在网页中，一个元素占有空间的大小由几个部分构成，其中 阅读全文
posted @ 2017-04-18 15:48 jimmy.wang123 阅读(212) 评论(0) 推荐(0)
gulp VS grunt
摘要：前公司代码一直用grunt部署， 偶然了解gulp后；学习gulp并用gulp和grunt在一小项目中实践，对两者之间的用法及区别有所了解后总结这一篇小博文；本文根据实战的项目配置文件，简单讲解实现相同功能时gulp与grunt的用法比较； 前公司代码一直用grunt部署， 偶然了解gulp后；学习 阅读全文
posted @ 2017-04-17 10:40 jimmy.wang123 阅读(311) 评论(0) 推荐(0)
css盒模型和块级、行内元素深入理解
摘要：盒模型是CSS的核心知识点之一，它指定元素如何显示以及如何相互交互。页面上的每个元素都被看成一个矩形框，这个框由元素的内容、内边距、边框和外边距组成,需要了解的朋友可以深入参考下 盒模型是CSS的核心知识点之一，它指定元素如何显示以及如何相互交互。页面上的每个元素都被看成一个矩形框，这个框由元素的内 阅读全文
posted @ 2017-04-17 10:30 jimmy.wang123 阅读(253) 评论(0) 推荐(0)
拜拜了,浮动布局-基于display:inline-block的列表布局
摘要：这篇文章发布于 by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1194 本文其实真实题目应该是“CSS float浮动的深入研究、详解及拓展(三)”，但是为了更显著的体现 阅读全文
posted @ 2017-04-17 10:25 jimmy.wang123 阅读(216) 评论(0) 推荐(0)
左右高度自适应
摘要：1.先用一个大盒子A包裹 盒子 L（盒子左），R（盒子右）；2.A盒子display: inline-block;border-left: (盒子L的宽度) solid （盒子L 的背景颜色）；3， L（盒子左），R（盒子右）全部有浮动；4， L（盒子左）margin-left：-（L盒子左的宽度） 阅读全文
posted @ 2017-04-14 10:26 jimmy.wang123 阅读(181) 评论(0) 推荐(0)
如何将Js代码封装成Jquery插件
摘要：很多相同的Jquery代码会在很多页面使用，每次都复制粘贴太麻烦了，不如封装成一个Jquery插件就方便了，至于影响网页的速度不，我就没有测试了哈。 代码如下 这是一个自定闪烁打印文字的Jquery特效 HTML代码如下： <div id="code"> <p>/**</p> <p>*2014-2- 阅读全文
posted @ 2017-04-13 14:42 jimmy.wang123 阅读(333) 评论(0) 推荐(0)
解读浮动闭合最佳方案：clearfix
摘要：2011-05-16 分类：HTML/CSS 阅读(120629) 评论(43) 骨灰级解决办法： 上诉办法是在需要清除浮动的地方加个div.clear或者br.clear，我们知道这样能解决基本清浮动问题。 但是这种方法的最大缺陷就是改变了html结构，虽然只是加个div。 最优浮动闭合方案（这是 阅读全文
posted @ 2017-04-01 15:42 jimmy.wang123 阅读(142) 评论(0) 推荐(0)
$.ajax()方法详解
摘要：1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。 3.timeout: 要求为Number类型的 阅读全文
posted @ 2017-04-01 14:03 jimmy.wang123 阅读(162) 评论(0) 推荐(0)
使用jsonp完美解决跨域问题
摘要：在项目中遇到错误提示“No 'Access-Control-Allow-Origin' header is present on the requested resource.”查了下度娘， 这个问题和安全机制有关，默认不允许跨域调用， 这里记录一下解决方案，防止以后再犯相同的错误。 在项目中遇到错 阅读全文
posted @ 2017-04-01 11:24 jimmy.wang123 阅读(183) 评论(0) 推荐(0)