12 2015 档案

前端进阶-每日一练（3）
摘要：今日问题：实例化一个函数的时候，new关键字的过程是怎样的？什么是js阻塞？下面代码的执行结果是什么？for(var i = 0 ; i 0) { c_start = document.cookie.indexOf(c_name + "="); if (c_start ... 阅读全文
posted @ 2015-12-31 16:36 司想君 阅读(967) 评论(2) 推荐(2)
前端进阶-每日一练（2）
摘要：1. 如何检测数据是否是数组类型？2. alert([1,2,3]);结果是什么？3. arguments.callee.caller是什么意思？4. jQuery中get()和eq()的区别是什么?5. setTimeout(function(){alert(1);},0);alert(2);结果... 阅读全文
posted @ 2015-12-30 21:27 司想君 阅读(597) 评论(3) 推荐(0)
前端进阶每日一练(1)
摘要：前端每日一练请实现一个sort函数，要求调用sort([3,10,5,-2,100]),返回[-2,3,5,10,100]。（注：非JavaScript自带sort方法）CSS中:和::的区别是什么？jQuery中，$("p a") 和 $("p").find("a")的返回值一样吗？如果一样，为什... 阅读全文
posted @ 2015-12-29 16:17 司想君 阅读(810) 评论(4) 推荐(0)
this、call和apply
摘要：thiscallapplythis和其他语言不同，JavaScript的this总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境。this的指向除去不常用的with和eval，this的指向大致可分为以下四种：作为对象的方法调用作为普通函数调用构造器... 阅读全文
posted @ 2015-12-28 02:21 司想君 阅读(660) 评论(1) 推荐(0)
《JavaScript设计模式与开发实践》-面向对象的JavaScript
摘要：设计模式面向对象动态类型语言编程语言按照数据类型大体分为：静态类型语言和动态类型语言。静态类型语言在编译时便已确定变量的类型，而动态类型语言的变量类型要到程序运行时，待变量被赋予某个值之后，才会具有某种类型。在JavaScript中，当我们对一个变量赋值时，显然不需要考虑它的类型，因此JavaScr... 阅读全文
posted @ 2015-12-26 00:50 司想君 阅读(703) 评论(2) 推荐(0)
前端重构总结
摘要：前端重构总结前端重构其实可以分为两个方面：性能优化和模块化。下面我们先总结一下性能优化方面的东西：首先列举一下常规的优化手段：CSS置顶，JS置底静态资源外联、合并、压缩图片优化图片延迟加载使用CSS Sprite，首屏图片全部合并到一张图上静态文件上CDN静态文件设置强缓存HTML压缩图片预加载增强型的手段：基础库定制（用代码分析代码，自动打包被使用到的方法作为基础库）页面数据存储优化（从原来... 阅读全文
posted @ 2015-12-21 17:02 司想君 阅读(2080) 评论(0) 推荐(0)
CSS水平、垂直居中小结
摘要：我们在实际工作中经常会遇到需要水平居中或者垂直居中的场景，今天我们就来看一下如何设置水平居中和垂直居中。首先来看水平居中。一、水平居中设置 行内元素。如果被设置元素为文本。图片等行内元素时，水平居中是通过给父元素设置text align:center来实现的。二、水平居中设置 定宽块状元素。当被设置... 阅读全文
posted @ 2015-12-20 19:14 司想君 阅读(354) 评论(2) 推荐(0)
移动互联网媒体建设之我谈
摘要：如今移动互联网市场竞争最激烈的要数新闻客户端了，四大门户之间你来我往，难分伯仲；垂直媒体表现中规中矩，新闻聚合模式趋势崛起。想要在竞争激烈的移动客户端市场中崛起，必须做到知己知彼，分析现有移动互联网市场中各个产品的优势和劣势，并融合自己的特色和创意来进行产品的开发和内容建设。 不同年龄段，需求... 阅读全文
posted @ 2015-12-19 20:00 司想君 阅读(308) 评论(0) 推荐(0)
给新人follow代码想到的
摘要：这两天让新人（刚毕业，此前未接触前端）切了个页面，发现了一些问题，联想到自己初入前端的时候因为没人带不可避免的也走了很多弯路，所以借着跟他讲解的机会，在这里把新人切页面中常见的问题和不好的习惯列举一下。首先上psd：他交上来的作业是这样的：首先来分析一下页面上最直观的问题：导航栏hover效果没有加... 阅读全文
posted @ 2015-12-18 11:06 司想君 阅读(1439) 评论(16) 推荐(7)
H5动画优化之路
摘要：H5动画60fps之路 在移动端，和Native相比，H5一直都被人吐槽性能差，尤其是在动画方面。 谈到整个Web app的生命周期，一般分为四个部分： 1. 加载 2. 等待用户 3. 响应用户 4. 动画 一般情况下，首屏加载的时间应该小于 ，而响应用户行为的时间应该小于 ，... 阅读全文
posted @ 2015-12-18 10:22 司想君 阅读(2503) 评论(0) 推荐(1)
CSS3实现气泡效果
摘要：以前我们要实现对话气泡效果很麻烦，基本上是用切图的方法。现在有了CSS3就变得简单多了。一个HTML元素，一些CSS3代码，不需要图片，也不需要JavaScript。 如下图： 主要使用了 和`：after`伪类，直接上代码： 阅读全文
posted @ 2015-12-16 16:31 司想君 阅读(361) 评论(2) 推荐(0)
清除浮动方法总结
摘要：本章内容略显陈旧，主要描述如何用浮动替代表格布局，并没有什么出彩的地方。不过其间提到了清楚浮动的几种方法，那么今天就总结一下如何清楚浮动吧。 为什么要清除浮动？ 虽说是清除浮动，其实是清除浮动产生的影响。 浮动的元素，高度会塌陷，而高度的塌陷使我们布局中需要清除浮动的最重要的原因之一。 清除浮动的方 阅读全文
posted @ 2015-12-15 14:46 司想君 阅读(356) 评论(0) 推荐(1)
静态页面参数传递&回调函数写法&快速排序的实现方法
摘要：相信很多人都有一种陋习，就是收藏的文章，几乎从来都没有回过头来仔细看过。这次借着这次活动的机会，在《无懈可击的web设计》一书的学习过程中，穿插着讲自己曾经收藏过的，现在觉得还有价值的文章再看一遍，并记录笔记。努力做到：收藏 是因为自己看过了，懂了，怕忘掉而收藏，不是收藏了告诉自己，有空再看。 一、 阅读全文
posted @ 2015-12-14 22:38 司想君 阅读(968) 评论(0) 推荐(0)
使用SeaJS实现模块化JavaScript开发（新）
摘要：本文转自张洋，因为SeaJS更新版本很快，所以原文中很多地方不太适用，在这里发布一个更新版。 前言 SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。使用SeaJS可以提高JavaScript代码的可读性和清晰度，解决... 阅读全文
posted @ 2015-12-12 22:18 司想君 阅读(2829) 评论(0) 推荐(1)
《无懈可击的Web设计》_灵活的文字
摘要：常见的方法 body{ font size:12px; } 使用像素单位的优点： 不管使用哪种浏览器或者设备来查看，文字看起来都大小一致。 为什么这么做不是无懈可击的？ 以像素为单位设定文字大小之后，Windows平台上的IE用户无法随意改变浏览器文字大小。 不适合响应式开发 ... 阅读全文
posted @ 2015-12-08 11:27 司想君 阅读(984) 评论(0) 推荐(2)
深入探究JavaScript中的比较问题
摘要：先用最近遇到的几个问题做引子： 1 console.log(null==undefined); //true 2 console.log(null==false);//false 3 console.log(null==0);//false 4 console.log(0==undefi... 阅读全文
posted @ 2015-12-07 11:29 司想君 阅读(275) 评论(0) 推荐(0)
ios解决输入框弹出后position:fixed失效问题
摘要：最近在使用AmazeUI进行仿App Mobile Web开发时遇到了讨论众多的position:fixed问题。position:fixed在安卓2.2以上已经实现，但是在ios8以下系统当小键盘激活时，会出现位置错位的问题。如下图：受到CSDN上刘华童鞋（http://my.csdn.net/l... 阅读全文
posted @ 2015-12-02 15:16 司想君 阅读(1300) 评论(3) 推荐(1)
hairline！ios实现边框0.5px
摘要：在2014WWDC上，Ted O’Connor提出了“retina hairlines”的解决方案，即在ratina屏幕上可以显示0.5px宽度的边框。他的方案是这样的： 1 Standard border syntax： 2 div{ 3 border:1px solid black; ... 阅读全文
posted @ 2015-12-02 15:07 司想君 阅读(938) 评论(0) 推荐(0)