叶超Luka - 博客园

2016年10月22日

【网络文摘】2016年里做前端是怎样一种体验

摘要：问：最近我接手了一个新的Web项目，不过老实说我已经好久没碰过这方面的代码了。听说前端的技术栈已经发生了极大的变革，不知道你现在是不是仍然处于最前沿的开发者阵列？答：准确来说，过去俗称的写网页的，现在应该叫做Front End Engineer，我确实属于这所谓的前端工程师。并且我才从JSConf 阅读全文

posted @ 2016-10-22 21:51 叶超Luka 阅读(349) 评论(0) 推荐(0) 编辑

【JavaScript Demo】回到顶部功能实现

摘要：随着网站的不断发展，需要展示的内容也越来越丰富，这导致网页上能展示的内容越来越多。当内容堆积影响了用户体验，就需考虑如何提升用户体验。在这一系列的改动中，“回到顶部”的功能成为了一个经典。 1.页面布局 (1) 我们先简单的搭建一个长度为1200px的页面，保证视口的高度足够。 (2) 然后我们准备阅读全文

posted @ 2016-10-22 20:07 叶超Luka 阅读(2032) 评论(0) 推荐(0) 编辑

2016年10月21日

【JavaScript 插件】实现图片倒影效果 - reflex.js

摘要：目前版本: reflex.js 1.5 适用的主流浏览器： Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+ 原理：通过 canvas 重画图片，显示倒影效果官方网址：http://www.netzgesta.de/reflex/ 效果展示：http: 阅读全文

posted @ 2016-10-21 20:07 叶超Luka 阅读(2168) 评论(0) 推荐(0) 编辑

2016年10月19日

【读书笔记《Bootstrap 实战》】6.单页营销网站

摘要：我们已经掌握了很多实用 Bootstrap 的重要技能。现在，是时候拿出更多的创意来帮助客户实现他们全方位在线营销的愿望了。此次将带领大家做一个漂亮的单页高端营销网站。主要任务如下： □ 一个大型介绍性传送带图片展示区，配有自定义的响应式欢迎信息； □ 一个客户留言区，显示为带标题的图片墙，就像砖阅读全文

posted @ 2016-10-19 22:21 叶超Luka 阅读(1349) 评论(0) 推荐(0) 编辑

2016年10月13日

【读书笔记《Bootstrap 实战》】5.电子商务网站

