平安iframe跨域自适应框架使用指南

前言

进驻平安工作已经有1年多了,考虑平安有不同项目,各种穿插交互等,跨域自适应基本是时刻都会遇到的问题,个人就平安已完善一套通用自适应框架供平安开发同仁使用,最初开发的灵感来源于一次和百度合作app的需求(车险app计算器),让我看到了不错的调用方案,于是自己也写了一套,现在已平稳运行半年多,就此写下api方便其他开发使用。
凑凑热闹

思考前端职业定位,决定自己的未来,前端经验分享

前言

最近进驻平安银行工作(外包),感觉跟以前的公司大有不同,这里我分享一些个人的前端经验,希望能带给准备进驻前端行业或正在前端行业的一些人有所帮助,谢谢各位来捧场哈,近来由于在平安银行的交接和管理制度,也有N久没有写博文了。

前端局势

前端的局面其实在大多数公司是得不到认可的,尤其小城市、小公司最为明显。在天朝,每年应届毕业大学生大部分的web开发都是面向后台,基本很难找出愿意致力于前端开发的学生。基本原因有以下几点:
凑凑热闹

各浏览器JS引擎进行字符串连接效率研究及探讨

前言

其实本篇讲的东西在平时可能很常见,也或许很偶然遇见,或许有心之人会发现话题在高性能javascript这本书上是有提过的,当时小熊在看完该书后觉得是这么回事,不过今儿偶在自己机子上写了回demo,发现确有一定的不符。当然这性能在绝大多数情况下不会对客户端有太大的影响,即便是上千的字符串连接也都还好说(稍微注意一下就好了),这里我专门开一篇文章来尝试各种情况下的字符串连接效率对比。

(由于,之前写过一次测试环境没有顾及chakra引擎的感受(IE9),现更新IE9效率以及为求测试结果准确,所有浏览器测试基数一视同仁。)
凑凑热闹

汇总各浏览器核心(js引擎及排版引擎)深究

前言

写本篇文章的初衷是追寻各浏览器对css、js实现性能而码,再说了,个人认为要做个负责前端应该要对其底层有所了解,这样在有的时候对bug能迅捷的对症下药。

小熊花了近6个小时搜索相关资料加上本身开发的一些经验总结出本篇。起初开始的小熊只知道IE核心、FF核心、OP核心等(前些年的主流浏览器),而如今风行的Safari(本文简称SF)和Chrome(本文简称GG),都是Webkit的开源核心,虽然代表是Safari,但感觉GG沾上google的光芒似乎在PC端上比SF更流行,咱开始详谈。

(本文偏向历史以及核心更新讲解,相对枯燥,若亲感觉对该类不感兴趣请和谐偶这篇文章)
凑凑热闹

javascript eval/window.eval/window.execScript区别/用法/要点

在群里看到耗子说了些关于indirect eval call,觉得好奇,于是便查了一下,本身以为自己对eval以及足够了解,可惜偶还是井底之蛙啊,没事,偶跟各位好奇的看客一样,让咱揭开面纱。

首先新人大大脑补,老手无视。eval是干啥的?eval是直接将一段字符串作为参数,交给JS引擎预编译器进行动态分析并执行代码。如下:
凑凑热闹

cursor极上の深究,汇总跨浏览器鼠标指针解决方案

前言

css下众所周知cursor除了能够使用css2/css3通用指针,以及url()获取自定义鼠标,各位对其研究有多深,特别是跨浏览器的自定义指针兼容问题一直存在,想必也会有一些完美主义者跟我一样去愁死为啥opera这么不给url()以及咱的面子 = =,其实写本篇的源头是小熊制作万圣节专题页的经验以及开发仿新浪图片放大功能时所查的资料,比如你使用opera在浏览本站所有图片并将鼠标放在图片上是时,会发现神奇的加上了放大样式的指针效果,这个效果新浪微博也未兼容(看完真相,一切清晰),希望官方看到这条信息后能尽快跟进自己的css文件,以保证opera下也能显示放大指针,嗯,别急,这就让大伙知道真相,并在这里这里汇总这方面的全部资料以供亲们查阅。
凑凑热闹

网站优化经验(二) - YUI compressor傻瓜版一键压缩css/js

前言

本文接第一篇网站优化经验(一) - 在浏览器键入url按回车后发生了啥继续下面的优化方针,如果亲已经是GCC(Google Closure Compiler)、YUI CompressorUglifyJS用户,请无视本文。故此新手可以了解如何一键压缩自己的css/js文件。

备注

本文使用的是淘宝UED前端制作的YUI Compressor傻瓜版本(YUI Compressor2.4.2版),小熊这里更新为2.4.7版,2.4.7版对css的空选择器进行了优化,原2.4.2版文章见明河文章
凑凑热闹

网站优化经验(一) - 在浏览器键入url按回车后发生了啥

前言

本文的经验是小熊根据jser.in开发而总结,在当今这个社会上需要把握自己网站在客户端打开自己网站直到呈现的一幕的效率,在腾讯一面也特别考过我,于是总结下我所知道的经验,也希望跟各位分享更需要注意的地方。

原理剖析

我们要理解网站优化,但这的范围太广,包括各种方面,诸如后台优化、前端优化、SEO优化、UED等,那么咱先一步步理解,从底层来理解网站的底层实现,接下来我就总结在浏览器键入url按回车后究竟发生了啥,手头笔记挺多,没整理过,正好现在整理,有兴趣请耐心看完哈。
PS:鄙人文笔不好,可能比喻曲解或者理解错误,如果哪里错了也希望高手指点小弟,在此谢过。
凑凑热闹

跨浏览器js调试台,blackbirdjs 汉化版 二次开发 by 小熊

介绍

本控制台应用于各浏览器调试javascript所用,原作者为G Scott Olson,考虑到英文版本和部分快捷键以及显示更符合国人操作,故此二次开发。

用途

用于跨浏览器javasctipt调试所用,改掉alert的习惯
(如果你是firebug或chrome控制台滴忠实fans,请和谐本文吧╮(╯_╰)╭,不过此控制台能方便的在IE调用,喜欢的话就用用吧)
凑凑热闹

html代码高亮生成code2html汉化版 二次开发 by 小熊

介绍

本软件为小熊二次开发,支持代码转换为html以供发布所用。
语种支持:java/xml/sql/jscript/groovy/css/cpp/c#/python/vb/perl/php/ruby/delphi
原作者为:隔叶黄莺
之所以再开发主要自己觉得部分匹配还不够用,和去掉一些多余的操作(个人思想),并打算汉化原版,于是接着08年隔叶黄莺最后更新的版本继续开发。底层以syntaxhighlighter二次开发

用途

将代码华丽变身为披上html代码时装的美女以登站表演。
凑凑热闹