未找到

Image Lazy Load:那些延时加载图片的开源插件(jQuery)
by kris keys JS开源 开源 1429360339972
图片延时加载技术对大流量的网站来说是十分实用的。目前图片在网站中大量使用,如果不加处理的话会对服务器和带宽造成级大压力,通过只渲染当前用户可见区域的图片,可以极大地减少网站的请求数,降低网络带宽资源,例如:

一般图片
<img src="bg.png" data-src="img1.jpg" /> 
应用
$(document).ready(function() {
  $("img").unveil();
});
JavaScript变量作用域(Variable Scope)和闭包(closure)的基础知识
by ourjs keys JS学习 JavaScript 1430183200081
作用范围是个“木桶”,里面装着变量。变量可以是局部或者全局性的,但在子范围中定义的变量是可以访问父范围的,这一点可能会造成一些困扰。

在JavaScript中使用"var"关键字声明变量。一旦在父范围宣声明,就会作为各自子范围的一部分。即在本地范围内有效,但本地定义的变量不可在全局范围内访问。

让我们来看一个例子。执行下面的代码,你会发现,你能打印出全局范围定义的变量,而全局范围无法访问局部范围定义的变量。
WordPress 4.3核心功能将放弃PHP并使用Node.JS重写[4.1]
by ourjs keys 行业动态 分享 1430312785541
WordPress一直是目前最为流行的CMS(网站模板和内容管理)系统。它的核心开发人员Ryan Boren宣布,4.3版本的核心功能将使用Node.JS重写,同时将保持与以前版本的向后兼容。WordPress中著名的“cycle"会变成下面这样:

var query = new wp.Query ();
query.setQuery ({
    post_type: 'post',
    post_status: 'publish',
    posts_per_page: 5
});
 
_.each (query.getPosts (), function (post) {
    console.log (post.title);
    console.log (post.content);
    console.log (post.author);
});
6款基于Node.JS的开源内容管理和静态网站生成系统
by ourjs keys JS开源 Node.JS 1427012686607
随着 Node.js 变得越来越受欢迎,各种为大的或小的 web 应用创建的解决方案越来越多,许多有才华的开发人员创建基于node的解决方案,以取代老一代且被人们所熟知的软件。

在内容管理系统 (CMS) 中,豪无疑问目前最流行的是 WordPress。它是一个可靠、 稳定的系统,有一个非常活跃的社区。它能使那 些对技术不熟悉或根本不懂技术的人也能搭建网站,不仅局限于博客。它还是一个静态站点生成器。Jekyll和基于Jekyll的系统适合开发人员创建博客 或网站,它是一个轻量级的解决方案。在这篇文章,我会列举6个基于Node.js的静态网站生成系统,这些是JavaScript开发人员的最爱。
NativeScript的竞争者React Native:又一个用JavaScript写原生iOS应用的项目
by ourjs keys JS开源 开源 1427693427027
也许是受到 Telerik 的 NativeScript 的压力, React Native的推出显得有点仓促。NativeScript 已经支持Android和iOS平台,还正在添加对Windows的支持; 但React Native目前仅支持iOS平台,二者均使用JavaScriptCore作为iOS上的JavaScript解释器。但由于Telerik一直是销售商业应用解决方案的,而Facebook有着良好的开源传统,加上ReactJS已经积累了相当人气,开发者普遍对 React Native 明显怀有更大的热情,宣布首日就积累了8K+个Star。
OnceIO(Node.JS)的网页(模板)的引用与嵌套
by ourjs keys JS学习 Node.JS 1479171486710
OnceIO 提供将一个网页文件嵌套在另一个网页文件中的机制。文件嵌套与模板引擎无关,语法固定为 <!--#include="path"--> ,其中 path 为文件相对路径,引号必须为双引号,中间不能有空格。
<html>
<body>
  <!--#include="header.html"--> 
  <div> 
    Main content 
  </div>
  <!--#include="footer.html"--> 
</body>
</html>
在 2016 年学 JavaScript 是一种什么样的体验?
by ourjs keys 轻松一刻 瞎扯 1475853522833

嘿,我最近接到一个 Web 项目,不过老实说,我这两年没怎么接触 Web 编程,听说 Web 技术已经发生了一些变化。听说你是这里对新技术最了解的 Web 开发工程师?

