07 2016 档案
摘要：http://www.imooc.com/article/1115
阅读全文
摘要：tag事件 viewport标签 flexbox弹性布局 响应式布局 rem 交互优化 touchstart touchend 高清图片 1px 单文本溢出 多文本溢出
阅读全文
摘要：你还不努力， 一直处于自己的舒服区。 要好好反思， 督促自己按照计划一步一个脚印好好打怪升级， 要走的路，要学的知识，来不得半点回避。
阅读全文
摘要：TO DO LIST： 1 减重2kg 2 百度前端学习 task2 3 后台系统代码清理 4 知乎提问5个，回答三个 5 看完数据库概要设计一书
阅读全文
摘要：1 文本一出加点点 .ellipsis{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 2 .lineTitle::before, .lineTitle::after { .lineTitle::before, .line
阅读全文
摘要：<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script> <html lang="en"><head><meta charset="utf-8"><meta conte
阅读全文
摘要：情景：在用compass编写sass，cd进入目录后，想退出， 解决： cd.. 回到上一层目录 cd\ 回到根目录 cd 进入具体目录
阅读全文
摘要：Web应用的组件化（二） https://github.com/xufei/blog/issues/7 管控平台 在上一篇中我们提到了组件化的大致思路，这一篇主要讲述在这么做之后，我们需要哪些外围手段去管控整个开发过程。从各种角度看，面对较大规模前端开发团队，都有必要建立这么一个开发阶段的协作平台。
阅读全文
摘要：https://github.com/xufei/blog/issues/6 Web应用的组件化（一） 基本思路 1. 为什么要做组件化？ 无论前端也好，后端也好，都是整个软件体系的一部分。软件产品也是产品，它的研发过程也必然是有其目的。绝大多数软件产品是追逐利润的，在产品目标确定的情况下，成本有两
阅读全文
摘要：1转正需要更多东西去努力。 2谦虚，踏实。 3不想做将军的士兵不是好士兵。 html5兼容 <!--[if lt IE 9]> <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src
阅读全文
摘要：1 工作计划 a知识巩固 b列出不足 c针对提升 2健身计划（每天下班半小时） a俯卧撑 b仰卧起坐 第一天： 1 百度2015ife的回顾
阅读全文
摘要：append() & prepend()实在元素内插入内容（该内容变成该元素的子元素或节点），after() & before()是在元素的外面插入内容（其内容变成元素的兄弟节点）。
阅读全文
摘要：举例： $("ul li:first"); //选取第一个 <ul> 元素的第一个 <li> 元素 $("ul li:first-child"); //选取每个 <ul> 元素的第一个 <li> 元素 拓展： $(":button"); //选取所有 type="button" 的 <input>
阅读全文
摘要：js： 选取偶数位置的 <tr> 元素 $("tr:even") 选取奇数位置的 <tr> 元素 $("tr:odd") css 选取偶数位置的 <tr> 元素 li:nth-child(even); 选取奇数位置的 <tr> 元素 li:nth-child(odd);
阅读全文
摘要：21天养成习惯 http://www.cnblogs.com/yexiaochai/p/5311712.html
阅读全文
摘要：day1 flex布局 zepto熟悉 day2 后台系统ui调整 day3 console的bug修改
阅读全文
摘要：1. 满足UI同学的视觉需求。无论是css hack还是通过js进行差异化处理，从技术手段上无底线的实现UI同学的视觉要求。这是工作负责的态度，也是自我需求突破的一个手段。从UI同学来说，做的设计稿没有达到要求，是对其本身工作成果的不尊重。2. 控制好后端同学的数据显示。前端做为后端同学的代言人，无
阅读全文
摘要：一步一步来。 CSS不能编程？ 用Less、Sass、Stylus、甚至直接用Absurd，框架除了Bootstrap还有很多。 JS写多了很麻烦？jQuery。 移动开发？Zepto.js。 结构不好？找框架，Backbone.js是MVC，AngularJS和Ember.js是MVVM，Twit
阅读全文
摘要：你遇到过性能很差的网页吗？ 这种网页响应非常缓慢，占用大量的CPU和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。 你会有什么反应？我猜想，大多数用户会关闭这个页面，改为访问其他网站。作为一个开发者，肯定不愿意看到这种情况，那么怎样才能提高性能呢？ 本文将详细介绍性能问题的出现原因，以及解决方法
阅读全文
摘要：如何提升CSS在页面的表现性能，如何对提高CSS代码的可维护性和可扩展性，便是架构者要考虑的事情。 0、CSS架构思维第一步：选用高效的开发和构建方式 既然谈及大型项目的架构，必然在开发前需要进行技术选型。JS目前大热的那些mvvm框架（vue、reactJs）不多说了，反观CSS，除了bootst
阅读全文
摘要：不能直接写px，不同设置分辨不同，div宽度始终是满屏的，如果高度指定像素大小，div就不能保证长宽比例恰当了。 解决方法： height:0px;padding-bottom:100%
阅读全文
摘要：有效地重构代码 我曾经有一次不算太成功的前端重构经历，所幸的是没有导致太大的问题，但教训是惨痛的。此次重构的项目本身没有足够的自动化测试，尤其是针对前端的自动化测试，所以在重构之前也预想到了重构的风险。先来介绍重构之前项目存在的问题：项目的前端代码没有统一的规范，所以不同人开发的模块对应的代码风格完
阅读全文
摘要：前言： 在上一篇文章中我介绍了我们对N产品性能优化的整个历程，主要偏重优化方法。本篇我将介绍在这一过程中，我们的代码出现了什么样的问题，以及我们是如何通过前端重构来解决掉这些问题，并产生了哪些收益。 痛点： 按需加载为我们的页面带来了很大的性能提升，但同时也为代码结构带来了很大的冲击，很多直接调用的
阅读全文
摘要：最近一直在做性能优化和模块化改造的工作，并完成了一次前端重构。在这里总结出一些经验和得失来帮助大家思考。共两篇文章，第一篇讨论性能优化，第二篇讨论模块化框架。而之所以把这两个话题放到一起，是因为这两项工作都涉及到对前端代码进行不同程度的重构，而且模块化改造其实是我们在对性能优化做到一定程度之后发现必
阅读全文
摘要：onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"
阅读全文
摘要：创建公用的Sass项目模板 在做项目时，不管什么项目，他们之间总是有一些可以共用的部分。比如说重置样式、公用样式、模块组件、UI库等。那么在Sass项目中也是如此。为了避免在每个项目中做一些相同的事情，那么你可以在你的电脑上创建一个公用的Sass项目模板。比如我创建的： 在这样的一个模板中，每个Sa
阅读全文
摘要：今天在弄sass安装进入项目文件命令 直接f:
阅读全文
摘要：今天在学习sass查看目录遇到cmd输入ls提示不是内部命令 解决方法： 新建一个ls.bat文件 内容为： @echo off dir
阅读全文
摘要：PC端 按屏幕宽度大小排序（主流的用橙色标明） 分辨率 比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280*1024(比例：5：4 | 14.1寸、15.0寸
阅读全文
摘要：先介绍一下项目环境，前端工具使用fis-plus，主要使用了zepto插件。整体架构比较简单。 在这里我们不讨论viewport布局（使用viewport貌似坑会少很多，但是由于条件限制，有时只能使用原始方法开发），下面进入正题： 零、调试工具 推荐大家在调试移动端页面时使用chrome的toggl
阅读全文
摘要：监控系统适配思路： 1写js获取屏幕分辨率做处理 2布局处理bootstrap栅格系统
阅读全文