摘要：构建了公司网站之后，接下来就可以考虑设计一个在线商店了。此次的设计以上一章的设计为基础，只是添加了一个包含如下元素的新页面： □ 包含商品小图、标题和说明的产品网格； □ 位于左侧的变懒，用于按类别、品牌等筛选商品； □ 方便用户导航的面包屑和分页链接。大家先看一看Zappos (http:/ 阅读全文

posted @ 2016-10-13 19:57 叶超Luka 阅读(1668) 评论(0) 推荐(1) 编辑

2016年10月6日

【读书笔记《Bootstrap 实战》】4.企业网站

摘要：上一章有对个人作品站点进行一些优化。本章，轮到我们充实这个作品站点了，补充一些项目，从而展示我们的能力。换句话说，我们要构建一个相对复杂的企业网站主页。下面有几个成功企业的网站： □ Zappos (http://www.zappos.com/) □ Amazon (https://www.ama 阅读全文

posted @ 2016-10-06 20:15 叶超Luka 阅读(1577) 评论(1) 推荐(1) 编辑

2016年10月2日

【问题&解决】fonts/fontawesome-webfont.woff2 404 (Not Found)

摘要：问题：虽然网页正常显示和运行，但是有2个字体文件出现404错误。像笔者这种强迫症是接受不了的。解决：因为笔者的服务器是虚拟主机，只需要在主机控制器平台添加对应的MIME类型即可。这样服务器就支持这两种字体文件，不会报错了。参考的解决方案文章全文如下：来源：http://www.yneit 阅读全文

posted @ 2016-10-02 22:19 叶超Luka 阅读(31184) 评论(0) 推荐(1) 编辑

【读书笔记《Bootstrap 实战》】3.优化站点资源、完成响应式图片、让传送带支持手势

摘要： A.优化站点资源速度很重要。用户很关心。我们的站点必须加载够快，否则用户就会走人。SEO 也很重要。我们的站点必须加载够快，否者搜索排名就会下降。明白了这样，我们就来清点一下【Bootstrap】2.作品展示站点中的资源。特别的，来看一看我们能控制的、影响页面速度的重要因素 —— 文件大小，阅读全文

posted @ 2016-10-02 22:17 叶超Luka 阅读(782) 评论(0) 推荐(0) 编辑

【读书笔记《Bootstrap 实战》】2.作品展示站点

摘要：假设我们已经想好了要给自己的作品弄一个在线站点。一如既往，时间紧迫。我们需要快一点，但作品展示效果又必须专业。当然，站点还得是响应式的，能够在各种设备上正常浏览，因为这是我们向目标客户推销时的卖点。这个项目可以利用Bootstrap的很多内置特性，同时也将根据需要对Bootstrap进行一些定制。阅读全文

posted @ 2016-10-02 22:15 叶超Luka 阅读(1534) 评论(0) 推荐(0) 编辑

【Bootstrap Demo】入门例子创建

摘要：本文简单介绍下如何来使用 Bootstrap，通过引入 Bootstrap，来实现一个最基本的入门例子。在前一篇博文【Bootstrap】1.初识Bootstrap 基础之上，我们完全可以更加方便快捷的创建一个的简单例子。这个例子只有基本的东西：引入了预编译版的 CSS 和 JavaScript 阅读全文

posted @ 2016-10-02 22:07 叶超Luka 阅读(6250) 评论(0) 推荐(0) 编辑

【读书笔记《Bootstrap 实战》】1.初识Bootstrap

摘要：作为Web前端开发框架，Bootstrap为大多数标准的UI设计常见提供了用户友好、扩浏览器的解决方案。 1.下载Bootstrap 打开官方网址 http://getbootstrap.com/ 进行下载。 2.准备项目模板文件夹接下来，我们为第一个项目创建一个文件夹以及一些基本的文件。谓词我们阅读全文

posted @ 2016-10-02 22:05 叶超Luka 阅读(4045) 评论(1) 推荐(0) 编辑

【CSS】其他CSS属性和特性

摘要： 1. 设置元素的颜色和透明度前面有介绍CSS颜色的各种用法，如 background-color属性、boder-color属性等。还有另外两个与颜色有关的属性。 1.1 设置前景色 color属性设置元素的前景色。一般而言，元素对color属性之于它的意义可以有不同的解读，不过实际上，color 阅读全文

posted @ 2016-10-02 22:03 叶超Luka 阅读(323) 评论(0) 推荐(0) 编辑

【CSS】过渡、动画和变换

摘要： 1. 使用过渡过渡效果一般是由浏览器直接改变元素的CSS属性实现的。例如，如果使用:hover选择器，一旦用户将鼠标悬停在元素之上，浏览器就会应用跟选择器关联的属性。当用户将鼠标悬停在span元素上的时候，浏览器就会响应，直接应用新的属性。变化如下图所示： CCS过渡属性允许控制应用新属性值的速阅读全文

posted @ 2016-10-02 22:02 叶超Luka 阅读(2225) 评论(0) 推荐(0) 编辑

【CSS】创建布局

摘要：随着对分离HTML元素的语义重要性与其表现的影响的不断强调，CSS在HTML5元素布局方面的作用越来越重要。 1. 定位内容控制内容最简单的方式就是通过定位，这允许你使用浏览器改变元素的布局方式。 1.1 设置定位类型 position 属性设置了元素的定位方法。 position 属性的不同值指阅读全文

posted @ 2016-10-02 22:01 叶超Luka 阅读(285) 评论(0) 推荐(0) 编辑

【CSS】使用盒模型

摘要：盒子是CSS中的基础概念，我们需要使用它来配置元素的外观以及文档的整体布局。 1. 为元素应用内边距应用内边距会在元素内容和边距之间添加空白。我们可以为内容盒的每个边界单独设置内边距，或者使用 padding 简写属性在一条声明中设置所有的值。如果使用百分数值指定内边距，百分数总是根包含块的宽度阅读全文

posted @ 2016-10-02 21:59 叶超Luka 阅读(314) 评论(0) 推荐(0) 编辑

公告