准确地说,我是一名「前端工程师」。不过你算是找对人了。我对今年的技术别提多熟了,前端可视化、音乐播放器、能踢足球的无人机,你尽管问吧。我刚去 JS 大会和 React 大会逛了一圈,没有什么新技术是我不知道的。

OnceIO(Node.JS)的静态文件路由(app.static)
by ourjs keys 大话编程 分享 1478163742977

为了提供静态资源,比如图像、CSS 文件和 JavaScript 文件等,可以将这些资源放在专门的文件夹中,然后用 app.static('folder') 将文件夹设置为 static 模式,使其中的资源可以直接被提供,而不参与中间件、Handler、会话、POST 和 Cookie,以达到节约带宽、减少延迟和降低服务器压力的目的。示例代码如下:

app.static('css')
OnceIO(Node.JS)中的模板引擎是什么及MVC设计模式的使用与实现
by ourjs keys JS学习 Node.JS 1477375331901
这一节主要介绍OnceIO(NodeJS)中模板引擎的使用。模板引擎是为了使用户界面与业务数据(内容)分离而产生的,模板引擎可以让(网站)程序实现界面与数据分离,在将数据填充到模板并最终生成HTML的过程中,天然就体现了MVC设计模式(Model-view-controller)的思想。 MVC 模式是一种动态的程序设计架构,用一种将业务逻辑、数据、界面显示分离的方法组织代码。简化后续对程序的修改和扩展,并且使程序的某一部分的重复利用成为可能。
NodeJS中的Middleware是什么?在OnceIO中创建和使用中间件
by ourjs keys JS学习 Node.JS 1477101022855

OnceIO 是一个自身功能极简,完全由路由、中间件和Handler构成的 web 开发框架:一个 OnceIO 应用本质上就是在调用各种中间件和Handler。  

中间件是一个函数,它可以访问请求对象(request object (req)), 响应对象(response object (res)),并将应用的请求-响应循环传向下一个中间件。

一个应用的请求-响应循环如下图所示,由请求对象、响应对象、中间件和 handler 构成


 近期热门 - 点击最多
  1. python基于asyncio实现 Redis 的异步操作哈希数据写入 / 读取、发布订阅消息中间件
  2. Node.js 打印vite react+go项目目录树
  3. Angular入门:用Signals状态管理和Bootstrap基础样式实现的用户登录注册实例教程
  4. 用Gitea搭建免费Git服务器自定义Actions配置CI/CD自动化部署和测试流水线
  5. FastAPI+SQLModel+PostgreSQL+React+Vite全栈项目文件结构说明环境搭建与初始化指南
  6. React结合vite使用vue3,在纯typescript的react hooks中使用vue
  7. valtio基于Proxy代理比redux\zustand更简洁的react状态管理库
  8. React Native为http网络请求添加timeout超时异常处理: 用XMLHttpRequest替换fetch发送的区别
  9. React Native使用fetch发送http登陆验证请求失败:无法读取set-cookie并显示network request failed
  10. 克服Redux的缺点在React/Native中使用消息队列,pubsub-js更加简洁的组件间通信和状态传递方法

  全端社区 - 最新回复
  1. 在无管理员权限的情况下,使用安装Python补全 pip临时配置环境变量
  2. Python鉴权方法:Depends 依赖注入;装饰器;与基于Proxy模式的Session状态管理自动计算脏属性;将用户数据存储在Redis中
  3. python基于asyncio实现 Redis 的异步操作哈希数据写入 / 读取、发布订阅消息中间件
  4. Angular入门:用Signals状态管理和Bootstrap基础样式实现的用户登录注册实例教程
  5. 用Gitea搭建免费Git服务器自定义Actions配置CI/CD自动化部署和测试流水线
  6. FastAPI+SQLModel+PostgreSQL+React+Vite全栈项目文件结构说明环境搭建与初始化指南
  7. Node.js 打印vite react+go项目目录树
  8. valtio基于Proxy代理比redux\zustand更简洁的react状态管理库
  9. Windows与Mac通过git ssh和rsync实现文件共享互传
  10. Windows与Mac通过git ssh和scp实现文件共享互传

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

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

OnceOA