Simple is Happiness
Less is more
JS学习
jQuery用$.prop,$.attr方法来获取或设置checkbox当前选中状态
by ourjs keys JS学习 JavaScript 1555422521248
使用$.fn.attr来获取或设置html的checkbox元素的状态。但是界面上此复选框并没有反映到界面上,因为这个只是改变html的DOM结构,并不改变当前选中状态。这时使用 prop 即可

$('#chb_data_binding').prop('checked', true)
$('#chb_data_binding').prop('checked')
> true

Node.JS中用concat和push连接两个或多个数组的性能比较
by ourjs keys JS学习 JavaScript 1555299868703
JavaScript中连接两个数组成一旧新数组,常用concat方法,比如:
借用apply方法 ,push、splice也可和来连接数组。因为push没有创建新数组,如果想要保挂原对象的引用,可使用push方法。
那么两者在node.js的性能如何? 我们做了一组测试数据,两种分别测试100万次。
判断是否为对象typeof abc == 'object' 与 instanceof 性能比较
by ourjs keys JS学习 JavaScript 1555041449637
我们通常使用 typeof obj == 'object' 来判断变量是否为对象。但也可通过 obj instanceof Object 来判断,那么二者的性能如何?

我们写一个简单的测试用例,分别试100万次,结果使用 instance 比 typeof 快近10倍。
配置TinyMCE网页文本编辑器不显示html head body等标签信息
by ourjs keys JS学习 前端 1553172699955
TinyMCE是一个非常优秀的HTML网页文本编辑器,可以完美地跟input结合。其中监听editor的事件可以让文本有改动时,立即存储到对应的form表单元素中
不过默认配置获取的结果是带HTML/head/body等标签的,如果只想要你编辑部分的HTML代码可将 fullpage 插掉去掉即可。
node.js中将console.log日志内容输出到文件
by ourjs keys JS学习 Node.JS 1547135473854
node.js在运行时,有时需要将console.log的内容打印输出到文件来调试。可以用以下方法。
Linux中可以在启动添加:

node script-file.js > log-file.txt
typeof判断参数是否为undefined与全等判断法性能比较
by ourjs keys JS学习 JavaScript 1546590563530
通过我们使用 typeof 来判断参数是不是未定义,比如 typeof abc == 'undefined',但也可通过全等式判断,如 abc === undefined,那么二者的性能如何?
我们写一个简单的测试用例,分别试100万次。
JavaScript不刷新查找当前网址上的querystring并修改查询字符串变量
by ourjs keys JS学习 JavaScript 1544853102332
经常有些场景需要从网址获取变量,有时侯需要修改某个变量,有非常多的JS库可以实现,其实用简单的几行代码即可实现:
qs.get('param1')
> test1
qs.set('param1', 'newvalue')
# 当前网址更新为:  http://ourjs.com?param1=newvalue&param2=test2

JavaScript无引用复制一个Array数组的每一个元素到另一个数组
by ourjs keys JS学习 JavaScript 1542092009789
如果目标数组不存在,可使用 slice/ concat 复制
var destinationArray = sourceArray.slice();
var destinationArray = sourceArray.concat();
如果目标数组存在,且想保持引用,可使用 push
destinationArray.push.apply(destinationArray, sourceArray);
JavaScript如何快速高性能清空删除Array数组中的所有元素,并保持引用
by ourjs keys JS学习 JavaScript 1542095783270
有非常多的方法来清空一个已经存在的数组,这种方法会返回删除的所有元素,并形一个新的数组,不过对性能没有影响,并将保持对数组的引用。

var arr = [1,2,3,4];
arr.splice(0, arr.length)
JavaScript使用类似break机制中断forEach循环
by ourjs keys JS学习 JavaScript 1542069544477
JavaScript数组对象,有一个forEach方法,可枚举每一个数组元素,但并不支持类似for循环的break语法,中断循环:

[1,2,3].forEach(function(item) {
    // if(!item) break; 不支持
});

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

  全端社区 - 最新回复
  1. Springboot+Gradle+Mysql+Jpa最简单实例教程
  2. SpringBoot+Spring6入门指南: 使用命令行快速搭建restful web api模板
  3. Paddle/abbyy等ocr比较:如何将图片生成可选择文字版PDF
  4. 如何通过 winax 的 ActiveXObject 或 Excel.Application 往 excel 中插入一张图片
  5. 如何用JavaScript获取某个元素copy selector的CSS选择器
  6. 青否数字人5.0上线,支持真人接管实时驱动!
  7. 遥遥领先!青否数字人直播系统5.0发布,支持真人接管实时驱动!
  8. 比fs.watch更加优秀的Chokidar文件变化检测库
  9. HTML页面嵌入部分使用Vue3,在jQuery应用中用类似Vue2使用Vue3
  10. 克隆自己的数字人形象需要几步?

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

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

OnceOA