前言 　　 　　当下最流行的前端开发框架Bootstrap，可大大简化网站开发过程，从而深受广大开发者的喜欢。本文总结了Bootstrap之所以广泛流传的11大原因。如果你还没有使用Twitter Bootstrap，建议你去了解一下。我也是最近才有所发现的，不过有更好的消息，在前两天微软发布的VS2013正式版中，也已经将BootStrap3.0的版本加入了额，连微软都看到bootStrap的强

1.了解Bootstrap: 简洁，直观，强悍的前端开发框架，让web开发更迅速，简单。 2.优点： 快速，简单，灵活的栅格系统，小而强大，响应式布局，跨平台等。 3.下载 登陆BootStrap的官方网站下载：  http://getbootstrap.com/  。 下面使用Bootstrap官方提供的模板来设计一个响应式布局。 （1）从下载的BootStrap中找出bootstrap.min

原文地址：Bootstrap considered harmful 原文作者：Hidde de Vries 译文出自：neal 译者： Neal 个人主页：http://neal1991.pythonanywhere.com 这些年Bootstrap已经在前端项目中流行起来，它能够带来很多好处。然而，但是如果以你们的团队已经有了在职的前端开发人员，我觉得最好还是不要用Bootstrap，在某些地方

Bootstrap简介 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软

我们将利用Angularjs 和 Bootstrap，开发一个前端应用实例，通过这一次简单的项目实战，引领大家进入AngularJS前端开发的殿堂，并向大家介绍一下几个知识点： MVC 基础，通过项目实例，让大家初步体会MVC设计模式的应用。 构建我们第一个AngularJS应用，通过一个实际用例的开发，大家可以对前端开发获得一定的感性认识。 初步了解AngularJS三个最重要的组成部件，他们分

项目源码下载上传于csdn：点击打开链接 参考文章： http://blog.csdn.net/lzxadsl/article/details/49181127 原来的文章并没有实现后台程序，我试着改造了一下。用java实现了json数据传送和查询条件的动态数据。 界面效果如下： 运行环境JDK8，Tomcat8.5 Bootstrap版本： v3.3.7 (http://getbootstrap

0x00 前言 0x01 准备环境 获取预编译包 获取源码及相关配置 0x02 使用 源码的使用 预编译包的使用 0xFF 相关资料 0x00 前言 Bootstrap 简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。 Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easi

前言 本文来自极客教程投稿，极客教程博客地址： http://www.jianshu.com/u/5c13b327009c 感觉现在新手很难找到了工作，感觉没有机会，公司动不动就要求3到5年或者2年工作经验，并不要新手！感觉会h5，css3，js，jQuery加上bootstrap已经很难找到工作了。 前端开发领域的门槛太低，以至于大部分所谓的前端开发人员都不是计算机相关专业的。造成这种全民学前端

前端开发中的一个痛点，就是到底如何布局？ 在 CSS3 出现之前，业界流行各种各样的经典布局，比如左边固定右边自适应，左右固定中间自适应，圣杯布局，等等，纠其本质，无非是使用了 display，float，position 这三个属性的组合，非常的繁琐复杂，这样的实现，并不能保证解决所有问题。 于是在 2009 年的 W3C 草案中提出了 flex 布局，它实现了非常方便的页面布局，截止到本文撰写

最近写前端较多，其中头疼的一个问题就是居中问题，尤其是垂直居中。 不确定宽高的元素要实现垂直居中，总结了以下三种方式： 1.absolute布局 代码： /** * absolute布局居中, * top和translate(x,y)的y参数控制垂直方向, * left和translate()的x参数控制水平方向 */ position: absolute; top: 50%; left: 50%

网易前端大牛介绍的前端系统学习体系，经过整理，总结。 前端开发入门需要主要分两方面知识学习， 前端专业知识学习，还有通用技能知识的学习。下面首先看一下前端专业知识学习的线路图： 前端主要是3方面的知识体系，如下示意图，Html5负责构建网页结构，CSS渲染网页，JS负责网页行为。 DOM模型学习点示意图： 主要从树，消息，事件，网络，存储等角度去理解DOM模型。 CSS主要点示意图： CSS学习时

