chenleismr的专栏

引言市面上有许多前端开发工具可以加速 Web 开发工作。本文是对一些顶级 Web 开发工具的一次精选汇总，分别介绍了每款工具的关键特性，并已附上下载链接。Novi BuilderNovi Builder 是一个拖放式构建器，它对于经验丰富的 Web 开发人员而言是一个不错的选择。它为开发人员提供了访问源代码的权限，并允许开发人员在 Web 设计中进行多项更改。你能用它完全控制你的 We...

1、文字超出显示为省略号//单行：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;//多行：display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;2、div垂直居中position:...

展开1title : 前端技术（HTML、CSS、JS、JQuery等）前端技术在js中怎么样验证数字？通过正则表达式/*$/reg.test(需要判断的字符串)js中如何给string这个类型加方法？通过原型链添加方法：String.prototype.go = function(){//在string大对象上添加方法goconsole.log(this)}‘sss’.g...

码字不易，转载请务必注明原文出处。不断学习，后期的新增笔记会继续加到文章上方点击链接后退页面：回到上一个网页——修改placeholder提示的样式：1.除IE外通用写法类名或标签名::placeholder {color: red;}2.加兼容前缀写法css超出一行显示省略号：给定宽度(width:100px)、超出隐藏（overflow:hidden）、强制在同一行显示（...

Less是什么？Less CSS 是一个使用广泛的 CSS 预处理器，通过简单的语法和变量对 CSS 进行扩展，可减少很多 CSS 的代码量。Less 将 CSS 赋予了动态语言的特性，如 变量， 继承， 运算， 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可一在服务端运行 (借助Node.js).Less 是一门 CSS

什么是Bower？Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。一个适合Web应用的包管理器，它擅长前端的包管理，通过其API展示了包依赖模型。使得项目不存在系统级的依赖，不同的应用程序间也不会共享依赖，整个依赖树是扁平的。包管理是个复杂的问题，我们要知道谁依赖谁，还要明确哪个版本依赖哪个版本。这些对于开发人员

CP HTTP UDP:都是通信协议，也就是通信时所遵守的规则，只有双方按照这个规则“说话”，对方才能理解或为之服务。TCP HTTP UDP三者的关系:TCP/IP是个协议组，可分为四个层次：网络接口层、网络层、传输层和应用层。在网络层有IP协议、ICMP协议、ARP协议、RARP协议和BOOTP协议。在传输层中有TCP协议与UDP协议。在应用层有FTP、HTTP、TEL

Vue.jsVue.js @尤雨溪 老师写的一个用于创建 web 交互界面的库，是一个精简的 MVVM。从技术角度讲，Vue.js 专注于 MVVM 模型的ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来。实际的 DOM 封装和输出格式都被抽象为了Directives 和Filters。Vue.js和其他库相比是一个小而美的库，作者

首先我是一名学习者，会以学习者的角度来整理我的行文思路，这里可能只是些探索，有理解或是技术上的错误还请大家指出；其次我特别喜欢编写小例子来把一件事情说明白，故在文中会尽可能多的用示例加代码讲解，我相信这会是一种比较好的方式；最后，我深知AngularJS的使用方式跟jquery的使用方式有很大不同，在大家都有jquery、ext经验的条件下对于angular的学习会困难重重，不过我更相信在大家的坚

FIS是什么？FIS全称为Front-end Integrated Solution，即前端集成解决方案。前端团队发展大多会经历规范设计、技术选型、系统拆分、性能优化等阶段，其中的技术需求可以总结为前端集成解决方案。FIS是专为解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题的工具框架。专注于前端构建，无需进行任何配置轻松应付常见需求。

雅虎给出了优化网站加载速度的34条法则（包括Yslow规则22条） 详细说明，下载转发 ponytail 的译文（来自帕兰映像）。1.尽量减少HTTP请求个数——须权衡  Minimize HTTP Requests 减少HTTP请求   图片、css、script、flash等等这些都会增加http请求数，减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文

现在最热门的前端框架，毫无疑问是 React 。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。react的诞生是为了解决实在的FB scale后的问题,做出来以后，发现这套东西很好用，就在2013年5月开源了。React很大的特点就是“轻”，再加上VDOM这

一、安装官网http://expressjs.com/     我们说，Express[1] 是一个简洁而灵活的node.js [2]Web应用框架, 提供一系列强大特性帮助你创建各种Web应用。[3]Express.js在Node.js社区中是比较出名web框架，而它的定位是“minimal and flexible（简洁、灵活）”。Express主要解决了 请求路由

什么是Yeoman？Yeoman是Google的团队和外部贡献者团队合作开发的，他的目标是通过Grunt（一个用于开发任务自动化的命令行工具）和Bower（一个HTML、CSS、Javascript和图片等前端资源的包管理器）的包装为开发者创建一个易用的工作流。Yeoman的logo是一个戴帽子的男人农夫。Yeoman 作为一个流行的工具集，在整合了 Yo、Grunt 和 Bower 等工具的

HTML+CSS基础知识1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和html有什么区别

前端入门：零基础：前端基本技能，web开发基础(html+css+javascript)、学习方法、学习资料；兴趣：web技术（html+css网页制作）、ps技能、前端自动化工具、前端架构、前端MVVM、MVC、mv*框架和设计模式、各种调试web抓包工具、移动设备web调试工具、浏览器工作原理、前端安全规范和防护。1. 文件结构：    HTML文件的固定结构：

在国内的前端的被重视程度还不够，很多公司和人都还对前端这个职位停留在“美工”或者“页面仔”的认知程度上，这样一来前端的价值就不足以很好的被体现，真正做的比较优秀的前端也就少之又少，所以公司需要招一些热爱但不怎么熟练的前端回来培养，谁刚开始不是这样过来的对吗？        新人都是从最基本的html 、css以及javascript神马的开始摸索的，高中那时候还在用frontpage拖tabl

Grunt这么鬼，是干啥的呢？最近很火的前端自动化小工具，基于任务的命令行构建工具。官网http://gruntjs.com中文网http://www.gruntjs.net/  通过官网和中文网，我们清楚了Grunt 是一个基于任务的JavaScript工程命令行构建工具。jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt

1、什么是Gulpgulp.js 是一种基于流的，代码优于配置的新一代构建工具。Gulp 和 Grunt 类似。但相比于 Grunt 的频繁的 IO 操作，Gulp 的流操作，能更快地完成构建。Gulp是一个构建系统，开发者可以使用它在网站开发过程中自动执行常见任务。Gulp是基于Node.js构建的，因此Gulp源文件和你用来定义任务的Gulp文件都被写进了JavaScrip

面试有几点需要注意：（来源程劭非老师 Github: @wintercn | Weibo:寒冬winter）面试题目： 根据你的等级和职位变化，入门级到专家级：范围↑、深度↑、方向↑。题目类型： 技术视野、项目细节、理论知识型题，算法题，开放性题，案例题。进行追问： 可以确保问到你开始不懂或者面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种关联知识