20180208 前端开发日报

2018前端指南:值得关注的技术分享;JS中的类很难吗?;[译]从1万篇文章中挑出的40篇最棒的 Vue 学习指南(2018版);Javascript请求,用户登陆超时Spring Security如何跳转?;你不知道的Vuejs – 组件式开发;RxJS: 如何使用 refCount;10 种最常见的 JavaScript 错误:总结于 1000+ 个项目,并阐述如何避免;你不知道的 Vuejs:强大的指令系统

  1. 2018前端指南:值得关注的技术分享 1.前言 2017悄然过去,2018已经来到。人在进步,技术在发展。2018年前端有哪些领域,技术值得关注,哪些技术会兴起,哪些技术会没落。下面就我个人的判断进行一个预测判断,希望能对大家起到一个参考作用!下面提及的技术,只是建议大家关注,也不是建议大家全部的都要学,而是建议大家按需学,自己觉得哪些需要学,对…
  2. JS中的类很难吗? MDN上说:类定义对象的特征。它是对象的属性和方法的模板定义。 简单说,“类”是生产对象的模板,通过类这个模板,可以毫不费劲地生产出无数个一样的对象,而不用通过一次次的定义去声明对象。而这些对象,因为具有一样的属性、一样的方法,所以将这些对象归为一个“类”,就像将人类归入人这一类一样。 JavaScript …
  3. [译]从1万篇文章中挑出的40篇最棒的 Vue 学习指南(2018版) 译者注:你们要的,有关 Vue 最棒的学习指南来了!作者研究了近1万篇 Vue 生态相关的文章得出这篇总结,全文既包含新手指南、年度回顾也包括框架对比、案例分析等专题,非常适合 Vue 开发者用于查漏补缺、收藏阅读。请大家注意该文中的大部分链接原文均为英文。文中如有错误,欢迎评论指出。 系列译文 从1.6万…
  4. Javascript请求,用户登陆超时Spring Security如何跳转? 记录一个最近遇到的小问题。 我们有个web应用,使用了React + Spring Boot + Spring Security + cas认证的组合。Spring Security支持cas,代码不赘述,这里讨论用户登陆超时跳转的问题。 用户超时时(默认2小时),点击浏览器的刷新按钮,此时可以重定向到cas的登陆页面。但通常用户未必意识到已经超时了,可能仍然…
  5. 你不知道的Vuejs – 组件式开发 组件(Component)绝对是 Vue 最强大的功能之一。它可以扩展HTML元素,封装可复用代码。从较高层面讲,可以理解组件为自定义的HTML元素,Vue 的编译器为它添加了特殊强大的功能。所有的 Vue 组件同时也都是 Vue 的实例,因此可以接受相同的选项对象(除了一些特有的选项)并提供相同的生命周期函数。 再来回顾下 你不…
  6. 10 种最常见的 JavaScript 错误:总结于 1000+ 个项目,并阐述如何避免 原文地址:https://rollbar.com/blog/top-10-javascript-errors/ 更多文章参见: https://github.com/elevenbeans/elevenbeans.github.io 为了回馈我们的开发者社区,我们查看了数千个项目的数据库,发现了 JavaScript 中频度最高的 10 种错误。我们会告诉你什么原因导致了这些错误,以及如何防止这些错误发生。…
  7. 你不知道的 Vuejs:强大的指令系统 在Vuejs中,指令(Directives)是带有v-前缀的特殊属性。指令属性的预期值是 单个 Javascript 表达式(v-for是个例外)。指令的职责是,当表达式改变时,将其产生的连带影响,响应式的作用于 DOM。 当然,Vue 除了核心功能默认内置的指令外,更强大的是它允许注册自定义指令,这是个让我非常惊喜功能。因为当初…
  8. 非常有用的 48 个 JavaScript 代码片段,值得收藏 该项目来自于 Github 用户 Chalarangelo,目前已在 Github 上获得了 5000 多Star,精心收集了多达 48 个有用的 JavaScript 代码片段,该用户的代码可以让程序员在 30 秒甚至更少的时间内理解这些经常用到的基础算法,
  9. JavaScript中的类继承 JavaScript 是一个 无class 的面向对象语言,它使用原型继承而非类继承。这会让那些使用传统面向对象语言如C++和Java的程序员们感到困惑。正如我们所看到的,JavaScript的原型继承比类继承具有更强的表现力。 但首先,要搞清楚我们为什么如此关注继承?主要有两个原因。首先是方便类型的转换。我们希望语言系统能…
  10. React+Mobx+Koa2+LeanCloud 搭建个人版TodoList 最近在看Mobx和Koa相关的内容,实践初出真知,我们来做一个小项目实践一下。最容易想到的就是Todolist了,这次我们做得稍微实用一点,放到自己的vps上日常用用也是不错的~ 用到的装备: React Mobx Koa2 LeanCloud pm2 因
  11. GitOps:一款基于 Kubernetes 的高速 CI/CD 框架 “把世界设想成一套代码库,而非Kubernetes环境。” ——Kelsey Hightower 这篇文章主要面向希望使用Kubernetes和Docker进行高速持续交付的用户而言。 当我们提到“高速”时,我们的意思是每个产品团队可以安全地每天多次交付更新 ——包括即时部署,实时观察结果,并通过反馈进行推进或者回滚。其目标,是让产品团队尽可能快…
  12. 从低保真原型中生成前端代码 今天聊下《 技术 Mix 设计 》的话题。技术与设计两者的边界,越来越模糊,从用机器视觉判断平面设计作品的视觉焦点,到用深度学习指导用户体验设计,还有用深度学习实现设计思维中的类比,设计不断地经由算法的改造,升级,算法驱动型的设计让我们看到设计超乎想象力的无限可能…… Airbnb 是一家对技术和设计非…
  13. 通过JS库Encog实现JavaScript机器学习和神经学网络 下载 heaton-javascript-ml.zip – 45.1 KB 基本介绍 在本文中,你会对如何使用JavaScript实现 机器学习 这个话题有一些基本的了解。我会使用Encon(一个先进的神经网络和机器学习框架)这个框架,并向你们展示如何用这个框架来实现 光学字符辨识 …
  14. 探讨帆布指纹识别 JavaScript 帆布指纹识别 canvas fingerpinting 广告联盟或许网站运营者都希望能够精准定位并标识每一个个体,通过对用户行为的分析(浏览了哪些页面?搜索了哪些关键字?对什么感兴趣?点了哪些按钮?用了哪些功能?看了哪些商品?把哪些放入了购物车等等),为用
  15. 【英】学习 CSS 网格布局的必备网站 OMG 是一个汇集了 CSS 网格布局相关文章、视频、教程的学习网站,帮助你系统学习网格布局。
  16. 简单比较 http https http2 http 超文本传输​​协议(HTTP)是用于传输诸如HTML的超媒体文档的应用层协议。它被设计用于Web浏览器和Web服务器之间的通信,但它也可以用于其他目的。 HTTP遵循经典的客户端-服务端模型,客户端打开一个连接以发出请求,然后等待它收到服务器端响应。
  17. 前端系列——Object.assign的正确使用与错误示范 警告 看完文章,可能会颠覆你的认知!! 语法 Object.assign(target, …sources) 错误示范 我们都知道Object.assign()可以实现对象拷贝,很多人认为他只能实现浅拷贝,我翻遍了MDN的文档,也没搜索到一个 浅 字。 那么,到底什么是深拷贝、什么是浅拷贝,你可以去搜索其他文章看看。 下面给大家展示一…
  18. vue-cli脚手架项目构成 这篇文章针对于已经会用脚手架搭建vue的同学,如果不会从vue脚手架搭建,可以先稍微了解下Node和es6,这样对你学习vue很有帮助。 初学vue,当脚手架刷刷刷的一次性拉下来那么多JS,和.vue的文件时,应该或多或少都有点蒙蔽,vue官网的介绍和nod
  19. 深入理解 React 源码:界面更新 VII 本文也同时发表在我的博客和HACKERNOON 上次我们聊完了Transaction核心类和它的一个实例ReactDefaultBatchingStrategyTransaction。然而这个Transaction实例仅仅是一个开始 。 本篇中,我们将探究其它的Transaction实例。看懂了这些,界面更新逻辑的轮廓就画的出来了。 本文用到的文件: rend…
  20. 剖析 D3.js 中的 this 相关 前言 D3.js作为著名的数据可视化框架,在自定义图表领域是无可争议的No.1。使用频率最高的api当属d3.select,因此它被称为"svg界的jquery"(目前已经支持canvas)。jquery中有this,那么D3.js中当然也有this。比如如下
  21. Vue封装Swiper实现图片轮播 图片轮播是前端中经常需要实现的一个功能。最近学习Vue.js,就针对Swiper进行封装,实现一个简单的图片轮播组件。 一、Swiper 在实现封装之前,先介绍一下Swiper。 Swiper是纯Javascript打造的滑动特效插件,面向手机、平板电脑
  22. What’s new in React 16.3(.0-alpha) What’s new in React 16.3(.0-alpha) React 16.3-alpha just hit npmjs and can be downloaded and added to your project. What are t
  23. 在 React 工程中利用 Mota 编写面向对象的业务模型 简述 React 是一个「视图层」的 UI 框架,以常见的 MVC 来讲 React 仅是 View,而我们在编写应用时,通常还需要关注更加重要的 model,对于 React 来讲,我们常常需要一个「状态管理」库。然而,目前大多数针对 React 的状态管理
  24. 前端每周清单第 50 期: AngularJS and Long Term Support, Web 安全二三论,React 与 Clean Code 前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号(ID: frontshow),及时获取前端每周清单。 新闻热点 国内国外,前
  25. vue结合ueditor富文本编辑器(换肤分离) 需求 (PC端)做一个可以使用图片上传、视频上传、文件上传功能的富文本组件,简单的文本编辑发布功能,采用socket方式传输, 做法 当时看到这个需求,我觉得是不难的,就去github上找富文本编辑器,因为项目比较急,当时我的想法是能找开箱即用的就找开箱即用的
  26. 在 React、Vue项目中使用 SVG 在一些现代的扁平化设计网站,特别是移动端网站,经常会包含许多简单而清晰的小图标,例如网站图标、用户的默认头像、移动端网页首页底部固定的切换栏等,这些小图标一般都是由美工做好,可能会放到精灵图上,前端再进行裁切展示。 而实际上,这些简单的小图标
  27. JS实现HTTP请求头-Basic Authorization HTTP协议中的 Authorization 请求消息头含有服务器用于验证用户代理身份的凭证,通常会在服务器返回401 Unauthorized 状态码以及WWW-Authenticate 消息头之后在后续请求

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流