前端 | OurJS

by kris keys JS学习前端 1416813449763

简单来说IndexedDB是HTML5引入的一种可以在Web浏览器使用的数据库，用来持久化大量数据。它可以让你的Web应用程序有非常强大的查询能力，并且可以离线工作。IndexedDB的数据操作直接使用JS脚本，不依赖SQL语句（最初的Web SQL数据库己被废弃），操作返回均采用异步。

15个最好的HTML5前端响应式框架(2014)

by ourjs keys 技术前沿前端 1412564459242

HTML5有非常有用和令人意想不到的功能，但也有少数浏览器并不支持HTML5，因此我们需要基于HTML5的前端响应式框架做跨浏览器的支持。这些HTML5的框架有很多，大多支持响应式布局，干净的代码，跨浏览器兼容，内置按钮等等这些设计师常常使用的功能。同的这些HTML5框架将帮助你更加容易地构建任务。包括支持javascirpt和jQuery插件的HTML5的框架，我们可以实现网站的许多应用效果。

针对特定浏览器起作用的CSS: IE Chrome Firefox CSS Hack

by kris keys 编程技巧前端 1412329455202

只在Firefox上应用的CSS Hack，虽然这种情况非常少，但有时也会碰到：

@-moz-document url-prefix() { 
  .cssSelector {
     font-size: 14px;
  }
}

5个经典的前端面试问题

by ourjs keys JS学习前端 1411470059061

JavaScript开发人员在IT界的需求量一直很大。如果你非常精通神这门语言，你会有很多机会换工作，涨薪水。但是在一家公司录用你之前，你必须顺利通过面试，证明你的技能。在本文中，我将向您展示5个关于前端相关的问题，以测试侯选者的JavaScript技能和他们解决问题的能力。有将会非常有趣！

Animate.css让添加CSS动画像喝水一样容易

by newghost keys JS开源前端 1410335021078

animate.css是一堆很酷的，有趣的，跨浏览器的动画效果库，你可以随意在你的项目中使用。用在你想要突出的任何地方，如主页，滑块，这像喝水一样容易，迷死人了。下面是一个动画元素示例：

<h1 class="animated bounceOut">Animate.css</h1>

CSS垂直水平完全居中手册

by ourjs keys 心得体会前端 1409885751786

居中一直是CSS中被抱怨的典型。为什么实现起来这么辛苦？所以有人被嘲笑。我觉得问题不是没有办法做到，只是视情况而定，有很多不同方式，但是很难弄清楚应该用何种方式。

因此我写了这篇文章，希望能把他变得容易点。

前端开发薪资之各地区对比（图文分析）

by kaka keys 挨踢职场前端 1409808326809

发现最近大家都在关注有关前端开发的薪资问题，不同地方各有差异，今天我就总结一下发出来方便大家的查阅。

前面给大家介绍了关于前端开发需要学习的东西，根据你掌握的技能程度，薪水是不一样的。div+css，js会套用效果的4k到6k，新手熟悉切图，工作效率高的5k左右。有两年工作经验的，会ajax，可以手写代码，就是指常用的单词不用靠编辑器，了解一门后台语言（最好是php），不低于8k。对原生js有非常深入的研究，开发组件，框架库之类的，12k+，最低10k。最近比较流行移动终端，会这些的可能会更高一点的。

自己动手写CSS流式（响应式）布局

by ourjs keys 技术前沿前端 1408003035180

在CSS中，你可以使用一个小标记来表示分栏的样式，并且自适应页面的大小。CSS的分栏是一个有趣的选项，简单的几行CSS代码即可创建响应式且向后兼容的流式布局。目前已经支持IE10+, Firefox, Chrome等主流浏览器，以下是几行代码，即可将一段文字分成两栏。 (PS: 当页面总宽度放不下两栏时，则会自动分为一栏, 如Chrome中 width < 400px）

  article{
    -webkit-columns: 2 200px;
       -moz-columns: 2 200px;
            columns: 2 200px;
  }

前端工作面试问题集锦

by ourjs keys 求职面试前端 1407549114660

注: 我们之前介绍过 JavaScript专业八级测试，其中很多问题都体现了JavaScript中的"坑"一面，实现工作中并不常用到（不过也许能帮助你更好地理解JS）；这个开源项目所列问题则比较接地气，大部分都应该是前端程序必须掌握的。（由于中外表述上有差异，某些问题的意图理解起来可能有一定难度）：

你如何对网站的文件和资源进行优化？（期待的解决方案包括：文件合并，文件最小化/文件压缩，使用 CDN 托管，缓存的使用，其他）
为什么利用多个域名来提供网站资源会更有效？（浏览器同一时间可以从一个域名下载多少资源？）
请解释一下 * { box-sizing: border-box; } 的作用？并且说明使用它有什么好处？
描述以下变量的区别：null，undefined 或 undeclared？(该如何检测它们？)
为什么扩展 JavaScript 内置对象不是好的做法？
请解释变量声明提升。* 示例 var v='Hello'; (function(){ alert(v); var v='love'; })();

项目地址： https://github.com/darcyclarke/Front-end-Developer-Interview-Questions

有可能将CSS应用到一个字符的一半吗？

by 1518409521 keys 编程技巧前端 1407080078469

我在寻找

给一个字符的一半设置样式。(在本例中,字符的一半是透明的)

下面是目前我所寻找和尝试的:

将样式应用于字符或者字母的一半的方法
用CSS或JavaScript给字符部分设置样式
给字符的50%应用CSS

下面是一个例子,我想要获得的效果。

近期热门 - 点击最多

全端社区 - 最新回复

开源的 OurJS

关注我们