11 2016 档案
摘要：DOM（文档对象模型）是针对 HTML 和 XML 文档的一个 API。DOM 描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。 节点层次 DOM 可以将任何 HTML 或 XML 文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型，每种类型分别表示文档中不同的信息及（
阅读全文
摘要：手机上看比较虚 关于requestAnimationFrame requestAnimationFrame不需要使用者指定循环间隔时间，浏览器会基于当前页面是否可见、CPU的负荷情况等来自行决定最佳的帧速率，从而更合理地使用CPU。 点击开始，此时控制台一直计数下去，点击暂停，计数器暂停，再次点击开
阅读全文
摘要：tip 在 js 中，this 这个上下文总是变化莫测，很多时候出现 bug 总是一头雾水，其实，只要分清楚不同的情况下如何执行就 ok 了。 全局执行 首先，我们在全局环境中看看它的 this 是什么： first. 浏览器： 可以看到打印出了 window 对象； second. node： 可
阅读全文
摘要：HTML5现在本领太大了，PC端已经无法满足它的胃口了，它将强势攻入移动端，所以移动端中各种特效也得基于HTML5实现，看看我们将要介绍的slideout.js，能帮我们实现怎么样的侧边栏滑动特效呢~~ 先看下运行效果： 一、准备资料 只需要准备slideout.js库即可： https://git
阅读全文
摘要：本来想专门学习一个Fetch API的相关知识，然后从XMLHttpRequest对象开始看起，看着看着，突然发现自己每天都在使用的ajax竟然还有好多知识点都不熟悉，细思极恐，于是乎从MDN到W3C文档，各种百度之后，终于简单整理了一份有关于ajax的学习笔记，一方面加深印象，另一方面便于查阅，如
阅读全文
摘要：写在前面 记得以前facebook做过一款HTML5游戏。开场动画是一块软体类似豆腐的东西一起摇摆。类似的效果如下面的gif所示： facebook当时使用的是createjs下的子项目easeljs和tweenjs去制作，基于Canvas的动画。基本的原理主要是：循环运动Canvas抽象的Disp
阅读全文
摘要：看到有些网站logo鼠标悬浮上面的时候，会出现一道光，一闪而过，刚开始以为是gif图，已审查， 居然不是；现在就实现在这种效果： 先看看CSS实现的效果图： 看到没，就是这道刺眼的白光。。。。 啊啊。。我的眼睛。。。。 代码： 不知各位看官看出里面的问题没，就是鼠标离开的时候，一道光回回退回去，就是
阅读全文
摘要：前言 上周5在公司作了关于JS异步编程模型的技术分享，可能是内容太干的缘故吧，最后从大家的表情看出“这条粉肠到底在说啥？”的结果:(下面是PPT的讲义，具体的PPT和示例代码在https://github.com/fsjohnhuang/ppt/tree/master/apm_of_js上，有兴趣就
阅读全文
摘要：现在前端大谈组件化、模块化、工程化。今天就讲讲vue组件的认识与开发。组件化也是vue最强大的功能之一。 一、组件开发语法： 1、创建组件构造器 2、全局注册组件 3、组件注册语法糖 4、全局注册和局部注册 Vue.component是全局注册。在任何vue实例下都能使用。要想实现局部注册。利用co
阅读全文
摘要：代码调试平台是Web开发者进行开发、测试、分享、协作和交流的网络应用，它们支持实时的编辑、预览HTML、CSS和JavaScript的客户端代码。这些代码调试平台最值得称道的地方在于，它们中的大多数都是免费的，你可以很容易的以学习或者调试程序为目的与他人分享你的工作。 就个人而言，这些web应用程序
阅读全文
摘要：Material UI 是一款功能非常强大，界面却十分清新简洁的CSS框架，Material UI利用了Google的Material Design 全新设计语言，并且让每一个UI组件都变得非常独立，因此开发者使用Material UI也会比较简单。和Bootstrap类似，Material UI提
阅读全文
摘要：前言 这一篇与上一篇 JS几种变量交换方式以及性能分析对比 属于同一个系列，本文继续分析JS中几种常用的数组遍历方式以及各自的性能对比 起由 在上一次分析了JS几种常用变量交换方式以及各自性能后，觉得这种方式挺好的，于是抽取了核心逻辑，封装成了模板，打算拓展成一个系列，本文则是系列中的第二篇，JS数
阅读全文
摘要：总结： 函数提升比变量提升优先级高！ 词法分析 词法分析方法： js运行前有一个类似编译的过程即词法分析，词法分析主要有三个步骤： 分析参数 再分析变量的声明 分析函数说明 具体步骤如下： 函数在运行的瞬间，生成一个活动对象（Active Object），简称AO 分析参数 函数接收形式参数，添加到
阅读全文
摘要：说起js里面比较头疼的知识点,this的指向,call与apply的理解这三者肯定算的上前几,好的js开发者这是必须迈过的槛.今天就总结下这三者紧密相连的关系. 首先推荐理解call的用法 Function.prototype.call 格式:fx.call( thisArg [，arg1，arg2
阅读全文
摘要：前言 本文主要参考w3c资料，从底层实现原理的角度介绍了requestAnimationFrame、cancelAnimationFrame，给出了相关的示例代码以及我对实现原理的理解和讨论。 先来看看一个最简单的例子： 点击开始，此时控制台一直计数下去，点击暂停，计数器暂停，再次点击开始会从原来的
阅读全文
摘要：现在已经不是纯Android独霸天下的时代了，H5嵌入Android的Hybrid混合开发是大势所趋。今天给大家带来的就是移动端中常见的“上拉刷新，下拉加载”特效，这个特效将会基于H5来实现。 先看下运行效果： 是不是有点小小的‘鸡冻’ ，它就是由我们今天要介绍的主人公‘iscroll.js’实现的
阅读全文
摘要：很常用的一款特效纯CSS完成tab实现5种不同切换对应内容效果 实例预览 下载地址 实例代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <div class="main"> <ul class
阅读全文
摘要：requestAnimationFrame优于setTimeout/setInterval的地方在于它是由浏览器专门为动画提供的API，在运行时浏览器会自动优化方法的调用，并且如果页面不是激活状态下的话，动画会自动暂停，有效节省了CPU开销，这篇文章给大家详细介绍使用requestAnimation
阅读全文
摘要：日期格式处理在前端的日常任务中非常常见，但是为此引入monent.js这样的类库又会显得有点臃肿，毕竟我们一个特定的项目中，并不需要monent.js那么全的涵盖范围。另外，如果现在公司让你自己手写一个日历组件（月历、周历），日历组件中需要耦合我们的其他业务需求，如果有一个任务列表，当11月22号的
阅读全文
摘要：zepto的event 可以结合上一篇JavaScript事件详解-原生事件基础（一）综合考虑源码暂且不表，github里还有中文网站都能下到最新版的zepto。整个event模块不长，274行，我们可以看到，整个event模块，事件绑定核心就是on和off，还有一个trigger用来触发，类观察者
阅读全文
摘要：最近面试的时候被这个问题给卡了，所以抽时间好好复习一下。 原文：http://www.cnblogs.com/liuxianan/p/javascript-dom-api.html 几种对象 Node Node是一个接口，中文叫节点，很多类型的DOM元素都是继承于它，都共享着相同的基本属性和方法。常
阅读全文
摘要：一、左右栏宽度固定，中间栏宽度自适应 缩小窗口的效果： 二、除去列表右边框 效果： 三、除去列表最后一个li的底边框（border-bottom） 容器有边框，容器中的列表也有底边框（border-bottom），导致最后一个li的border-bottom与容器的外边框重叠，分类列表中通常会遇到这
阅读全文
摘要：目录 一、HTML4客户端存储 1.1、提交表单发送到服务器的信息 1.2、客户端本地存储概要 二、localStorage 2.1、添加 2.2、取值 2.3、修改 2.4、删除 2.5、跨页面与跨域 2.6、存储位置与SQLite 2.7、用途、练习与兼容性 三、sessionStorage 3
阅读全文
摘要：曾经有一段时期，因为开发人员对JavaScript的滥用导致其遭受了一段时间的冷门时期，不被大家看好，后来，到了2005年，Google公司的很多技术都是用了ajax之后，JavaScript才又火热了起来，可以说，是Ajax拯救了JavaScript，就目前来说，熟练使用Ajax已经成为了所有we
阅读全文
摘要：最近在研读一本巨著《JavaScript忍者秘籍》，里面有一篇涉及到了正则表达式。 我在以前也曾经写过一篇正则表达式相关的文章《JavaScript与PHP中正则》，这次再做些补充。 书中的源码可以在此下载。我将源码放到了线上，如果不想下载，可以直接访问在线网址，修改页面名就能访问到相应示例代码。
阅读全文
摘要：CSS的简单在于它易学，CSS的困难在于寻找更好的解决方案。在CSS的世界里，似乎没有完美这种说法。所以，现在介绍的CSS绝对底部，只是目前个人见过的方案中比较完美的吧。 先说我们为什么会使用到这个CSS底部布局解决方案: 当做一个页面时，如果页面内容很少，不足于填充一屏的窗口区域，按普通的布局，就
阅读全文
摘要：Vue.js双向绑定的实现原理 Object.keys(obj)返回参数obj可被枚举的属性: Vue.js最核心的功能有两个，一是响应式的数据绑定系统，二是组件系统。本文仅探究几乎所有Vue的开篇介绍都会提到的hello world双向绑定是怎样实现的。先讲涉及的知识点，再参考源码，用尽可能少的代
阅读全文
摘要：一、世无英雄，遂使竖子成名 1 Web客户端编程语言事实上的王者 （1）JavaScript为何成功？ 几乎所有的JavaScript书都会先介绍一番JavaScript的历史，比较有趣的是我在资料中看到这样一句话： JavaScript的设计者Brendan Eich曾在一次采访中说，JavaSc
阅读全文
摘要：知识点预备： 【1】CSS3中特别重要的transform中的rotate()，现在transform可以将元素进行2D和3D变形。 2D transform常用的transform-function的功能: translate()：用来移动元素，可以根据X轴和Ｙ轴坐标重新定位元素位置。在此基础上有
阅读全文
摘要：传送门 Github地址：https://github.com/AlloyTeam/AlloyFinger/tree/master/alloy_crop 在线Demo演示: 简介 裁剪图片的应用场景有头像编辑、图像编辑，在移动端要配合手势以及进行触摸反馈来进行变形以确认用户的选区进行裁剪。Alloy
阅读全文
摘要：玩游戏的人 很多时候都会遇到翻牌子 开宝箱。 总有人傻傻的在哪里还纠结很久到底点哪一个！ 纠结 指不定翻哪一个会多一点，你明明看到那个卡片的奖项多 。 那我就告诉你好了 其实很多时候在你点开那个页面的时候你的翻牌结果已经随着你点开而请求到了。 接下来 就是一些动画效果 然后告诉你的中奖结果是什么。
阅读全文
摘要：据我对cookie诞生背景的了解，cookie是由网景公司创建的，目的就是将用户的数据储存在客户端上。伴随的HTML5的出现，现在又有另外一个解决数据离线储存的方案，就是HTML5中的Web storage，其中两个重要对象sessionStorage和localStorage可以解决浏览器sess
阅读全文
摘要：下拉菜单 表格随机转换 咨询缓慢弹框 鼠标经过改变图片路径 树形菜单 隔5秒跳转页面 文字域输入字数控制 文字无缝滚动，鼠标放上去停止 对联广告 可回顶部， 点×进行关闭 漂浮广告 打字效果 倒计时 定时广告 进度条 图片轮播 假设页面上有有几个内容块： <div id="content1"> <h
阅读全文
摘要：在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。 call、apply、bind方法的共同点和区别：apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；apply 、 call
阅读全文
摘要：一直以来认为'em'是相对于父元素的字体大小. 直到今天学习移动WEB开发,重新复习css的尺寸大小时,惊奇发现:对em深深的误解了!!! 在CSS官网对em的解释实例是: a. h1{line-height:1.2em;} →使用的行高为h1自身的font-size*1.2; b.h1{font-
阅读全文
摘要：这是一个仿支付宝芝麻信用分的一个canvas，其实就是一个动画仪表盘。 首先， 上原图： 这个是在下支付宝上的截图，分低各位见笑了。然后看下我用canvas实现的效果图： 唉，总感觉不像。这个是GIF图，可能在网页上打开的效果会好一点(当然可能就是这样)。大家可以点击底部预览codepen上的演示。
阅读全文
摘要：气泡框（或者提示框）是网页中一种很常见的元素，大多用来展示提示信息，如下图所示： 拆分来看，形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头，要制作出这样的气泡框，如果解决了三角形小箭头就容易了。一种方法就是制作这样一个三角形箭头的图片，然后定位在矩形框上。但这种解决办法在后期更改气泡
阅读全文
摘要：jQuery Ajax总结 jQuery对Ajax的操作进行了封装。jQuery中$.ajax()属于最底层的方法，这个放在后面说，首先看看封装了$.ajax()的方法。 load()方法 load()可以远程载入HTML并插入到DOM中。结构为： load(url [,data] [,callba
阅读全文
摘要：由于JavaScript是门松散类型语言，定义变量时没有类型标识信息，并且在运行期可以动态更改其类型，所以一个变量的类型在运行期是不可预测的，因此，数据类型检测在开发当中就成为一个必须要了解和掌握的知识点。 对于数据类型检测，实习新手会用typeof，老司机会用Object.prototype.to
阅读全文
摘要：基于面向对象的图片轮播（js原生代码） 无论你想走多远，你都需要不断地走下去。前端最精华的便是原生的js,这也是我们前端工程师的技术分层的重要指标，也提现这你的代码能力，开发的水平。废话不多说，进入今天的主要分享————基于面向对象思想的图片轮播。其效果如下所示： 正如图片所示这样我们要实现的效果，
阅读全文
摘要：用过 Promise，但是总是有点似懂非懂的感觉，也看过很多文章，还是搞不懂 Promise的 实现原理，后面自己边看文章，边调试代码，终于慢慢的有感觉了，下面就按自己的理解来实现一个 Promise。 已将每一步的代码都放在了 github 上，方便大家阅读。如果觉得好的话，欢迎star。 想要完
阅读全文
摘要：闭包算是前端面试的基础题,但我看了很多关于闭包的文章博客,但感觉很多对于闭包的理想还是有分歧的,现在网上对闭包的理解一般是两种: 我们先看看闭包的定义到底是什么,然后在来分析我在学习js的时候不同阶段对闭包的误解。在《javascript高级程序设计中》对闭包定义是这样的：“闭包是指有权限访问另一个
阅读全文
摘要：Xslider演示8种滚动效果包括： 一、左右切换：每次移动固定距离 二、左右切换：最后一个显示在最右侧 三、自动切换 四、循环切换 五、文本的上下滚动 六、上下切换 七、上下自动循环切换 在线预览 下载地址 在线实例 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 1
阅读全文
摘要：jquery美化选择器实例有：边框、下划线、 伸缩 、滑动、 覆盖、 旋转、 弹出层选择 、环形效果。 在线预览 实例代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 3
阅读全文
摘要：锤子科技官方首页的特效 前段时间同事给我说锤子科技的首页特效非常惊艳，让我看下，我一看果然炫酷http://www.smartisan.com. 在网上查了一下，有人说用的是这个插件https://github.com/ariona/hover3d，不过我这边GITHUB上不去无法验证。 还有查到是
阅读全文
摘要：在JavaScript当中，定义变量通过var操作符+变量名。但是不加 var 操作符，直接赋值也是可以的。例如 ： message = "hello JavaScript ! " 即定义了一个全局变量message,并赋值 “Hello JavaScript！”--《JavaScript高级程序第
阅读全文
摘要：最近在复习红宝书的对象一章，红宝书中一共提到了7种创建对象的方式（这里所说的对象更偏向于面向对象编程中的对象）。7种方式分别是： 工厂模式 构造函数模式 原型模式 构造函数和原型组合模式 动态原型模式 寄生构造模式 稳妥构造模式 首先解释几个概念： 工厂模式 1 2 3 4 5 6 7 8 9 10
阅读全文
摘要：数据类型 在 javascript 中数据类型可以分为两类： 基本类型值 primitive type，比如Undefined,Null,Boolean,Number,String。 引用类型值，也就是对象类型 Object type,比如Object,Array,Function,Date等。 变
阅读全文
摘要：阅读目录 一、Less介绍 1、官方介绍 2、自己理解 3、Less、Sass、Stylus 二、Less使用入门 1、开发模式下使用Less 2、运行模式下使用Less 三、常见用法示例 1、从第一个Less变量开始 2、变量计算 3、变量混合 4、嵌套规则 5、函数的使用 6、条件判断 7、变量
阅读全文
摘要：在js的世界里面，每一个小的特效都那么微不足道，却又那么的令人向往与好奇。前端工程师的任务特别高大上，因为他们的一个小小的设计就会激发别人的求知欲。比如说我，只是随机一瞟，便看到了这个tooltip的特效，就有一种想要征服它的愿望。 比如这个tooltip的效果展示： 这个便是tooltip提示框的
阅读全文
摘要：今天在公司做一个电子商务网站的注册会员时，要求用户在电子邮箱文本框中输入时，给与热点提示常用的电子邮箱，帮助用户选择，提高体验效果。下面是用Jquery+css实现的邮箱自动补全，供大家参考和学习。 HTML代码：emailAutoComple.html 1 2 3 4 5 6 7 8 9 10 1
阅读全文
摘要：看到有一篇写前端面试中常见的算法文章，里面的例子很简单，但也挺有趣。重要的是，其实每个问题，都不止一个解答，我们可以从各个方面细想一下，拓展一下思路。 原文：前端面试中的常见的算法问题 判断一个字符串是否回文 利用js数组实现 js的数组是一个很强大的数据结构，我们可以活用其已实现的原生方法做很多事
阅读全文
摘要：今天给大家说说BFC这个概念，在说概念前，先给大家看个例子： 首先，定义三个div块元素 效果： 我们发现，块级元素的排列顺序是从上往下，一块接着一块，在w3c中，是这样解释block-level box的： 在一个块级排版上下文中，盒子是从包含块顶部开始，垂直的一个接一个的排列的。 相邻两个盒子之
阅读全文
摘要：目前AlloyFinger作为腾讯手机QQ web手势解决方案，在各大项目中都发挥着作用。感兴趣的同学可以去Github看看： https://github.com/AlloyTeam/AlloyFinger 在腾讯，如：兴趣部落、QQ群、QQ动漫、腾讯学院、TEDxTencent、 AlloyTe
阅读全文
摘要：前言 新人使用gulp的一个记录。 首先对于第一个新事物，我会问gulp这是什么？ 答：gulp是一个自动化构建工具，它可以做一些自动化的任务，比如: 检查Javascript 编译Sass（或Less之类的）文件 合并Javascript 压缩并重命名合并后的Javascript 变更静态资源 给
阅读全文
摘要：前言 很久之前就想研究React Native了，但是一直没有落地的机会，我一直认为一个技术要有落地的场景才有研究的意义，刚好最近迎来了新的APP，在可控的范围内，我们可以在上面做任何想做的事情。 PS：任何新技术的尝鲜都一定要控制在自己能控制的范围内，失败了会有可替换方案，不要引起不可逆的问题，这
阅读全文
摘要：大杀器rem 我们可以知道，页面主体中规中矩，分为两部分：上半部分是介绍页面，下半部分是主体界面，有一个点击按钮来负责全部用户交互，为了适配iphone4到6plus以及众多安卓，我们对整个页面的架构可以有如下几种方案： 高度百分比 高度百分比方案——整个屏幕的主要高度高度都用百分比定位，比如介绍部
阅读全文
摘要：很早之前就听说过less了，但是一直拖着没去学习。最近抽空看了less，其实语法很简单，看一遍基本就知道怎么用了。平时自己写页面用less的话，感觉是方便了些，但是难道less的好处就只是这样？ 刚好最近也在学习bootstrap，发现其源文件就是用less写的，看了之后，我才深深体会的less的好
阅读全文
摘要：相信你已经知道了，Javascript函数也可以作为对象构造器。比如，为了模拟面向对象编程中的Class，可以用如下的代码 注意：我不使用分号因为我是个异教徒！ 不管怎么说，你现在有了一个function，你可以使用new操作符来创建一个Person 为了确认bob确实是一个Person，可以这么做
阅读全文
摘要：http://www.cnblogs.com/ccblogs/p/5260949.html 一. 效果图 二. 功能介绍 支持滚动和点击选择年月。（目前只支持设置年月的最大最小值，不支持整体的最大最小值） 三. 代码 1. 在你的html中添加如下代码： 直接加载<body>里面，这里是插件渲染ht
阅读全文
摘要：移动端日历选择控件（支持Zepto和JQuery） <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <meta name="viewport" content="width=device-width,ini
阅读全文
摘要：阅读目录 什么是闭包？ 闭包的特性 闭包的作用： 闭包的代码示例 注意事项 总结 阅读目录 什么是闭包？ 闭包的特性 闭包的作用： 闭包的代码示例 注意事项 总结 闭包在javascript来说是比较重要的概念，平时工作中也是用的比较多的一项技术。下来对其进行一个小小的总结 回到顶部 什么是闭包？
阅读全文
摘要：创建对象的模式多种多样，但是各种模式又有怎样的利弊呢？有没有一种最为完美的模式呢？下面我将就以下几个方面来分析创建对象的几种模式： Object构造函数和对象字面量方法 工厂模式 自定义构造函数模式 原型模式 组合使用自定义构造函数模式和原型模式 动态原型模式、寄生构造函数模式、稳妥构造函数模式 第
阅读全文
摘要：这是我在面试大公司时碰到的一个笔试题，当时自己云里雾里的胡写了一番，回头也曾思考过，最终没实现也就不了了之了。 昨天看到有网友说面试中也碰到过这个问题，我就重新思考了这个问题的实现方法。 对于想进大公司的童鞋，我想多说两句，基础知识真的很关键。平时在工作中也深刻体会到，没有扎实的基础知识，简单问题容
阅读全文
摘要：javascript 作用域 本文是作者的学习笔记、主要是给大家说说作用域在javascript中是怎么一回事、有不足之处在所难免欢迎大家指正。 函数作用域 JavaScript 不是块级作用域而是通过函数来管理作用域，在函数内部声明的变量只能在这个函数内部使用， 1.块级作用域测试 2.函数级作用
阅读全文
摘要：1. 在接触规范之前，我们用模块化来封装代码大多为如下： 分号是什么作用？ 为什么要将代码放入一个自执行函数中 为什么将依赖项作为参数传进来 2. 常见的 JavaScript 模块化规范 规范其实就是这些库在推广的过程中逐渐形成的一套规则。 所谓的规范也就是： Node 环境 浏览器环境 CMD、
阅读全文
摘要：这篇文章主要介绍了JavaScript中判断整字类型最简洁的实现方法,本文给出多个判断整数的方法,最后总结出一个最短、最简洁的实现方法,需要的朋友可以参考下 我们知道JavaScript提供了typeof运算符，因此最容易想到的是用typeof来判断是否是number类型。 复制代码代码如下: 1
阅读全文
摘要：多行自适应，多列自适应，间隔也能自适应，任意对齐 创建弹性容器 flex container display: block | inline | inline-block | none | flex 弹性元素 flex item 是不是flex container 弹性容器中所有的子元素都是 弹性元
阅读全文
摘要：这篇文章，我将就以下几个方面来认识JavaScript中的函数。 函数为什么是对象，如何定义函数？ 如何理解函数可以作为值被传递 函数的内部对象、方法以及属性 第一部分：函数为什么是对象，如何定义函数 JavaScript中最有意思的恐怕是函数了，因为和其他语言不同，在JavaScript中，每个函
阅读全文
摘要：说起面向对象，大部分程序员首先会想到 类 。通过类可以创建许多具有共同属性以及方法的实例或者说对象。但是JavaScript并没有类的概念，而且在JavaScript中几乎一切皆对象，问题来了，JavaScript中如何面向对象？ JavaScript中将对象定义为：一组无序的 键值对的集合，属性以
阅读全文
摘要：传统的网页布局基于盒装模型，使用display，position，float属性来达成各种布局。对于一些特殊的布局使用这些来实现不是很方便，比如垂直居中。Flex应运而生，它可以简便、完整、响应式地实现各种页面布局。Chrome 21，FF22，IE 10，Safari 6.1及以上的浏览器都支持F
阅读全文
摘要：D:\>_ 你好像很美味 一九九九年至今，本人写代码已经难以自拔。。。。。。 D:\>_ 你好像很美味 一九九九年至今，本人写代码已经难以自拔。。。。。。 jquery双向列表选择器DIV模拟版 前段时间项目需要用到双向列表选择，想直接用select，结果发现某些样式不支持，只好用div模拟了以下，
阅读全文
摘要：总结了一下关于使用onmouseover以及onmouseout会出现的bug 首先简单的布局： <div id="box"> <div>这是一个内容</div> </div> 简单写了一下样式，效果如下： js代码如下： var oBox = document.getElementById("bo
阅读全文
摘要：示例： BUG描述： 最近同事一项目中，产品提出在macbook air上，列表图片放大效果边缘出现抖动现象。在retina屏上没有此问题。 调试过程： 1、单独把结构分离。确定是否由其他元素引起。 2、逐步添加结构。看是否有父级结构引起。 调试结果： 1、单独分离，不出现问题。 2、添加结构的过程
阅读全文
摘要：示例： BUG描述： 最近同事一项目中，产品提出在macbook air上，列表图片放大效果边缘出现抖动现象。在retina屏上没有此问题。 调试过程： 1、单独把结构分离。确定是否由其他元素引起。 2、逐步添加结构。看是否有父级结构引起。 调试结果： 1、单独分离，不出现问题。 2、添加结构的过程
阅读全文
摘要：jquery和zepto的扩展方法extend 总结下jQuery(3.1.1)和zepto(1.1.6)到底是如何来开放接口，使之可以进行扩展，两者都会有类型判断，本文使用简单的类型判断，暂不考虑兼容。 类型判断 var class2type = {},toString = class2type.
阅读全文
摘要：用jQuery检查某个元素在网页上是否存在时，应该根据获取元素的长度来判断，代码如下： 具体原因如下： 在JavaScript中，我们在使用传统的getElementById()和getElementsByTagName()时，如果在网页中找不到相关元素，那么浏览器就会报错，影响后续代码的执行，所以
阅读全文
摘要：主题： JavaScript把项目本地的图片或者图片的绝对路径转为base64字符串、blob对象在上传。 用处： 从本地选择图片上传，如项目规定只能选择本项目文件夹下的图像上传为头像等。 主要思想： 使用canvas.toDataURL()方法将图片的绝对路径转换为base64编码. 具体用法：
阅读全文
摘要：所谓造轮子的好处就是复习知识点，加深对原版jquery的理解。本文系笔者学习jquery的笔记，记述一个名为"dQuery"的初级版和缩水版jquery库的实现。主要涉及知识点包括面向对象，jquery，绑定，脚本化css等。 一. jquery的美元符意味什么？ 先思考alert(typeof $
阅读全文
摘要：当浏览器窗口被调整到一个新的高度或宽度时，就会触发resize事件,这个事件在window上面触发,那么如何给div元素增加resize事件，监听div的高度或宽度的改变呢？ 先来回答另一个问题，监听div的高度变化又有什么用呢？一般而言div的高度是随着内容的增加而自适应的，对于ajax请求的数据
阅读全文
摘要：任务需求：由于不同浏览器对滚动条的样式解析存在差异,为统一样式风格,增加整体美观程度,需要实现自定义滚动条。 第一种方案：CSS设置滚动条样式。（目前只有Chrome浏览器支持，火狐不支持） 样式说明： 第二种方案：由于CSS设置滚动条只有谷歌浏览器支持，所以引入jquery第三方扩展插件nices
阅读全文
