20180920 前端开发日报

记录一下js光标位置及复制和剪切板;22行代码的JS脚本导致英国航空公司38万乘客数据泄露;你所要知道关于 Node.js Streams 的一切;JS的分号可以省掉吗?;前端小团队建设;前端重构范式之 position;你可能不需要Moment.js;WebSocket的故事(四)—— Spingboot中,如何利用WebSocket和STOMP快速构建点对点的消息模式(2)

  1. 记录一下js光标位置及复制和剪切板 前言 关于光标位置,copy与剪切板等,博客中总结的比较少,翻了一下,很久之前做编辑器的时候,有类似文字 javascript获取iframe中光标所在位置的父节点名称 ,但是和今天总结的这个还不太一样。由于项目中用到在input某个光标之后动态插入宏,用到了光标位置。在这里记录一下。 光标位置后插入 其实光标位...
  2. 22行代码的JS脚本导致英国航空公司38万乘客数据泄露 9月6日,英国航空公司( British Airways,以下简称英航)发布声明称因遭黑客攻击从而导致其乘客数据被盗。在 BBC的采访中 ,英航指出,经初步调查,约有38万乘客数据在此交数据泄露事件中受到影响,这些被盗数据信息包括个人基本信息和付款记录,但不包括个人护照信息。 随后,英航在其网站上发表了一篇文章,解释...
  3. JS的分号可以省掉吗? 摘要: JavaScript语言从设计之初就是考虑带分号的,使用不带分号的编码规则就要小心点啦。 背景 最近在项目中开始使用新的编码规范,一开始ESLint报一大堆错误,改得我想砸键盘,花了好些时间才适应,下面列出一些代表性的规则:
  4. 前端小团队建设一、命名规则(英文-直译) 1、文件命名 文件夹/文件的命名统一用小写保证项目有良好的可移植性,可跨平台 相关参考 2、文件引用路径 因为文件命名统一小写,引用也需要注意大小写问题 3、js变量 3.1 变量 命名方...
  5. 前端重构范式之 position 本文由 Rhyme、Captain 发表在 ScalaCool 团队博客。 本文旨在让你更深入地了解position,并为你提供一套使用position的范式,为你使用position提供一点建议和参考。 在此之前先让我们来看看 learncss 中文文档中
  6. 你可能不需要Moment.js Moment.js是一个很棒的时间和日期库,具有许多牛X的方法,平时npm install了之后就是干,但是如果您的web应用程序对性能上有很高的要求,可能会由于其复杂的API和大小会导致巨大的性能上的比不要的开销。 Moment存在的一些问题 它高度基于
  7. WebSocket的故事(四)—— Spingboot中,如何利用WebSocket和STOMP快速构建点对点的消息模式(2) 最近事情太多,也有好久没有更新了。在此感谢大家的持续关注。如果有任何问题,都可以私信我一起讨论。 概述 本文是 WebSocket的故事 系列第三篇第二节,将针对上篇的代码介绍,给出一个STOMP实现点对点消息的简单例子。WebSocket的故事系列计划分六大篇,旨在由浅入深的介绍WebSocket以及在Springboot中如何快速构...
  8. 5 个快速的 Node.js 应用性能提示 ​​​ 本系列文章涵盖许多基础性内容:它给出了应用程序性能管理(APM)的总体概述;指明了实现一个 APM 策略的主要挑战;提出了衡量,评估一个企业级 Node.js 应用程序运行状况的最重要的 5 条指标;并提出了通过 AppDynamics 方式构建一个 APM 解决方案。在文章的最后部分,还提出了一些提示和技巧类以帮助您实现最佳的 APM ...

    5 个快速的 Node.js 应用性能提示
  9. 【前端要凉?微软开源的Sketch2Code碉堡了!草图秒变HTML代码】用户界面设计过程涉及到许多创造力的迭代,这个过程通常从一张白纸上开始,设计师和工程师分享彼此的想法,尽力设计出客户想要的场景或工作流程。详见 ​​​

    草图秒变HTML代码
  10. 用Gitlab持续集成解放你的双手Gitlab持续集成是Gitlab提供的一整套持续集成、持续交付解决方案。Gitlab自9.0版本开始增加了CI和CD功能,所以如果你的公司里的Gitlab上在Settings里找不到关于CI/CD的配置项那么你们确实该对公司的GitLab进行升...
  11. Web安全系列(三):XSS 攻击进阶(挖掘漏洞) 前言 在前些章节 (web安全系列(一):XSS 攻击基础及原理)以及(Web安全系列(二):XSS 攻击进阶(初探 XSS Payload))中,我详细介绍了 XSS 形成的原理以及 XSS 攻击的分类,并且编写了一个小栗子来展示出 XSS Payload
  12. RxJS的另外四种实现方式(序) 本文适合人群:了解Rx编程人士、 Javascript 发烧友 本文涉及概念: 响应型编程 、 NodeJs 、 函数式编程 背景 本人自从读过一篇来自Info的 《函数式反应型编程(FRP) —— 实时互动应用开发的新思路》 后便迷恋上了Rx,甚至以当时的Rxjs库移植了一套适用于Flash的AS3....
  13. CSS魔法堂:一起玩透伪元素和Content属性继上篇《CSS魔法堂:稍稍深入伪类选择器》记录完伪类后,我自然而然要向伪元素伸出“魔掌”的啦^_^。本文讲讲述伪元素以及功能强大的Contet属性,让我们可以通过伪元素更好地实现更多的可能!
  14. React-Admin 架构分析:Admin 组件源码解析之 dataProvider 属性(系列) React-Admin 架构分析:Admin 组件源码解析之 dataProvider 属性 github 持续更新 为什么需要 dataProvider? 不同的系统,一定会存在不同的 API 风格。作为一个尽可能通用的中后台框架,抽象出一层去适配数据到一种
  15. 初识react(三)在 react中使用redux来实现简版计数器 初识react(二) 实现一个简版的html+redux.js的demo 上篇文章已经把redux核心概念讲明白了,这里就不在废话啦,不了解的可以先去回顾下,接下来我们讲解下在react中如何使用redux,来实现一个简单计数器 先把目录结构搭好 下
  16. 基于Nodejs的Tcp封包和解包 苏格团队 作者:Jonny 我们知道,TCP是面向连接流传输的,其采用Nagle算法,在缓冲区对上层数据进行了处理。避免触发自动分片机制和网络上大量小数据包的同时也造成了粘包(小包合并)和半包(大包拆分)问题,导致数据没有消息保护边界,接收端接收到一次数据
  17. Angularjs中删除问题ng-hide 删除时页面不刷新 Services: index.js index.html 效果 虽然删除了,页面也没有刷新,但是排序不手动刷新页面不会从2、3变成1、2,效果不好 splice方法 测试: 发现:点击删除赵六这条数据时,张三这条数...

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20180920 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20180920.html)