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

  • 描述以下变量的区别: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%,让我们看看会发生什么。


 近期热门 - 点击最多
  1. React Native使用fetch发送http登陆验证请求失败:无法读取set-cookie并显示network request failed
  2. 克服Redux的缺点在React/Native中使用消息队列,pubsub-js更加简洁的组件间通信和状态传递方法
  3. Springboot+Gradle+Mysql+Jpa最简单实例教程
  4. SpringBoot+Spring6入门指南: 使用命令行快速搭建restful web api模板
  5. 如何通过 winax 的 ActiveXObject 或 Excel.Application 往 excel 中插入一张图片
  6. node.js用activex/com+自动化读写excel时查询接口、参数的调试方法
  7. TypeScript定义数字范围类型即仅包含【小时:分钟】的时间类型,每天指定时间点执行任务
  8. 比较测试:用百度文心一言和阿里通义千问写删除文件目录并且是async/await代码
  9. node.js使用TensorFlow入门教程二:什么是张量神经网络运算与矩阵的关系及基本入门代码
  10. node.js使用TensorFlow入门教程一:简介及工作原理环境安装及初始化

  全端社区 - 最新回复
  1. React Native为http网络请求添加timeout超时异常处理: 用XMLHttpRequest替换fetch发送的区别
  2. ReactNative获取Android/iOS的MAC/IP地址: react-native-device-info模块的安装与使用
  3. React Native使用fetch发送http登陆验证请求失败:无法读取set-cookie并显示network request failed
  4. 克服Redux的缺点在React/Native中使用消息队列,pubsub-js更加简洁的组件间通信和状态传递方法
  5. Springboot+Gradle+Mysql+Jpa最简单实例教程
  6. SpringBoot+Spring6入门指南: 使用命令行快速搭建restful web api模板
  7. Paddle/abbyy等ocr比较:如何将图片生成可选择文字版PDF
  8. 如何通过 winax 的 ActiveXObject 或 Excel.Application 往 excel 中插入一张图片
  9. 如何用JavaScript获取某个元素copy selector的CSS选择器
  10. 青否数字人5.0上线,支持真人接管实时驱动!

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

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

OnceOA