ourjs

将BootstrapJS和AngularJS结合使用以及为什么不用jQuery
by ourjs keys 大话编程 分享 1424067665841
您使用jQuery操作数据抓住并注入到DOM的方式基本上基于事件。当我们使用Bootstrap JavaScript组件时,比如一个按钮,我们需要“单击此按钮时,设置此按钮为激活状态”。并将这种设置添加入新加的按钮中。通过添加 .active 类和检查input(如果你的按钮是一个input)为实现。

在Angular中,操纵数据不是通过抓取和注入。一般通过数据绑定来实现,野蛮抓取注入数据。也能够改变每个组件的状态,不过在切换时就会暴露出问题。

这就是为什么我们不能直接用Bootstrap的JavaScript。它依赖于jQuery我们不希望jQuery的破坏我们的Angular项目。如果我们试图绑定变量到组件,它无法工作。
让我们写快速的JavaScript,JS性能优化小窍门
by ourjs keys JS学习 JavaScript 1423550194885
JavaScript已经是目前最流行的语言了,它能做很多事情 - 网站界面,服务器端,游戏 ,操作系统 ,机器人 等等很多很多。

不过,说实话,即使它这么疯狂流行,它的性能还没有达到它的极限。是的,它在改进,但是等到它在各个方面赶上本地应用之前,在做一个HYBIRD混合应用时,你还不得不使用一些伎俩来优化它的性能。
Sortable极小的可拖放排序分组库;支持AngularJS,React,Meteor
by ourjs keys 大话编程 分享 1423465703467
为现代浏览器和触摸设备拖放排序列表设计的简约JavaScript库。不依赖jQuery。支持Meteor,AngularJS,React,任意CSS库,如Bootstrap。注* minify压缩后10K左右, Gzip后4K
  • 支持触摸设备主流游览器(IE8+)
  • 可以在列表内和列表间拖动
  • 移动物品时支持CSS动画
  • 支持拖动手柄和可选择的文字(比voidberg的html5sortable更好)
  • 智能的自动滚屏
  • 使用内置的HTML5拖放API
  • 支持Meteor和AngularJS
  • 支持任何CSS库,例如Bootstrap
  • 简单的API
  • 不依赖jQuery(但支持)
通过Web Audio API可视化输出MP3音乐频率波形
by ourjs keys JS学习 JavaScript 1423213574801
Web Audio API(网络音频API)过去几年中已经改进很多,通过网页播放声音和音乐已经成为了可能。但这还不够,不同浏览器的行为方式还有不同。但至少已经实现了.在这篇文章中,我们将通过DOM和Web Audio API创建一个可视化音频的例子。 注* 形状会波形而变化.


专为控制打印设计的CSS样式
by ourjs keys 技术前沿 前端 1423044414118
大多数Web设计师对打印控制还不是很熟悉,他们往往更迷恋像素,而不是打印机。在现实世界中,很多人依赖从网站上打印网页来参考: 在这个数字时代, 在一些特殊的场合,很多人手中还会拿着纸张。
Web开发人员可以采取一些措施来弥补打印机和液晶屏之间的差距.
服务器端(NodeJS)使用jQuery选择器操作DOM(HTML/XML)
by ourjs keys JS开源 Node.JS 1422940522236
这是一个两年多的“老”项目,可以让你在NodeJS中使用jQuery的选择器,像操作前端DOM一样操作后端的HTML/XML,在去除浏览器兼容相关代码后,比JSDOM的操作快8倍, 示例

var cheerio = require('cheerio'),
    $ = cheerio.load('<h2 class="title">Hello world</h2>');

$('h2.title').text('Hello there!');
$('h2').addClass('welcome');

