20180920 前端开发日报-前端开发博客

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

记录一下js光标位置及复制和剪切板前言关于光标位置，copy与剪切板等，博客中总结的比较少，翻了一下，很久之前做编辑器的时候，有类似文字 javascript获取iframe中光标所在位置的父节点名称，但是和今天总结的这个还不太一样。由于项目中用到在input某个光标之后动态插入宏，用到了光标位置。在这里记录一下。光标位置后插入其实光标位…
22行代码的JS脚本导致英国航空公司38万乘客数据泄露 9月6日，英国航空公司（ British Airways，以下简称英航）发布声明称因遭黑客攻击从而导致其乘客数据被盗。在 BBC的采访中，英航指出，经初步调查，约有38万乘客数据在此交数据泄露事件中受到影响，这些被盗数据信息包括个人基本信息和付款记录，但不包括个人护照信息。随后，英航在其网站上发表了一篇文章，解释…
你所要知道关于 Node.js Streams 的一切
JS的分号可以省掉吗？摘要： JavaScript语言从设计之初就是考虑带分号的，使用不带分号的编码规则就要小心点啦。背景最近在项目中开始使用新的编码规范，一开始ESLint报一大堆错误，改得我想砸键盘，花了好些时间才适应，下面列出一些代表性的规则：
前端小团队建设一、命名规则（英文-直译） 1、文件命名文件夹/文件的命名统一用小写保证项目有良好的可移植性，可跨平台相关参考 2、文件引用路径因为文件命名统一小写，引用也需要注意大小写问题 3、js变量 3.1 变量命名方…
前端重构范式之 position 本文由 Rhyme、Captain 发表在 ScalaCool 团队博客。本文旨在让你更深入地了解position,并为你提供一套使用position的范式，为你使用position提供一点建议和参考。在此之前先让我们来看看 learncss 中文文档中
你可能不需要Moment.js Moment.js是一个很棒的时间和日期库，具有许多牛X的方法，平时npm install了之后就是干，但是如果您的Web应用程序对性能上有很高的要求，可能会由于其复杂的API和大小会导致巨大的性能上的比不要的开销。 Moment存在的一些问题它高度基于
WebSocket的故事（四）—— Spingboot中，如何利用WebSocket和STOMP快速构建点对点的消息模式(2) 最近事情太多，也有好久没有更新了。在此感谢大家的持续关注。如果有任何问题，都可以私信我一起讨论。概述本文是 WebSocket的故事系列第三篇第二节，将针对上篇的代码介绍，给出一个STOMP实现点对点消息的简单例子。WebSocket的故事系列计划分六大篇，旨在由浅入深的介绍WebSocket以及在Springboot中如何快速构…
5 个快速的 Node.js 应用性能提示本系列文章涵盖许多基础性内容：它给出了应用程序性能管理（APM）的总体概述；指明了实现一个 APM 策略的主要挑战；提出了衡量，评估一个企业级 Node.js 应用程序运行状况的最重要的 5 条指标；并提出了通过 AppDynamics 方式构建一个 APM 解决方案。在文章的最后部分，还提出了一些提示和技巧类以帮助您实现最佳的 APM …
【前端要凉？微软开源的Sketch2Code碉堡了！草图秒变HTML代码】用户界面设计过程涉及到许多创造力的迭代，这个过程通常从一张白纸上开始，设计师和工程师分享彼此的想法，尽力设计出客户想要的场景或工作流程。详见
用Gitlab持续集成解放你的双手Gitlab持续集成是Gitlab提供的一整套持续集成、持续交付解决方案。Gitlab自9.0版本开始增加了CI和CD功能，所以如果你的公司里的Gitlab上在Settings里找不到关于CI/CD的配置项那么你们确实该对公司的GitLab进行升…
Web安全系列（三）：XSS 攻击进阶（挖掘漏洞）前言在前些章节（web安全系列（一）：XSS 攻击基础及原理）以及（Web安全系列（二）：XSS 攻击进阶（初探 XSS Payload））中，我详细介绍了 XSS 形成的原理以及 XSS 攻击的分类，并且编写了一个小栗子来展示出 XSS Payload
RxJS的另外四种实现方式（序）本文适合人群：了解Rx编程人士、 Javascript 发烧友本文涉及概念：响应型编程、 NodeJs 、函数式编程背景本人自从读过一篇来自Info的《函数式反应型编程(FRP) —— 实时互动应用开发的新思路》后便迷恋上了Rx，甚至以当时的Rxjs库移植了一套适用于Flash的AS3….
CSS魔法堂：一起玩透伪元素和Content属性继上篇《CSS魔法堂：稍稍深入伪类选择器》记录完伪类后，我自然而然要向伪元素伸出“魔掌”的啦^_^。本文讲讲述伪元素以及功能强大的Contet属性，让我们可以通过伪元素更好地实现更多的可能！
React-Admin 架构分析：Admin 组件源码解析之 dataProvider 属性(系列) React-Admin 架构分析：Admin 组件源码解析之 dataProvider 属性 github 持续更新为什么需要 dataProvider? 不同的系统，一定会存在不同的 API 风格。作为一个尽可能通用的中后台框架，抽象出一层去适配数据到一种
初识react(三)在 react中使用redux来实现简版计数器初识react(二) 实现一个简版的html+redux.js的demo 上篇文章已经把redux核心概念讲明白了，这里就不在废话啦，不了解的可以先去回顾下，接下来我们讲解下在react中如何使用redux，来实现一个简单计数器先把目录结构搭好下
基于Nodejs的Tcp封包和解包苏格团队作者：Jonny 我们知道，TCP是面向连接流传输的，其采用Nagle算法，在缓冲区对上层数据进行了处理。避免触发自动分片机制和网络上大量小数据包的同时也造成了粘包（小包合并）和半包（大包拆分）问题，导致数据没有消息保护边界，接收端接收到一次数据
Angularjs中删除问题ng-hide 删除时页面不刷新 Services: index.js index.html 效果虽然删除了，页面也没有刷新，但是排序不手动刷新页面不会从2、3变成1、2，效果不好 splice方法测试: 发现：点击删除赵六这条数据时，张三这条数…