Simple is Happiness
Less is more
前端
针对特定浏览器起作用的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; } 的作用?并且说明使用它有什么好处?

  • 描述以下变量的区别:nullundefined 或 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

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

CSS字体大小: em与px、pt、百分比之间的对比
by 1518409521 keys 心得体会 前端 1405687703167

CSS样式最混乱的一个方面是应用程序中文本扩展的font-size属性。在CSS中,你可以用四个不同的单位度量来显示在web浏览器中的文本大小。这四个单位哪一种最适合Web? 这个问题引起了广泛的争论。找到一个确定的答案是困难的, 因为这个问题,本身就是如此难以回答。

当你动态地观察他们就很容易理解字体大小单位之间的区别。

一般来说:1 em = 12 pt = 16 px = 100%

当使用这些font-size, 增加基础本字体大小(使用CSS选择器)从100%到120%,让我们看看会发生什么。

怎样才能成为优秀的前端开发工程师
by monkey keys 挨踢职场 前端 1404894319288
多刚入门的前端攻城师会有一个疑问:如何才能成为一名优秀的前端工程师呢?其实这个问题说大也大,说小也小,展开了说可以写一本书。当然我相信大部分人并不希望去读一本厚厚的书,大道至简,下面总结的几条方法或许能成为走向优秀前端的进阶之路。1. 多写。很多问题都是积累得来的。写了,遇到了,才能去真正理解解决方案,才会随着自己的不断成长而有进步。

 近期热门 - 点击最多
  1. 网站集成百度、Bing必应搜索引擎,在网页中实现站内全文搜索
  2. React Hooks入门教程九:在React中集成使用Vue实现数据双向绑定,手动配置Webpack和Babel
  3. node.js性能压力测试入门教程:wrk和loadtest安装使用
  4. JavaScript和node.js内存泄露的原因和避免方法及Chrome调试工具使用教程
  5. Html5网页中用JavaScript调用本地手机摄像头扫描识别微信二维码、条形码:postMessage跨域https传递扫码结果消息
  6. JavaScript设置对象属性只读不可修改、不可枚举、不可删除:Object.defineProperty
  7. CSS教程:图片使用混合模式和颜色叠加filter滤镜,改变PNG图标颜色
  8. CSS教程:如何设置自动显示隐藏scrollbar滚动条,自定义外观样式/宽度,附demo示例大全
  9. node.js通过Error.prepareStackTrace获取上层调用函数的文件名地址和行数位置
  10. JavaScript判断字符串是否为数字类型:Number.isInteger、isNaN、正则表达式比较

  全端社区 - 最新回复
  1. 微盟智慧零售:异业连麦直播这样玩,新增会员过万
  2. 销氪助力雄达获取有效商机
  3. 微盟微站如何搭建百度小程序
  4. 销氪智能呼叫中心,助销售提升呼叫效率
  5. React Hooks 入门教程一:开发工具选择、安装配置Yarn,开发环境搭建
  6. JavaScript和node.js内存泄露的原因和避免方法及Chrome调试工具使用教程
  7. React Hooks 入门教程四:useReducer使用说明,改变对象中不同参数的值
  8. 微盟微站有什么用
  9. 安奈儿携手微盟智慧零售,开启童装零售新模式
  10. 几款开源的图形化Redis客户端管理软件

  开源的 OurJS
OurJS开源博客已经迁移到 OnceOA 平台。

  关注我们
扫一扫即可关注我们:
OnceJS

OnceOA