20171122 前端开发日报

也许Vue+css3做交互特效更简单;web 网页爬虫对抗指南(一);另辟蹊径:vue单页面,多路由,前进刷新,后退不刷新;基于mongodb+express+vue+axios+bootstrap的掘金最热文章收藏评论分析;大规模 WebSocket 集群项目 AnyIM 实战;浅谈前端线上部署与运维;HTTP/2 之服务器推送 (Server Push) 最佳实践;关于Angular样式封装

  1. 也许vue+css3做交互特效更简单1.前言 做项目就难免会开发交互效果或者特效,而我最近开发的项目一直在使用vue,开发技术栈方面,理所当然就使用了vue+css3开发,过程中发现使用vue+css3开发特效,和javascript/jquery+css3的思维方式不一样,...
  2. Web 网页爬虫对抗指南(一) 从本质上来讲,阻止Web 爬虫就意味着你需要让脚本和机器难以从你的网站上获取它们所需的数据,但不能让那些真正的用户和搜索引擎爬取数据变得困难。 然而不幸的是,要做到这一点很难,你需要在防止Web 爬虫和降级真实用户和搜索引擎的可访问性之间进行权衡。 为了阻止Web 爬虫(也称为Webscraping,Screensc...
  3. 另辟蹊径:vue单页面,多路由,前进刷新,后退不刷新 目的:vue-cli构建的vue单页面应用,某些特定的页面,实现前进刷新,后退不刷新,类似app般的用户体验。注: 此处的刷新特指当进入此页面时,触发ajax请求,向服务器获取数据。不刷新特指当进入此页面时,不触发ajax请求,而是使用之前缓存的数据,以便减少
  4. 基于mongodb+express+vue+axios+bootstrap的掘金最热文章收藏评论分析 灵感来源最近浏览技术文章的时候,偶然看到一篇关于分析简书热荐文章中代码块数量的文章,链接我翻了一遍了历史记录也没有发现,可能被“吃了”把,好吧不管他的文章在哪了。看了那边文章后,我对掘金的首页开始了非分之想(嘿嘿嘿嘿~~,掘金君不要怪我奥!!) 灵感初现 看了
  5. 大规模 WebSocket 集群项目 AnyIM 实战 一、概述 WebSocket 应用场景非常广泛,例如社交聊天、弹幕、多玩家游戏、协同编辑、股票基金实时报价、体育实况更新、视频会议/聊天、实时定位、在线教育、智能家居等,这些场景都与我们的生活息息相关。 ANY-IM 2.0 是基于 Spring Boot 2.X 框架开发的 WEB 在线即时通信应用,混合使用了 Spring MVC 及 ...
  6. 浅谈前端线上部署与运维 说到前端部署,可能大多数前端工程师在工作中都是使用的公司现成的部署系统,与SRE对接、一起完成前端的部署操作。如果我现在给你一台新注册的云主机,那么你应该怎么做才能把一个前端工程部署到一台云主机上,成为一个可以访问的网页呢?今天我们就来聊聊前端的部署~一、构成
  7. HTTP/2 之服务器推送 (Server Push) 最佳实践 HTTP/1.X出色地满足互联网的普遍访问需求,但随着互联网的不断发展,其性能越来越成为瓶颈。IETF在2015年发布了HTTP/2标准, 着重于提高HTTP的访问体验, HTTP2优势主要包括: 二进制传输、头部压缩、多路复用和服务器推送(ServerPush)。 截止目前, 大部分CDN厂商已经宣布支持HTTP/2,然而”支持”大多省略了服务器...
  8. 关于Angular样式封装 引导 这是一个很简单的话题,但是你很难在搜索到一篇比较完整的介绍它的文章,或者说单纯的告诉你 ViewEncapsulation 的用法而已,这在实际项目中远远不够的。 一、封装模式 分别为: Native 原
  9. 使用 babel , Karma, Jasmine, Istanbul 实现 ES6 测试覆盖率 目前我们很多项目都开始使用的是 ES6 进行开发,但是我们在测试的时候都是需要转换到 ES5 才能运行我们的测试,但是我们又需要代码的测试覆盖率。下面将一步步的帮助您完成基于 ES6 源码的代码覆盖率报告的生成。 开始 我们先初
  10. 基于 HTML5 Canvas 实现地铁站监控》鉴于监控系统在国内的需求量较大,对于大范围的监控,如地铁站,更是需要监控系统来防止意外的发生,今天我们给大家介绍一下如何创建一个地铁站监控系统的前端部分。 (by hightopo) ​​​

    基于 HTML5 Canvas 实现地铁站监控
  11. Airbnb JavaScript 编码风格指南(涵盖 ECMAScript 6+) Airbnb JavaScript 编码风格指南 一份最合理的 JavasScript 风格指南。 翻译自:https://github.com/airbnb/javascript 注意:本指南假定您使用的是Babel,并要求您使用 babel-p
  12. Scrollama.js 滚动步骤导航切换工具 What Scrollama is a modern and lightweight JavaScript library for scrollytelling using IntersectionObserver in favor
  13. 前端每周清单第 40 期: JS 的 Core 与 Cost,Node 内存溢出调试,Software 2.0 前端每周清单第 40 期: JS 的 Core 与 Cost,Node 内存溢出调试,Software 2.0作者:王下邀月熊 编辑:徐川 前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度
  14. State of Vue.js report 2017 中文版 译文出自:掘金翻译计划 Event Organizer:leviding Translaters:sasa-m、altairlu、ParadeTo、ly525、zwwill、html5challenge、vxqqb Reviewers:leviding、Par
  15. #前端技术#【Angular 初学者完备指南(英)】详见: 本文是一篇全面的 Angular 初学者指南。在文中,作者不仅讲述了 Angular 的基础概念,而且循序渐进地引导开发者搭建简单的 Angular 项目。文章有些长,建议保存后慢慢阅读。 ​​​

    Angular 初学者完备指南(英)
  16. GitHub 将警告开发者流行软件库的漏洞》如今的软件项目通常有大量的依赖库,而上游库的漏洞将会影响到下游软件。 GitHub 宣布了安全警告服务,将搜索依赖寻找已知漏洞然后通过开发者,以便帮助开发者尽可能快的打上补丁修复漏洞…… ​​​

    GitHub 将警告开发者流行软件库的漏洞

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

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

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