1. 标题 在Bootstrap中使用标题的方式和常规html一样：从 到 分别从大到小安排标题元素，只不过在Bootstrap中重新设置了其默认样式，从源码中可以看到有如下共性： 字体颜色与字体样式继承自父元素，字体粗细为500，且行高全部设为1.1（也就是font-size的1.1倍） { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit;} 在不同大小的标题中有着如下区别： ...
只要您的的网站可以用户登录，那么不可能不用到表单！表单主要功能是用来与用户做交流的一个网页控件，JavaScript发明之初最大的作用也就是用来进行表单操作。所以表单是每一个前端开发者必须要熟练掌握的东西。 良好的表单设计能够让网页与用户更好的沟通。表单中常见的元素主要包括： 文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的作用都各不相同，而且不同的浏览器对表单控件渲染的风...
我们接下来要学习的东西呢，是Bootstrap为我们提供的一些组件，这些组件的使用非常简单，可以方便快捷帮助我们搭建网站，并且能达到一个不错的显示效果。我们最需要注意的就是： HTML的结构 和bootstrap提供 添加到结构上的类以及属性 。 这些组件的交互功能是依赖于jQuery库实现的，所以还必须引入jQuery.js，且必须在Bootstrap.js之前。正式上线的话直接使用压缩版本就可以了如下： ...
创建项目文件夹 进入项目文件夹 初始化项目 使用npm命令: npm init ,根据提示完成。 安装 Gulp 进入项目文件夹,使用Node的包管理命令npm进行安装. 全局安装 npm install -g gulp 项目依赖中安装 npm install --save-dev gulp 创建Gulp配置文件 在项目根目录新建配置文...
移动端web开发基本上分为三种： 移动端网页开发 传统的页面开发，可以参考手机腾讯网。 移动端web app开发 简单来说就是在开发中使用一些浏览器私有的方法，使得web页面拥有一些native的功能。 hybrid app开发（在此不谈） 简单来说就是通过写特定的代码生成跨平台的web app，类似react，phonegap，cocos2d等。 由于本身没有深入移动端开发，但也可以预见一些移动端开...
| 原文链接： http://aotu.io/notes/2015/10/13/start-postcss/ 初识PostCSS 如果你第一次听说 PostCSS这个东西，那么请看下面摘自官方 Github的介绍： PostCSS is a tool for transforming CSS with JS Plugins. These plugins can support variables and mixins, transpile future CSS syntax, inline images, and more 翻译成中文的意思如下： PostCSS 是一套利用JS插件实现的用来改变C...
HTML是网页开发的基础语言，它用来定制各种网页的元素。比如输入框，按钮、文字、标题等等元素都是有html来定义的。 先来看一个html的框架 就是告诉服务器这个页面是一个html代码文档。这个必须有，虽然还有别的文档格式，但是这种这种写法兼容性最好。 标签提供有关页面的元信息，例：页面编码、刷新、跳转、针对搜索引擎和更新频度的描述和关键词 页面编码（告诉浏览器是什么编码） < meta ...
博客之外 只剩最后一天，二月份就结束了。距离上一篇博客已经有着整整一个月的时间，这一个月的时间，感觉技术上的成长又被搁置了，没有了之前闭关学习的心无旁骛，那段时间成长真的飞快。在家喝酒，玩耍，到现在实习入职了一个星期，整整一个月时间，学习效率都十分的低，也可以说基本没学到什么新东西。今天是2月最后一天，不能再这样下去，好了懊恼的时间，不能太多，应该着眼当下，现在是2016-02-29 21:40，开始把bootstra...
版权声明：此文章转载自诸葛io 孔淼，如需转载请联系听云College团队成员阮小乙，邮箱：ruanqy#tingyun.com 关于爬虫内容的分享，我会分成两篇，六个部分来分享，分别是： 我们的目的是什么 内容从何而来 了解网络请求 一些常见的限制方式 尝试解决问题的思路 效率问题的取舍 本文先聊聊前三个部分。 一、我们的目的是什么 一般来讲对我们而言需要抓取的是某个网站...
引子 在上一篇博客中我们已经成功的把简单的事情变得复杂了，把我们的只有几行代码的两个文件 first.js、 entry.js使用webpack进行文件打包生成了 bundle.js。 Webpack能做的就是这样，只能处理 JavaScript 模块。 当然它如果能做的仅仅是这样，那它也就不可能这么火了=_=。所以它可以通过引入其他的 loader，进而可以处理其它类型的文件。 loader介绍 Loader可以理解为是模块和资源的转换器，它本身是一个函数...
一小时学会写页面 作为一个懒癌晚期患者，总是习惯找各种简单的解决问题的方法，也习惯性把问题简单化，所以今天想分享给大家简单的前端入门方法。既然题目已经定了一个小时那么废话就不多说了，计时开始 1.什么是前端 简单来说，前端就是做网页（大神勿喷，本文一切从简） 2.前端技术 html，是首字母缩写，具体意义请百度，大家要记住“t”代表text，ok你们没有想错，text就是文本文件text，好了准备工作做好了，现在开...
在这个系列文章中，我们将演示如何手工渗透测试web应用程序而不使用自动化工具。世界上大多数公司都非常关注对web应用程序的手工测试，而不是运行web应用程序扫描器——因为它会限制你的知识和技能，影响在测试中寻找漏洞的视野。 在整个系列文章中，我将使用下面的程序： NOWASP Mutiliadae BURP Proxy NOWASP Mutiliadae NOWASP Mutiliadae是一个包含了40多个漏洞的web应用程序。它包括OWASP的to...
A-Frame入门 如今VR可谓是风生水起，特别是愚人节那天各家都纷纷用VR做了愚人节的梗。且不说前景是否真的像各商家吹捧的那样如何如何，我们技术也是要跟进的，所以让我们来看下如何在Web开发中实现VR吧。 在Web开发领域，要做VR开发，我们并不一定需要去学习崭新的语言，也不需要学习复杂的图形处理引擎，下面介绍的一款框架A-Frame就是这样一个能让我们轻松上手VR开发的工具。 什么是A-Frame A-Frame是一个能够使用自...
这是25学堂从haorooms博客转载过来的一篇非常有用的css单位的博文，特别是对于想要学习移动H5开发的小伙伴来说，是一篇很干的干货。 第一部分移动H5开发入门知识：CSS单位介绍和用法 说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单...
1.fis作为nodejs的模块来管理的，所以首先得安装nodejs，看我前面的安装nodejs的文章。 2.官方的案例下载包https://github.com/hefangshi/fis-quickstart-demo 3.cmd命令，进入，然后看图安装的时候普遍可能报错，什么什么镜像问题，导致安装失败，解决方法：我选择第二种，如图：设置完了之后就等待安装了，安装完成。 4.打开fis测试用的客户端：fis server start --type node，地址是127.0.0.1:8080 5.命令行进入案例包目录并编译...