用网页table thead tfoot元素完美控制页眉页脚显示内容打印的简单方式
by newghost keys 编程技巧 前端 1557673865722
目前对于网页的页眉页脚打印方面,浏览器还有很大的不足。之前可能有一些 借助css固定fixed位置的解决方案,但是效果都不太理想。

但在最近chrome对table打印的更新中,增加了对 <thead> <tfoot> <th> 等元素的优化支持,把以前后面几页表格标题会被截断的问题解决了。 其实我们可以用这个特性来简单地实现页眉页脚的打印。
微服务运维难维护?数据基础架构公司Segment宣布放弃微服务构架
by ourjs keys 大话编程 分享 1557459142150
很多人可能已经知道微服务已成为明日黄花,它曾经作为最佳实践为Segment公司起到很大作用,但是并不适合所有场所。
简单说,微服务是将后台业务拆分成很多各自功能独立的面向服务软件架构,其模块化、减少测试压力、功能组合、开发团队自治等优点广为人知。与之对应的是单体式架构,即用单个服务为测试部署扩展提供所有功能模块。
2017年早些时候,Segment产品开发遇到了问题。如果在每个部门继续采用微服务,不但不会加速开发过程,反而会落入复杂的泥潭。这种架构的优势反而变成了负担。最终,团队发现需要三个全职工程师才能确保这套系统运转,这种无法承受的负担必须改变。这篇博文就是回顾如何将产品和团队需求更好嵌入开发过程的回顾。
jQuery用outterHtml获取相对innerHTML父一级包含其自身的html代码内容
by ourjs keys JS开源 前端 1557188932567
jQuery可以用html()来获取对应的innerHTML内容,但有时我们要获取其自身html代码,则可用原生的outterText, outterHtml属性。可以jquery对象可写成:

$('.grid').prop('outerHTML')
$('.grid').prop('outerText')
JavaScript中将字符串true或false转换成Boolean类型
by ourjs keys JS学习 JavaScript 1556256679552
JavaScript中可以使用parseInt方法将字符串转换成整型。但布尔型没有相关方法。可使用JSON解析:

JSON.parse("true");
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万次。

 近期热门 - 点击最多
  1. CSS Grid网格入门实例教程: 强大的动态布局
  2. node.js中async/await不用try/catch,使用error first或go语言方法处理异常
  3. 网站集成百度、Bing必应搜索引擎,在网页中实现站内全文搜索
  4. React Hooks入门教程九:在React中集成使用Vue实现数据双向绑定,手动配置Webpack和Babel
  5. node.js性能压力测试入门教程:wrk和loadtest安装使用
  6. JavaScript和node.js内存泄露的原因和避免方法及Chrome调试工具使用教程
  7. Html5网页中用JavaScript调用本地手机摄像头扫描识别微信二维码、条形码:postMessage跨域https传递扫码结果消息
  8. JavaScript设置对象属性只读不可修改、不可枚举、不可删除:Object.defineProperty
  9. CSS教程:图片使用混合模式和颜色叠加filter滤镜,改变PNG图标颜色
  10. CSS教程:如何设置自动显示隐藏scrollbar滚动条,自定义外观样式/宽度,附demo示例大全

  全端社区 - 最新回复
  1. Node初学者入门,一本全面的NodeJS教程
  2. Flex布局基础概念及入门实例教程
  3. CSS Grid网格入门实例教程: 强大的动态布局
  4. 如何在html网页中显示html/JavaScript/CSS代码
  5. 用css改变png/svg背景图标颜色
  6. jQuery原生JavaScript获取所有元素attributes属性
  7. du命令详解:Linux/Mac下查看目录下所有子目录和文件所占空间大小
  8. 微盟企业微信助手新玩法,全面破解获客难题
  9. 微盟企微助手有什么优势
  10. 微盟企微助手如何帮助企业快速拓展私域客户

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

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

OnceOA