$.html();
//=> <h2 class="title welcome">Hello there!</h2>
Oracle发布官方版Node.JS数据库驱动
by ourjs keys JS开源 Node.JS 1422767463508
注* 近日Oracle发布了官方版的Node.JS数据库驱动 node-oracledb,其他主流SQL数据库的Node.JS驱动: MySQL数据库Node.JS驱动:node-mysql; 微软SQL Server数据库Node.JS驱动官方版: node-sqlserver;  从关注人数可以看出Node社区对大型收费关系型(SQL)数据库的热情并不高。
即将推出的CSS4 Level 4 Selectors(第4级选择器)
by ourjs keys 心得体会 前端 1422582764864
注* CSS4草案发布了。
我们都习惯去学一个又一个的新前端框架,但是我们常常忘记了,作为我们每天使用的网络核心语言CSS本身也在不断地推出一些新功能。
在我们开始之前,你应该知道:本文中的CSS,很多都无法在浏览器中工作。即使是最新的浏览器。这是因为,它们还是一些草案-处于起草阶段。 level 4 selectors草案于2011年开始,第四版经过大量的讨论而最终制定。
用页面可见性(Page Visibility)API创建用户体验良好的网站
by ourjs keys JS学习 JavaScript 1422430857580
我们都有过这样的经验:启动浏览器后,会重新加载所有的tab页,声音和视频混合嘈杂。虽然你可以很容易对这方面进行控制,像MuteTab等,对于大多数人来说这是一种令人失望的用户体验。作为开发人员和设计师,我们应该让页面更加友好,而不能喧宾夺主。
理解Node.js的事件循环(Event Loop)和线程池
by ourjs keys JS学习 Node.JS 1422164164804
Node的“事件循环”(Event Loop)是它能够处理大并发、高吞吐量的核心。这是最神奇的地方,据此Node.js基本上可以理解成“单线程”,同时还允许在后台处理任意的操作。这篇文章将阐明事件循环是如何工作的,你也可以感受到它的神奇。
理解事件循环,首先要理解事件驱动编程(Event Driven Programming)。它出现在1960年。如今,事件驱动编程在UI编程中大量使用。JavaScript的一个主要用途是与DOM交互,所以使用基于事件的API是很自然的。

 近期热门 - 点击最多
  1. 如何通过 winax 的 ActiveXObject 或 Excel.Application 往 excel 中插入一张图片
  2. node.js用activex/com+自动化读写excel时查询接口、参数的调试方法
  3. TypeScript定义数字范围类型即仅包含【小时:分钟】的时间类型,每天指定时间点执行任务
  4. 比较测试:用百度文心一言和阿里通义千问写删除文件目录并且是async/await代码
  5. node.js使用TensorFlow入门教程二:什么是张量神经网络运算与矩阵的关系及基本入门代码
  6. node.js使用TensorFlow入门教程一:简介及工作原理环境安装及初始化
  7. node.js用saml2连接Identity Provider服务器完成Azure AD/Active Directory域帐号身份认证
  8. node.js中用typescript连接mongodb数据并设置断开后自动重启连接
  9. git 将本地仓库关连并push远程
  10. 在Windows10上创建node.js开机启动脚本服务Task Scheduler failed to start: Error Value: 2147943711.

  全端社区 - 最新回复
  1. Paddle/abbyy等ocr比较:如何将图片生成可选择文字版PDF
  2. 如何通过 winax 的 ActiveXObject 或 Excel.Application 往 excel 中插入一张图片
  3. 如何用JavaScript获取某个元素copy selector的CSS选择器
  4. 青否数字人5.0上线,支持真人接管实时驱动!
  5. 遥遥领先!青否数字人直播系统5.0发布,支持真人接管实时驱动!
  6. 比fs.watch更加优秀的Chokidar文件变化检测库
  7. HTML页面嵌入部分使用Vue3,在jQuery应用中用类似Vue2使用Vue3
  8. 克隆自己的数字人形象需要几步?
  9. Node.JS中Fetch/Axios连接Strapi服务器端localhost,Next.JS后端SSR请求返回connect ECONNREFUSED,但客户端CSR正常
  10. node.js用activex/com+自动化读写excel时查询接口、参数的调试方法

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

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

OnceOA