《云适配发布2017年HTML5开发者生态报告》 近日，全球领先的企业级浏览器与HTML5 解决方案供应商云适配正式发布了《2017年Html5开发者生态调查报告》。该报告主要针对HTML5前端开发者的从业情况、学习动机、HTML5技术开发和应用等方面进行了系统调研和分析，对深入了解HTML5从业人员，挖掘和丰富HTML5生态发挥一定指导作用。 ►阅读全文 H5必学入门知识 讲师：邱奎 域名，解析

本文是看了PPK大神等的文章后总结的，基本还是搬砖吧。对于viewport 的认识比之前清晰了很多，希望对别的小伙伴也有帮助。 PC端 先来说说PC端的视口吧。在PC端，就一个视口，即浏览器窗口的大小。页面的大小和浏览器窗口的大小相等。CSS中的像素和浏览器屏幕的像素一一对应。 如果还不明白什么是分辨率、屏幕尺寸、PPI，可以看这篇文章： （全解析）屏幕尺寸，分辨率，像素，PPI之间到底什么关系？

2012年，Web 开发领域继续在快速的发展，HTML5 仍然在展示其跨平台的优越性，CSS3 被人们更多的应用到实际项目中，响应式设计（Responsive Design）技巧也被人越来越多的人熟知和使用。 这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架，这是一个非常值得收藏的工具列表，从功能全面的 IDE 到美观、充满异国情调的小框架，小工具等等。他们能够帮助你降低

问题1：ajaxfileupload返回json带<pre> 问题描述： 文件正常提交，后台接收正常，action中返回json正常，用火狐查看，响应的值也是正常的 但是，ajax调用js中，就是不走success的方法。 经过调查，是因为返回的json中，带有<pre>标签。 解决方法： ajaxfileupload.js文件，uploadHttpData中 eval( “data = ” +

Dirty Checking的实现方式 了解Angular的开发人员都知道，是一种叫做脏数据检查(Dirty Checking)的机制实现了双向绑定这一前端开发中的黑科技。那么在Angular中到底是如何实现它的呢？本文就一一来揭开它的神秘面纱。 一言以蔽之，在angular中是通过Digest Cycle来完成脏数据检查从而完成双向绑定进而实现scope和view的同步的。下面分几个方面来介绍一

        引言 　　最近月影大神翻译的一篇文章很火——《别责怪框架：我使用 AngularJS 和 ReactJS 的经验》，标题看似客观，不过先扬后抑，借黑Angular之际狠赞了一下React。 　　看完之后也让我有感而发。写这篇文章的目的，并不是想反作者之道，褒Angular贬React，只是希望读者抛开个人情绪，对两者（或者Angular？）有一个更客观地认识。 　　 ReactJS

背景：我们是做 Worktile 的时候使用Angular.js的，当时技术选型的时候是准备使用 Backbone.js 的，毕竟有很多大公司在使用它，但是实际使用中发现，Backbone太费劲（具体的详细比较我就不说了），偶然发现了Angular.js，顿时被他的模板语言所吸引。 优点： 1. 模板功能强大丰富，并且是声明式的，自带了丰富的Angular指令； 2. 是一个比较完善的前端MV*框

Angular2笔记（1）——初步认识 笔者原来是一个纯后端屌丝程序员, 在学校的时候, 看见 html/js 就头疼, 最不愿意看见的就是css。工作后, 发现项目组没有前端工程师, 谁的模块谁从头到尾自己负责, 前端开发的任务自然就落在了我们这些后端工程师身上。前端写得多了, 渐渐发现前端已经不再是以前自己认识的那个前端, 它的复杂度不亚于后端。近些年, 可以说是前端技术爆发的年代, 像 an

最近两年，前端开发市场比较流行一些框架的使用来提高我们的开发效率，比如2015~2016年流行起来的AngularJS,2016年流行起来的VueJS，2017年出现的svelet等等。最近公司的项目要使用Angular来进行项目的开发，在项目开发过程中，经历了很多的坑~这些坑，容我娓娓道来： 我们要使用一个技术，首先要了解这个技术是作什么的？怎么引入？用在哪里？ 接下来，简单描述一下Angula