ourjs

未发布 React Hooks 入门教程三:useContext、createContext使用,父子组件传递状态数据
by ourjs keys react hooks 前端 JavaScript 1591959038038
未发布 React Hooks 入门教程二:useState使用、useEffect参数作用
by ourjs keys react hooks JavaScript 前端 1591920774737
未发布 React Hooks 入门教程一:开发工具选择、安装配置Yarn,开发环境搭建
by ourjs keys react hooks 前端 JavaScript 1591797506256
未发布 HTML向内嵌iframe发送提交post数据(无JavaScript)
by ourjs keys Html5 前端 1591685343364

HTML向iframe提交post数据不需要任何javascript代码,只需要将 target 名称指定为 iframe 的名称即可,如下所示:

<form class="editor-form" action="/code-runner/view" target="viewIframe" method="post">
<textarea name="text"></textarea>
<input type="submit" value="post">
</form>

<iframe name="viewIframe"></iframe>
node.js性能压力测试入门教程:wrk和loadtest安装使用
by ourjs keys Node.JS JavaScript 1591410375368

loadtest 是支持通过 npm 安装的一个性能测试工具, 支持 windows和linux,在 node.js 的项目中使用非常方便, 全局安装:

npm install -g loadtest

使用: 连续测试下面的服务20秒,保持100个并发

loadtest http://localhost:8054/test -t 20 -c 100
JavaScript和node.js内存泄露的原因和避免方法及Chrome调试工具使用教程
by ourjs keys JavaScript Node.JS 编程技巧 前端 1591319841520

当我们使用“老式”方法编写网页时,通常不太需要关注JavaScript内存管理。

但 SPA(单页应用程序)的兴起促使我们需要关注与内存相关的编码实践。

在本文中,我们将探讨导致JavaScript内存泄漏的编程模式,并说明如何改善内存管理。

Html5网页中用JavaScript调用本地手机摄像头扫描识别微信二维码、条形码:postMessage跨域https传递扫码结果消息
by ourjs keys JavaScript Html5 Node.JS 1590639140637

 qr-scanner是一个支持HTML5网页扫描条形码、二维码的开源库。

轻量级:〜48.7 kB(〜12.4 kB压缩后)。
性能优内存占用少。
在WebWorker中运行,不阻塞主进程
在彩色QR码上获得性能优
根据我们的基准测试,该项目较jsqrcode提升约2-3倍。 
错误识别率低。
支持扫描网络摄像头的以及扫描图片文件。

JavaScript设置对象属性只读不可修改、不可枚举、不可删除:Object.defineProperty
by ourjs keys JavaScript 前端 1590207306927

使用defineProperty可以定义属性是否可以被枚举、修改和删除, configurable 对象的属性是否可以被删除

var o = { a:1 }
Object.defineProperty(o, 'a', { configurable: false })
delete o.a
console.log(o) // {a: 1}
CSS教程:图片使用混合模式和颜色叠加filter滤镜,改变PNG图标颜色
by ourjs keys css Html5 前端 1588644749818

css3添加了两个与混合模式相关的属性,这种方法的基本原理是将图片和背景颜色混合,从而变成新的颜色。

如果图片是含有透明背景的PNG图片时,可使用filter,一行CSS就可改造图片颜色的色相、饱和度、对比度等,原理类似PS中的滤镜。

CSS教程:如何设置自动显示隐藏scrollbar滚动条,自定义外观样式/宽度,附demo示例大全
by ourjs keys css Html5 前端 1588633964712

Webkit 浏览器,像Chrome,Safari,Opera 支持非标准方法 ::-webkit-scrollbar 来创建自定义滚动条。


 近期热门 - 点击最多
  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. 本地与云 MQTT通信:消息格式定义与配置
  2. MQTT 桥接(Bridging)介绍:解决弱网可靠传输、断网续传
  3. Mosquitto消息中间件简介与部署:本地MQTT服务器部署
  4. MediaMTX 摄像头部署与配置教程
  5. 在网页上播放摄像头RTSP视频流:实时摄像头在线播放的几种架构
  6. 让Docker在Gitea CI/CD流水线中登录http仓库:手写Docker认证信息
  7. ZOT 极简而强大的 Docker OCI 镜像仓库
  8. 用podman代替docker更轻量更安全的云原生容器:替换国内镜像源web窗口管理及开机自动重新启动
  9. 在无管理员权限的情况下,使用安装Python补全pip临时配置环境变量;即零权限使用node.js/npm
  10. Python鉴权方法:Depends 依赖注入;装饰器;与基于Proxy模式的Session状态管理自动计算脏属性;将用户数据存储在Redis中

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

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

OnceOA