一些你不知道的JavaScript Console调试命令
by ourjs keys 编程技巧 分享 1415594759881
并不是第个人都知道,除了用来记录日志的简单的console.log之外。Console对象还有很多其它有用的功能。我选择了5个最有意思但是还不是那么流行的功能,你马上就可以在你的日常工作中使用。
注* 这些命令包括: assert, table, profile, group, and time
Debug调试Node.JS:我们是如何定位内存泄漏和无限循环的
by ourjs keys JS学习 Node.JS 1415413995687
在Storify,我们用Node.js驱动后台。对于大多数生产环境上的问题(像未捕获的异常),我们使用日志来调试。然后我们看到了一些其他的BUG,像内存泄漏和无限循环,这些漏洞无法通过debugging工具来调试。
过去,当我们的服务变得很慢时,我们使用Monit 去重启他们。当我们上线了Livefyre之后,我们决定不要重启,尝试去修复这些缺陷。经过几个月的尝试,我们在Node.JS的调试技巧方面学到了很多。
理解JavaScript中的事件路由冒泡过程及委托代理机制
by kris keys JS学习 JavaScript 1415181491830
当我用纯CSS实现这个以后。我开始用JavaScript和样式类来完善功能。
然后,我有一些想法,我想使用Delegated Events (事件委托)但是我不想有任何依赖,插入任何库,包括jQuery。我需要自己实现事件委托了。
我们先来看看事件委托到底是什么?他们是怎么工作的,怎么去实现这种机制。
为什么你应该抛弃Express的视图渲染引擎
by pockry keys 大话编程 Node.JS 1415249311893
Nodejs Express框架一个被人们广为使用的特性是它的渲染引擎。Express视图渲染引擎允许Controller提供一个视图名称和视图模型对象给 Express,然后返回由HTTP响应流输出的一些字节。基于为eBay的Nodejs技术栈提供支持的经验,我们发现了这个方法的缺点并决定彻底的弃用它。我们这么做了之后,能明显看到页面加载速度的提升、更好的模块性以及开发者生产力的提高。本文将解释为什么你不应该使用Express视图渲染引擎,并提供一个推荐的替代方案。
Walkway用简单的方法为SVG元素添加动画效果
by ourjs keys JS开源 开源 1415062444915
这个库的作用是将SVG矢量图中的一些基本元素(目前仅支持路径Path和线Line)以线性动画的方式展示出来。 类似于PS4首页所展示的动画效果,示例:

var svg = new Walkway('#test'); //#test通常为一个svg元素
svg.draw(function () {
  console.log('Animation finished');
});
Go语言实例教程基础语法篇(一)
by ourjs keys 编程技巧 分享 1414893700862
Go语言是一个开源的,为创建简单的,快速的,可靠的软件而设计的语言。
Go语言实(示)例教程,通过过实例加注释的方式来介绍Go语言的用法。第一个程序会输出"hello world"消息。源代码如下:

package main
import "fmt"
func main() {
    fmt.Println("hello world")
}
用JavaScript制作HTML5动画基础
by ourjs keys JS学习 JavaScript 1414720081582
这是《Foundation HTML5 Animation with JavaScript》一书的附属范例,多达200多个基础动画的示例,由浅入深,由简单到复杂,适合系统学习。这里你可以找到所有关于在浏览器使用JavaScript移动元素的相关知识。这是创建HTML5游戏,动画和页面效果的基础。

它提供了所有相关的数学知识,和你需要了解的物理概念,如加速度,速度,淡入淡出(easing),弹簧(springs),碰撞检测,动量守恒,3D,以及正向和反向运动。帮助所有Web开发人员从Flash切换到HTML 5创建符合标准的游戏,应用和动画,兼容现代浏览器和大多数的移动设备,包括iPhone,ipad,Android设备等。
SpiderMonkey的JavaScript引擎[Firefox]性能超越V8[Chrome]
by ourjs keys 技术前沿 展示 1414631036183
我们够快了吗?是的,我们是最快的。在Octane性能测试中,Spidermonkey的性能已经超过了V8,看看这个测试, 在Octane上的性能已经超过了V8(Chrome),JSC(Safari),Sunspider()和Kraken();
注*: JavaScript引擎的竞争从未停止,Octane 性能测试(2.0)是一组现代化的评价JavaScript引擎的性能的测量基准。由Google提出,你可以在线测试浏览器的性能。
基于 Web 的 Go 语言 IDE
by ourjs keys 技术前沿 展示 1414459094619
Wide 的由来,团队的IDE:
安全可靠:项目源代码实时保存在服务器上,开发者的机器崩溃不会丢失任何源代码
统一环境:服务器统一配置开发环境,开发者本机无需任何额外配置
开箱即用:5 分钟搭建服务器;开发者打开浏览器即可开发、调试
版本控制:每个开发者拥有自己的源代码仓库,随时可和主干保持同步
怎样用纯HTML和CSS更改默认的上传文件按钮样式
by ourjs keys 大话编程 分享 1414485724768
用纯CSS样式加HTML实现统一的上传文件按钮可能会很麻烦。看看下面的不同浏览器的截图。很明显的,他们长得很不一样。我们的目标是创造一个简洁,用纯CSS实现的,在所有浏览器里的样子和布局是一样的上传文件按钮。最后的效果可能是这样的:


 近期热门 - 点击最多
  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