- 博客(39)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 使用flex box（弹性盒子模型）进行页面布局的注意事项
什么时候下使用flex比较方便？flexbox最主要的作用在于我们可以通过这个属性快速设置和操作它的子元素的布局，可以方便地实现居中、居左、居右、两边对齐、垂直居中、水平居中的效果； 一般如果遇到这样的布局要求，使用flex会非常方便：子元素高度不等，垂直居中多栏布局，栏目间隔自适应多栏布局，子元素宽高不等display:flex 、display:box 之间的区别是什么？ 本质上来讲
2017-05-11 12:01:13
3239
原创 MVVM框架对比
MVVM框架对比MVC和MVP简介MVVMVue.js、Angular.js、Ember、Backbone等框架对比双向绑定原理Virtual DOM前端由于发展比较迅速，框架的更新迭代也比较快，从最初的 backbone.js 到后来的Ember、Knockout、Angular.js， 再到现在的Vue.js、React。MVC和MVP简介视图（view）：用户界面控制器（con
2017-04-21 16:44:22
6023
1
原创 移动前端头部标签(HTML5 head meta)
DOCTYPE html> html lang="zh-cmn-Hans"> head> meta charset='utf-8'> meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> meta name="descr
2015-07-02 11:08:11
778
转载 跨平台开发时代的 (再次) 到来？
跨平台开发时代的 (再次) 到来？这篇文章主要想谈谈最近又刮起的移动开发跨平台之风，并着重介绍和对比一下像是 Xamarin，NativeScript 和 React Native 之类的东西。不会有特别深入的技术讨论，大家可以当作一篇科普类的文章来看。故事的开始“一次编码，处处运行” 永远是程序员们的理想乡。二十年前 Java 正是举着这面大旗登场，击败了众多竞争
2015-06-16 11:16:43
698
原创 Git常用命令总结
1、基础git config --global user.name "Your Name"设置你的仓库用户名（用于标识提交者）git config --global user.email "[email protected]"设置你的仓库邮箱（用于标识提交者）git init 初始化一个git仓库git add --all 添加所有更改的文件git add filename1 当然
2014-05-23 15:05:16
936
翻译 浮动的前世今生
什么是CSS Float？float 是 css 的定位属性。在传统的印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中，应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了，就像印刷布局里面的文本框被设置为无视
2014-05-05 14:44:39
913
1
原创 微信内置浏览器的JsAPI
/**! * 微信内置浏览器的Javascript API，功能包括： * * 1、分享到微信朋友圈 * 2、分享给微信好友 * 3、分享到腾讯微博 * 4、隐藏/显示右上角的菜单入口 * 5、隐藏/显示底部浏览器工具栏 * 6、获取当前的网络状态 * 7、调起微信客户端的图片播放组件 * * @author
2014-04-29 16:02:55
2296
原创 响应式Web设计在跨终端广告创意中的应用
内容简介 1.为什么要跨终端； 2.需要关注哪些终端； 3.跨终端之路； 4.Cross方案，如何优化跨终端网站； 5.未来终端设备； 6.常用工具；跨终端Web最初尝试之路1. 网页转码（将桌面端的网页转码为WAP版本）2. WAP建站工具（快速搭建无线WAP网站）3. 定制化
2014-01-16 15:21:26
2340
转载 迄今见过的最好的职业规划的文章
选择职业 职业的选择，总的来说，无非就是销售、市场、客服、物流、行政、人事、财务、技术、管理几个大类，有个有趣的现象就是，500强的CEO当中最多的是销售出身，第二多的人是财务出身，这两者加起来大概超过95%。现代IT行业也有技术出身成为老板的，但实际上，后来他们还是从事了很多销售和市场的工作，并且表现出色，公司才获得了成功，完全靠技术能力成为公司老板的，几乎没有。这是有原因的，因为销售就
2014-01-15 14:56:50
791
翻译 45个超实用的javascript最佳实践
原文：http://flippinawesome.org/2013/12/23/45-useful-javascript-tips-tricks-and-best-practices/1. 当第一次指定一个变量时，不要忘记使用 var ： 指定一个未声明的变量，不使用var时，会声明成全局变量，避免全局变量；2. 使用 ‘===’ 替换 ‘==’ ：
2014-01-10 16:41:11
1027
转载 Node.js给前端带来了什么
原文： http://www.nczonline.net/blog/2013/10/07/node-js-and-the-new-web-front-end/在软件开发领域，前端工程师曾经是一个比较纠结的职业。在Web技术真正发展起来之前的相当长一段时间里，由于技术门槛很低，前端工程师行业一直是鱼龙混杂的状态。其中很多号称是Web开发者的人实际上并没有什么专业的前端技能，有些工
2013-12-04 09:57:13
980
原创 Javascript操作cookie
什么是 Cookie “cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。” - w3school cookie 是访问过的网站创建的文件，用于存储浏览信息，例如个人资料信息。 从JavaScript的角度看，cookie 就是一些字符串信
2013-12-04 09:51:45
1240
转载 高效程序员的 7 个共同特征
导读：要想成为一个伟大的程序员，需要的可不仅仅是能够编写出可以正常运行的代码。Justin James给出了能够成为业内顶尖高手的程序员应该具有的几个典型特质。要想成为高效的程序员，你需要具备一定的综合素质才能够让你用你所掌握的技能、经验和知识编写出有效的代码。有一些开发人员在技术方面具备一定的技巧，但他们永远无法成为高效的程序员，就是因为他们缺乏所需的其它几项特质。本文将给出成为一个伟大
2013-05-10 14:52:56
697
翻译 JavaScript MVC框架PK：Angular、Backbone、CanJS与Ember
原文地址：http://sporto.github.io/.../comparison-angular-backbone-can-ember/原文作者：Sebastian Porto @Twitter选择JavaScript MVC框架很难。一方面要考虑的因素非常多，另一方面这种框架也非常多，而要从中选择一个合适的，还真得费一番心思。想知道有哪些JavaScript MVC框架
2013-04-25 17:44:24
1399
原创 jQuery中的 return false, e.preventDefault(), e.stopPropagation()的区别
e.stopPropagation()阻止事件冒泡 冒泡事件测试 我们先看这段代码： $(function () { $("table").click(function () { alert("table a
2013-04-25 09:44:41
1375
原创 简单jQuery使用技巧
1.使用最新的jquery版本觉得这个建议有待商榷，虽然越新的jquery版本性能上更加优秀，但是有些方法的变迁还是会导致一些bug，比如从1.4.2到1.5时很多朋友就抱怨ajax上出现问题了。建议是旧的页面的jquery升级需谨慎，新项目可以大胆的使用jquery新版本。还有个建议是使用google的cdn上的jquery文件，加载速度更快。猛击Google Libraries A
2013-04-18 13:27:46
1068
原创 使用CSS3的@font-face实现个性化字体
在网页中，我们可以用CSS的font-family属性来定义字体，然而定义的字体在用户的电脑上能否正确呈现则要看用户的电脑是否安装了该字体。我们经常能看到国外的一些个人网站使用了非常漂亮的字体，而这些字体通常在用户的电脑中是没有安装的，所以用font-family属性就无法实现了，今天我们就介绍使用@font-face实现个性化字体。CSS3 @font-face 说
2013-04-18 13:23:11
1046
原创 JavaScript中的模块化：封装，继承
虽然 JavaScript 天生就是一副随随便便的样子，但是随着浏览器能够完成的事情越来越多，这门语言也也越来越经常地摆出正襟危坐的架势。在复杂的逻辑下， JavaScript 需要被模块化，模块需要封装起来，只留下供外界调用的接口。闭包是 JavaScript 中实现模块封装的关键，也是很多初学者难以理解的要点。最初，我也陷入迷惑之中。现在，我自信对这个概念已经有了比较深入的理解。为了便于理解，
2013-04-18 11:06:36
1134
原创 浅谈Javascript中undefined和null的区别
第一篇 解剖JavaScript中的null和undefined 在JavaScript开发中，被人问到：null与undefined到底有啥区别？ 一时间不好回答，特别是undefined，因为这涉及到undefined的实现原理。于是，细想之后，写下本文，请各位大侠拍砖。 总所周知：null == undefined 但是：null !== undefined
2013-04-10 14:50:21
1285
原创 一种数据展示方式，UI设计新颖，供大家参考(源码部分) (demo已经上传)
调用方法：var parameter = { url: 'json/report.txt', data: data, marker: 'value', titleClick: function (t) { alert(t.html());
2013-04-09 15:45:02
1828
原创 详解CSS3 Transition动画效果
W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。”下面我们同样从其最语法和属性值开始一步一步来学习transition的具体使用语法: transition ： [ || || || [,
2013-04-09 14:34:39
2560
原创 一种数据展示方式，UI设计新颖，供大家参考
这款设计主要是用于进行数据分析和对比，譬如，不同省份的一些不同月份的数据对比（图为China Telecom的一些假数据）。 设计取名为LatticeControl。页面开始，每一个蓝色格子代表一个月份：右侧的数据显示的是对应省份的营业额以及该省份在总体上的比例。当鼠标经过某一项时，显示当前月份的信息：点击某一个格子，当前节的对应项进行高亮显示，同时右侧
2013-04-08 14:33:03
2863
原创 CSS3特效之渐变linear-gradient
linear-gradient语法：linear-gradient([ ,]? [, ]+);：[ left | right ]? [ top | bottom ]? || ?： [ | ]?说明可取如下值 left：设置左边为渐变起点的横坐标值。 right：设置右边为渐变起点的横坐标值。 top：设置顶部为渐变起点的纵坐标值。 bottom：设置底部为渐变起点的纵坐
2013-04-07 20:00:07
1006
原创 CSS3特效之转换transform
transform语法transform: none| rotate | scale | skew | translate | matrix;通过transform-origin可以设置转换参考位置，默认值为50% 50%,即 center center1.rotate(angle>)：旋转，参照转换中心旋转，如transform:rotate(60deg);2.scale(numbe
2013-04-07 19:59:04
954
原创 CSS3特效之过度transition
transition语法transition：[ transition-property ] || [ transition-duration ] || [ transition-timing-function ] || [ transition-delay ]transition-property：all | none | [ ,property> ]*：设置对象中的参与过渡的属性,
2013-04-07 19:57:33
1170
原创 CSS3特效之动画animation
animation渐变背景动画悬停背景渐变@-webkit-keyframes changeBg{ 0%{background-color:#000;} 20%{background-color:#300;} 40%{background-color:#600;} 60%{background-color:#900;} 80%{background-color:#f00;}}@
2013-04-07 19:55:48
978
原创 CSS特效之透明 rgba
rgba语法R：红色值。正整数 | 百分数G：绿色值。正整数 | 百分数B：蓝色值。正整数| 百分数A：透明度。取值0~1之间说明RGBA在RGB的基础上多了控制alpha透明度的参数。以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百
2013-04-07 19:54:15
1112
原创 CSS3特效之渐变:linear-gradient
linear-gradient语法：linear-gradient([ ,]? [, ]+);：[ left | right ]? [ top | bottom ]? || ?： [ | ]?说明可取如下值 left：设置左边为渐变起点的横坐标值。 right：设置右边为渐变起点的横坐标值。 top：设置顶部为渐变起点的纵坐标值。 bottom：设置底部为渐变起点的纵坐
2013-04-07 19:49:37
984
原创 我们都曾经历过：生活教会我的8堂人生课
Recently, I celebrated another birthday. As I look back at how quickly time passes, I am amazed at how much can change in a matter of a year. I think we go through cycles of change -- when the complet
2013-04-03 15:11:42
876
原创 Javascript实用函数
function addBookMark(url, title){//将网页添加到收藏addBookMark(window.location,document.title) if(document.all){ window.external.addFavorite(url,title); }else if (window.sidebar){ w
2013-03-28 21:49:35
761
原创 Javascript事件代理
什么是事件代理？解释下意义和原理 JavaScript使用事件代理 JavaScript事件是所有网页交互性的根基（我指的是真正的互动性，而不仅是那些CSS的下拉菜单）。 在传统的事件处理中，你按照需要为每一个元素添加或者是删除事件处理器。然而，事件处理器将有可能导致内存泄露或者是性能下降——你用得越多这种风险就越大。 JavaScrip
2013-03-19 17:33:27
951
原创 前端架构
框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性的东西出现了。越来越多的开发模式转变为后端只是吐json的数据源，而前端做所有UI的事情。
2013-03-19 16:34:11
1360
转载 jQuery插件开发
【前言】jQuery已经被广泛使用，凭借其简洁的API，对DOM强大的操控性，易扩展性越来越受到web开发人员的喜爱，我在社区也发布了很多的jQuery插件，经常有人询问一些技巧，因此干脆写这么一篇文章给各位jQuery爱好者，算是抛砖引玉吧。【基础】 a)样式很 多人会认为样式是个很复杂的东西，需要沉着冷静的心态加上非凡的审美观才能设计出赏心悦目的UI，抛开图片设计不说，其实cs
2012-09-11 16:33:42
574
原创 工作的尊严
<br />给毕业生 (准社会新鲜人)<br />对每个人而言，第一份工作都是奇妙的际遇，它不一定是终生职业，却是影响最大的职业。在填上履历表的那一刻起，你应该清楚自己选择公司的动机是什么：亲友的期许？良好的环境？还是一份优渥的待遇？<br />大多数人会优先考虑待遇是很自然的事情，要一般人接受薪水不算什么的观念并不容易，但「工作」不该只是如此，它还包含了许多附加价值，如果我们过分将注意力集中在 “收入” 本身，那么工作的本质就失去了尊严。<br />试想我们从小就用功读书，升高中的时候，淘汰了一些人，升大
2010-08-20 12:01:00
2073
2
native app, hybrid app
2014-06-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人