用CSS和Bootstrap图标制作上下跳动的指示箭头动画效果
by ourjs keys 编程技巧 Html5 1527906827498
有时侯页面很长,需要指示箭头告诉用户下面还有东西。可以用纯CSS的方法实现。
HTML:添加一个链接,可修改锚点点击时滑动到指定位置,这里使用了Bootstrap 3.x版本的一个向下箭头作为图标。

<a href="#" class="scroll-down">
  <span> <i class="glyphicon glyphicon-chevron-down"></i> </span>
</a>
JS动态滑动切换到页面指定位置
by ourjs keys JS学习 JavaScript 1527906178548
将页面动态划到指定的位置。

浏览器:IE11以上

window.scroll({
  top: 2500, 
  left: 0, 
  behavior: 'smooth' 
});
// Scroll certain amounts from current position 
window.scrollBy({ 
  top: 100, // could be negative value
  left: 0, 
  behavior: 'smooth' 
});
怎样将Android手机中的照片和视频,通过APP自动同步备份到OnceAir云盘的共享目录中
在OnceAir设置共享目录后,就可以将手机的文件夹和共享文件夹连接起来,将手机文件自动同步到OnceAir。本文就从创建共享目录开始,说明一下怎样实现手机文件的自动同步。
怎样使用OnceAir搭建局域网内的文件共享服务器
by ourjs keys 行业动态 分享 1523522517162
OnceAir是一款基于手机ARM芯片开发的,低功耗的网络存储设备。运行功率仅1W,连上移动硬盘也不到3W。与传统x86服务器相比,每年可为您节省数百元电费。OnceAir默认为局域网使用,想要访问OnceAir的文件内容时,可以在浏览器中输入OnceAir的IP地址进行访问。由于云盘自身也是一台小型服务器,因此可以通过设置共享目录将其搭建成文件共享服务器。 
用css禁用input、checkbox、select等html控件,实现disable效果
by newghost keys 编程技巧 前端 1522547997387
用js的event可以用来阻止input,select,checkbox的默认事件,其实用纯CSS也能实现,如

input {
    pointer-events: none;
}
如何通过网页、客户端、手机APP、路由器查找OnceAir NAS网盘的内网访问地址
OnceAir是一款可在局域内使用的超小型NAS网盘。功耗在0.6~5W之间,相比x86服务器每年可节省数百元电费。连上路由器,即可搭建私有云笔记和网盘系统,下面这篇文章将介绍如何查找 OnceAir 的访问地址。
JavaScript用new Image实现内网服务器端口扫描
by ourjs keys JS学习 JavaScript 1521533116395
有这样一个场景,要扫描内网的某个服务,只能通过前端来实现。已知服务器的端口号,不知道内网的IP网段。

首先ajax是不能用的,因为网页与目标服务器地址不一致,跨域了。

其次jsonp也不好用,因为现在浏览已经开始限制手动用脚本发jsonp获取获服务器信息了。

最后只能用 Image 来解决了。
如何收集捕获Node中的未处理的错误异常信息?
by ourjs keys JS学习 Node.JS 1521167656928

node.js是出错异常了,最关键是要知道哪错了。stack是error很重要的一个属性,可以帮助我们了解代码到底是执行哪一行出错了,比如某个error 的 stack:

Error: "start" option must be <= "end" option
    at new ReadStream (fs.js:1931:13)
    at Object.fs.createReadStream (fs.js:1885:10)
    at /var/www/oncedoc/mod/onceoa-oncedoc/svr/onceoa.web.js:1:2315
    at FSReqWrap.oncomplete (fs.js:123:15)
Node.JS循环删除非空文件夹及子目录下的所有文件
by newghost keys JS学习 Node.JS 1520765519034
最近要实现一个循文件夹的功能,文件夹可能不是空的,还可能带有子文件夹和文件,网上找了一些现有的库,但是都不提供删除进度。所以就自己写了一个。

var states = remove('./testdir', function() {
    console.log('delete complete')
    clearInterval(checkTimer)
});
var checkTimer = setInterval(function() {
    console.log(states)
}, 500);
Node.js 和 JavaScript 的最新版 npm 导致 Linux 系统崩溃,迫使用户重装系统!
by ourjs keys JS学习 Node.JS 1519440051056

npm(节点软件包管理器)是使用最广泛的JavaScript软件包管理器,npm中的一个缺陷(bug)将更改重要的Linux系统文件夹(比如/etc、/usr和/boot)的所有权。


据此前安装npm v5.7.0的用户声称,更改这些文件的所有权后,结果不是导致系统和各个本地应用程序崩溃,就是阻止系统启动。这是一款显然存在缺陷的npm更新版。


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