这里和搜集了前端开发者必备的20个在线工具和指南。新的一周，你需要计划学习新的东西或者能够提升你的能力。在平常的搜索中，我碰到过很多实用的工具，应用程序和参考文档，我把它们整理在下面这个列表。相信你会在这个列表中发现对你很有用的资料。 您可能感兴趣的相关文章Web 前端开发人员和设计师必读文章集锦 十个拥有丰富 UI 组件的 JavaScript 框架 十款精心挑选的在线 CSS3 代码生成工具 开发者必备的八个最佳云端集成开发...
test随着自己对于web前端知识了解的越多，越来越发现自己真的好菜一脸茫然阶段 两年前大学接触网页设计，那时对于网页设计一窍不通，只是看了一本自己大学编的一本入门教材，我甚至不知道那些网页设计的代码是干什么用的，大学的老师自己讲的很投入，然而我并不懂。最后考试他就划了重点。我们只要记一些简单的html代码，那时的我还不知道什么是盒子模型，不知道什么是css，怎么外部引用css和javascript,只是对一些标签眼熟 初识网...
即将从事Web前端的工作的 先对即将从事的行业有个了解。Web前端发展史：第一个网页诞生于90年代初，早期的网页除了一些小图片和毫无布局可言的标题段落，其全由文字构成。然而随着时代的进步，互联网的不断发展，接下来出现了表格布局，此次是flash,最后是基于CSS的网页设计。不可否认，前端页面重构技术也经历着这样的一个过程：首先是Table布局-->Html-->Div+css-->Html5+Css3,面对众多的浏览器与平台，Web前端不再是以往那样简单...
4月7日学到的知识点：一：alt是给图片添加介绍，当图片没加载出来时，会直接显示alt的值,在搜索引擎搜索时也可以让搜索引擎更好的找到这张图。二：标签下载当href的值是一个文件名或者压缩包时就会直接出发浏览器的下载功能去下载这个文件。三：锚点，百度百科常用。点击a标签就会跳到对应id的位置。四：群组选择符#box1,#box2{}选中id为box1和box2的对象。五：类选择符.class六：类型选择符p{};div{}等七：样式优先级1.同级样式默...
即将毕业的软件工程大学生一枚，秋季招聘应聘的是Android，今年来到公司实习，要求做前端开发，所以一切只有现学，现在根据视频来学习，然后开这个博客记录一下自己的学习过程，废话不多说，开写。 4月6日学到的知识点：一：! 声明，注意的意思；doc document 文档的意思；type 类型的意思；html就不用解释了；连在一起的意思就是：注意，文档的类型是HTML。也就是声明你写的文件的文档类型，方便浏览器解析。二：声明代码的编码...
这断时间家里有点事，上班也有点任务，所以几天没看视频没来更新了。今天来更新一下了。 一：默认样式重置但凡是浏览默认的样式，都不要使用。body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size:12px;/* font-family:XX; */} ol,ul{list-style:none;padding:0;margin:0;} a{text-decoration:none;} img{border:none;} 二：块元素和内嵌元素块元素的特征:1.默认独占一行；2.没有宽度时，默认撑满一排；3.支持所有...
开始学习前端知识，做一些笔记来记录下～ 之前学习都是使用的dw 现在前端开发工具既轻便功能也够强大。 下面记录下常用的前端工具：Sublime3:需要安装第三方包，一般 Atom:继承度非常好 VS code:智能提示非常强大 Webstorm:大项目，建议使用 markman:标注／测量工具（基于adobe air）工具安装： Sublime3安装 官网下载地址：http://www.sublimetext.com/ 安装插件步骤： 第一步：安装插件的包管理器：package control 安装上 按快捷...
以下内容与主题无关，如果不想看可以直接忽视!--忽视开始--！ 给大家推荐一款强大的编辑器，那就是集响应快、体验好、逼格高、功能丰富为一体的sublime text 3。它除了以上特点，还有一个最重要的功能:方便快捷的插件扩展，支持大量插件而且均支持命令行安装，只要一条简单的命令就可以完成插件的安装。想要提高开发效率，sublime是一个很好的选择！!--忽视结束--！ 以下为项目开发时遇到的问题或者学习到的前端技术：1、hei...
前端工程师必备技能金刚 前端 前端工程师今天在技术群里看到几张讲前端的图片，好棒，记录下。以后慢慢扩展相关领域。前端技术汇总.jpg前端工程师所需要掌握的技能.jpg前端工程师所需要掌握的技能.jpg2016.4.27 修改 添加大图下载地址： 点我下载
1. Bootstrap Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。 Bootstrap是用动态语言LESS写的，主要包括四部分的内容：脚手架——全局样式，响应式的12列栅格布局系统。记住Bootstrap在默认情况下并不包括响应式布局的功能。因此，如果你的设计需要实现响应...
前一段时间因工作时间减缓了更新笔记的时间。我也不知道有没有会观看并且能不能帮到一些初学者，这只是我的一些小随笔而已。当然我也希望的的每一篇随笔都可以帮到更多的想要学习前端开发的初学者们，更希望你们也可以从中体会到、领悟到一些新的知识作为积累并加以巩固。像我一样写下自己每时每刻的成长记录。 文本属性 文本缩进 将Web页面上的一个段落第一行缩进，这是一种最常用的文本格式化效果。有的网站在段落的第一个字母...
浏览器参照基准：Firefox, Chrome, Safari, Opera, IE； * IE6不支持CSS min-height属性。最小高度的定义：1. 元素拥有默认高度；2. 当内容超出元素的默认高度时，元素的高度随内容增加而增加Figure 1:如下图的需求 * 如上图，两个区域的高度不一样。这就是 min-height 的效果演示。元素拥有一个默认的高度，当内容超出该默认高度时，元素的高度同时随内容而增加。eg1: .test{float:left;width:200px;margin:0 5px;padding:1...
一小时学会写页面 作为一个懒癌晚期患者，总是习惯找各种简单的解决问题的方法，也习惯性把问题简单化，所以今天想分享给大家简单的web前端入门方法。既然题目已经定了一个小时那么废话就不多说了，计时开始 1.什么是前端 简单来说，前端就是做网页（大神勿喷，本文一切从简） 2.前端技术 html，是首字母缩写，具体意义请百度，大家要记住“t”代表text，ok你们没有想错，text就是文本文件text，好了准备工作做好了，现在开始做网页...
写在前面的话： 2016年5月4日青年节，作为一名正青春的学生党，开始了博客生涯，励志做个勤奋上进的好青年。幻想着毕业后月薪W+ 、走上人生巅峰的职场生活...... 然而 然而 然而 ，自制力有限的我昨天还是没有控制住，追起了《欢乐颂》，啊啊啊啊啊，一看就是一整天啊，简直是大写的颓废！！！ 哈哈，我相信很多人也在追这部剧，在这部剧里，每个人应该都能够找到自己喜欢的角色，也应该能够从她们身上找到点点相似的地方，个人感觉...
今天对自己做的项目中的一个设计器界面加载速度上进行了优化，因为页面在加载的时候，感觉有点慢。首先，我用firefox的yslow和chrome的pagespeed进行了测试，效果如下，分数有点不同，但是都是很低的。我其实主要在chrome下用pagespeed的提示进行优化的。 yslow优化前：yslow优化后：pagespeed优化前：pagespeed优化后：优化策略：1.tomcat配置启用gzip压缩 2.tomcat配置静态文件的过期时间3.css放页面上方4.javascript放页面下方...