自己动手写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;
  }  
为JavaScript设计一个指数操作(运算)符
by ourjs keys 技术前沿 JavaScript 1407895723239
在本文中,我将探讨如何为JavaScript设计一个新的幂运算符,我已经在提交了TC39的审议,并考虑加入ES7的语法规范。

在许多编程语言中,幂通过一个算术运算符来表达; 最常见的为x** y(Python和F#,Ruby,Perl等等),或 X^Y(BASIC,Lua中,MATLAB,R等)。其他语言包括JavaScript和C#依靠内置对象提供的一个函数来实现:Math.pow 和 Math.Pow。 

在JavaScript中通过一个特定的符号实现一个求幂运算,这是有道理的,这将更加有利于这种语言的教学和学习,因为它更加符合现代人的思维习惯。从上段所描述的两种设计中,我选择了**的形式,因为字符^已经被JavaScript用在按位异或运算中。该**形式可以更好的兼容复合赋值运算格式:**=,而且这种语义等价于内置函数Math.pow
JavaScript中的继承,构造函数以及new关键字的作用
by kris keys 大话编程 JavaScript 1407809075995
通常一个构造函数是这样子的,它带有一个area的原型方法,在构造函数中传入长、宽并计算面积。

var Shape = function(width, height) {
    this.width = width;
    this.height = height;
};
Shape.prototype.area = function() {
    return this.width * this.height
};
var shape = new Shape(20, 30);
shape.area();
> 600
输出很完美,这也是经典JavaScript实现继承的方法,通过prototype添加对另外一个对象的引用。
不过一部分JavaScript程序是非常讨厌new关键字的,这个关键字有太浓烈的Java烙印了,而且掩盖了JavaScript基于原型的本质,降低了程序员使用JS语言的效率,因此你想把它省了,看看结果?
在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
by newghost keys 开源OurJS OurJS 1407733073259
此文是介绍如何在Amazon的一年免费计划上安装Node.JS, NPM还有搭建OurJS博客系统。这里选用的操作系统是社区版Debian,Debian和Ubuntu的操作指令是一脉相承的,再加上之前玩过一段时 间的Raspberry PI,个人比较熟悉,以下的安装过程其实同样适用于树霉派(安装node.js和NPM那一部分)。
前端工作面试问题集锦
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
OurJS-免费开源的博客引擎,论坛系统,网站模板和轻量级的CMS
by newghost keys 开源OurJS OurJS 1407316609264
OurJS开源了。OurJS 是一款基于Node.JS的轻量级,免费,开源的博客引擎,论坛系统,网站模板和内容管理系统。

这套框架使 ourjs.com 能够在使用最低配置云服务器的情况下(Debian 64位, 512Mb内存),支承起了较大的访问量,同时占用较少硬盘空间和内存以及服务器资源。

PS: 目前此最低配置云服务器上同时运行了三个网站(其它两个流量较小),SVN版本控制器、FTP文件服务器,nginx,和两个微信号后台程序(其中一个会处理较大查询消息量,曾经还有一个邮件服务器,均由node驱动),目前并没有满负载运行,一般1~2个月有重大升级时才会重启一次。
fibjs 比 nodejs 快五倍
by ourjs keys 大话编程 分享 1407280324972
fibjs 是一个建立在 Google v8 Javascript 引擎基础上的应用服务器开发框架,不同于 node.js,fibjs 采用 fiber 解决 v8 引擎的多路复用,并通过大量 c++ 组件,将重负荷运算委托给后台线程,释放 v8 线程,争取更大的并发时间。 [ 摘自 fibjs docs ]

fibjs 相似代码如下:

var http = require("http");
var svr = new http.Server(8080, function(req) {
    var rep = req.response;
    rep.addHeader({
        "Content-Type": "text/html"
    });
    rep.body.write(new Buffer("Hello World!"));
});

svr.run();
有可能将CSS应用到一个字符的一半吗?
by 1518409521 keys 编程技巧 前端 1407080078469

我在寻找

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

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

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

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

痛苦的Java程序员
by sasasamoa keys 大话编程 分享 1406907689477
Java程序员出了一些问题。我一直在使用Java,到现在已经超过10年了。我也有幸使用过许多其他语言 如:C#,C,C + +,Python,Lua,Objective-C - 我认为这对于理解Java程序员究竟出了什么问题起了很大的帮助。很 多人说Java是一种糟糕的语言。我不同意。 Java有它的缺点,但我认为,不是Java本身惹恼了人们,而是Java的使用方式。
TJ Holowaychuk将Express维护权移交给StrongLoop
by ourjs keys 技术前沿 开源 1406869807127
我们非常高兴和荣幸地宣布,今天上午,TJ Holowaychuk已转让Express 项目和Expressjs.com 域名的维护权到StrongLoop。 
从去年StrongLoop成立开始,我们一直在支持类似Express这样的基础项目。LoopBack一个我们支持的开源框架,像许多其他node框架一样,是建立在Express的基础上。所以,跟你们一样,我们对Express非常依赖。我们很高兴能有机会扩大我们的贡献,并帮助保持Express的稳定和强大。 
TJ一直是StrongLoop的朋友,StrongLoop里的每个人都非常感谢这一切,及他对node社区做的贡献。我们从他那学到了很多,谢谢! 

 近期热门 - 点击最多
  1. ZOT 极简而强大的 Docker OCI 镜像仓库
  2. 用podman代替docker更轻量更安全的云原生容器:替换国内镜像源web窗口管理及开机自动重新启动
  3. python基于asyncio实现 Redis 的异步操作哈希数据写入 / 读取、发布订阅消息中间件
  4. Node.js 打印vite react+go项目目录树
  5. Angular入门:用Signals状态管理和Bootstrap基础样式实现的用户登录注册实例教程
  6. 用Gitea搭建免费Git服务器自定义Actions配置CI/CD自动化部署和测试流水线
  7. FastAPI+SQLModel+PostgreSQL+React+Vite全栈项目文件结构说明环境搭建与初始化指南
  8. React结合vite使用vue3,在纯typescript的react hooks中使用vue
  9. valtio基于Proxy代理比redux\zustand更简洁的react状态管理库
  10. React Native为http网络请求添加timeout超时异常处理: 用XMLHttpRequest替换fetch发送的区别

  全端社区 - 最新回复
  1. ZOT 极简而强大的 Docker OCI 镜像仓库
  2. 用podman代替docker更轻量更安全的云原生容器:替换国内镜像源web窗口管理及开机自动重新启动
  3. 在无管理员权限的情况下,使用安装Python补全pip临时配置环境变量;即零权限使用node.js/npm
  4. Python鉴权方法:Depends 依赖注入;装饰器;与基于Proxy模式的Session状态管理自动计算脏属性;将用户数据存储在Redis中
  5. python基于asyncio实现 Redis 的异步操作哈希数据写入 / 读取、发布订阅消息中间件
  6. Angular入门:用Signals状态管理和Bootstrap基础样式实现的用户登录注册实例教程
  7. 用Gitea搭建免费Git服务器自定义Actions配置CI/CD自动化部署和测试流水线
  8. FastAPI+SQLModel+PostgreSQL+React+Vite全栈项目文件结构说明环境搭建与初始化指南
  9. Node.js 打印vite react+go项目目录树
  10. valtio基于Proxy代理比redux\zustand更简洁的react状态管理库

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

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

OnceOA