20180727 前端开发周报

一次前端面试的提问总结;你真的了解 JavaScript 执行顺序么?;不务正业的前端之SSO(单点登录)实践;JSON web Token 入门教程;Vue海量数据列表操作的性能优化,渣渣手机性能一秒变丝滑;前端水印生成方案(网页水印+图片水印);译你应该了解的基本JavaScript库和框架;JS 中可以提升幸福度的小技巧

  1. 一次前端面试的提问总结 记一次比较遥远的面试提问,记得多少写多少,附较详细的解答,欢迎指出错误。 1. 说说CSS中的相对定位与绝对定位: position: relative; 为相对定位,根据自身位置来进行定位。 position: absolute; 为绝对定位,若父级节点的 position 属性不为 static ,则根据父级节点位置...
  2. 你真的了解 JavaScript 执行顺序么? 前言 大家都知道,Javascript是单线程、顺序执行的,通过事件循环来处理异步。而且稍有开发经验的同学也知道,利用setTimeout、setInterval以及Promise可以延时代码的执行。如果在Node.js中,大家会用process.nextTick来让代码在下一个周期执行;或者在Vue中,会利用Vue.nextTick保证DOM全部更新完毕后再执行回...
  3. 不务正业的前端之SSO(单点登录)实践 引言 首先为什么是不务正业呢...因为我们公司就我一个前端,不乖乖写页面写什么SSO。我之所以会想到去写SSO单点登录呢,一是发现公司的登录这块特别的乱,每个系统都是独立的登录,而某些业务都是有所交集的,既然一个是a.xxx.com一个是b.xxx.com,那
  4. JSON Web Token 入门教程 JSON Web Token(缩写 JWT)是目前最流行的跨域认证解决方案,本文介绍它的原理和用法。 一、跨域认证的问题 互联网服务离不开用户认证。一般流程是下面这样。 1、用户向服务器发送用户名和密码。 2、服务器验证通过后,在当前对话(session)里面保存相关数据,比如用户角色、登录时...
  5. vue海量数据列表操作的性能优化,渣渣手机性能一秒变丝滑 前言: 我们在做移动端的点餐程序的时候,发现当菜品数量巨大的时候,特别是外加很多操作的时候 (比如菜品半整份切换的时候) ,列表里面的菜品数量 进行快速 加减和半整份切换就会卡顿。 那到底是什么让手机如此卡顿呢? 我写了个用例,用了2277条数据 (找不到性能差的手机,...
  6. 前端水印生成方案(网页水印+图片水印) 前端水印生成方案     前段时间做某系统审核后台,出现了审核人员截图把内容外泄露的情况,虽然截图内容不是特别敏感,但是安全问题还是不能忽视。于是便在系统页面上面加上了水印,对于审核人员截图等敏
  7. 译你应该了解的基本JavaScript库和框架 JavaScript已经存在了20多年,它是一种不断发展的语言。最近,这门语言经历了快速的发展,这让我想知道,如今广为人知的现代前端JavaScript技术几年后是否还会有用。 尽管如此,通过使用最新的工具和框架来实现更好的开发工作流,走在前面是很重要的。本文探讨了您应该立即学习的各种JavaScript库、框架和工具。 前...
  8. JS 中可以提升幸福度的小技巧 本文主要介绍一些JS中用到的小技巧,可以在日常Coding中提升幸福度,将不定期更新~ 1. 类型强制转换 1.1 string强制转换为数字 可以用 *1 来转化为数字(实际上是调用 .valueOf 方法) 然后使用 Number.isNaN 来判断是否为 NaN ,或者使用 a !== a 来判断是否为 NaN ,因为 NaN !== NaN ...
  9. 前端性能优化之Lazyload @(Mob前端-冬晨) Lazyload 简介 前端工作中,界面和效果正在变得越来越狂拽炫酷,与此同时性能也是不得不提的问题。有些项目,页面长,图片多,内容丰富。像商城页面。如果同步加载时一次性加载完毕
  10. 喜大普奔,Ant Design of Vue 1.0版本发布 vue-antd-ui是一个站在巨人(antd)肩膀上的UI组件库,有着其它组件库没有的优势,几乎继承了antd所有的功能特点,自带antd各种buff。 vue-antd-ui诞生于17年9月份,18年3月份正式开源,800多次commit,发布23个版本
  11. 使用 CSS Grid 的九大误区 @Jen Simmons录制了一个视频,向大家阐述了使用 CSS Grid 的九大误区,也是使用 CSS Grid 布局易犯的错误,并且在视频中提出了一些相关的建议,让大家在使用 CSS Grid 布局的时候能尽量的避免这些误区,甚至可以帮助一些同学改掉一些旧习惯。
  12. Vue会了吗?来认识一下React吧(上) 前言 React作为Facebook 内部开发 Instagram 的项目中,是一个用来构建用户界面的优秀 JS 库,于 2013 年 5 月开源。作为前端的三大框架之一,React的应用可以说是非常的广泛,包括BAT在内的许多大公司很多项目都是基于其开发的。
  13. 看完让你彻底理解 WebSocket 原理,附完整的实战代码(包含前端和后端) 本文主要剖析了 WebSocket 的原理,以及附上一个完整的聊天室实战 Demo (包含前端和后端,代码下载链接在文末)。 2、WebSocket 与 HTTP WebSocket 协议...
  14. 不务正业的前端之SSO(单点登录)实践 引言 首先为什么是不务正业呢...因为我们公司就我一个前端,不乖乖写页面写什么SSO。我之所以会想到去写SSO单点登录呢,一是发现公司的登录这块特别的乱,每个系统都是独立的登录,而某些业务都是有所交集的,既然一个是a.xxx.com一个是b.xxx.com,那
  15. Web 开发中 Blob 与 FileAPI 使用简述 本文节选自 Awesome CheatSheet/DOM CheatSheet,主要是对 DOM 操作中常见的 Blob、File API 相关概念进行简要描述。 Web 开发中 Blob 与 FileAPI 使用简述 Blob 是 JavaScript 中的
  16. 在浏览器中进行人脸识别:face-api.js face-api.js 建立在 tensorflow.js 之上,它实现了三种卷积神经网络架构,用于完成人脸检测、识别和特征点检测任务,可以在浏览器中进行人脸识别。
  17. NodeJS 的适用场景 Apache 的多线程高并发模式 优点:支持多线程并发 缺点:阻塞 什么是线程 线程是可以独立运行的最小的 CPU 单位,可以在同一个进程里并发运行,共享该进程下的内存地址空间。 当不同的线程需要占用同一个变量时,根据先
  18. 初探 HTML5 Web Workers 这段时间一这被很多事情所牵绕,没能好好的写博客学习,感觉很难受,但所幸事情大都告一段落了。对于 Web Workers 的学习主要是由于在上这周面试的时候,面试的一个大佬,问到了这个问题,而我只知道它有这个东西,但具体如何实现它,以及它的使用场景我不是很清楚。因此这两天花了些时间看了不少文章,来总结一下。 ...
  19. Vue超快速学习我之前一直使用的React,最近到了新公司,需要使用Vue,虽然之前自己写过一些小demo,但是缺乏系统的学习,且之前自己看的vue1.x的内容,好多都过时了,现在补充一下vue2.x的相关知识。
  20. 如何利用 TensorFlow.js 部署简单的 AI 版 “你画我猜” 图像识别应用 选自Medium 作者:Zaid Alyafeai 机器之心编译 参与:Geek AI、路 本文创建了一个简单的工具来识别手绘图像,并且输出当前图像的名称。该应用无需安装任何额外的插件,可直接在浏览器上运行。作者使用谷歌 Colab 来训练模型,并使用 TensorFlow.js 将它部署到浏览器上。 ...
  21. Vue.js 轻量级组件化 SVG 图表库 组件风格,按需引用,d3 驱动,轻量灵活
  22. Alibaba 飞猪前端 2018 校招内推 有问题,上知乎。知乎作为中文互联网最大的知识分享平台,以「知识连接一切」为愿景,致力于构建一个人人都可以便捷接入的知识分享网络,让人们便捷地与世界分享知识、经验和见解,发现更大的世界。 首页发现话题 登录加入
  23. React 教程:如何使用 webpack 4 和 Babel 构建 React 应用(2018) React主要用于单页应用程序。 然而,你可以将 React 库集成到任何使用 webpack 和 Babel 构建的网站中。 如何使用 webpack 4 和 Babel 构建 React 应用: 你将学习什么 如何
  24. 【WebSocket No.3】使用WebSocket协议来做服务器 【WebSocket No.3】使用WebSocket协议来做服务器 yanbigfeg 2018-07-21 写在开始 上面一篇写了一篇使用WebSocket做客户端,然后服务端是socke代码实现...
  25. Spring Boot系列20 Spring Websocket实现向指定的用户发送消息 不同上文 Spring Boot系列十七 Spring Boot 集成 websocket,使用RabbitMQ做为消息代理 ,本文我们介绍通过Spring websocket实现向特定的用户发送消息。 本文的内容如下: 1. 首先实现简单的登录功能,这里向特定用户发送消息的必要条件 2. 用户登录系统后,才可以登录websocket,并重写MyPrincipal 3. 实现向特定用...
  26. 聊聊web缓存那些事 在说缓存那些事之前,必须对http常用的状态码有一些简单的了解: 200 请求已成功,请求所希望的响应头或数据体将随此响应返回。出现此状态码是表示正常状态 304 Not Modified 强制缓存 当然还有很多其他的状态码,以上200 和 304是本篇文
  27. webpack4从零配置搭建简单的React16开发环境 暑假想要学习React, 发现React官网上的没有说明如何搭建React开发环境, 网上找的很多都是基于webpack3的, 或者直接使用脚手架, 所以趁着放假, 就稍微...
  28. 学习React之前你需要知道的的JavaScript基础知识在我的研讨会期间,更多的材料是关于JavaScript而不是React。其中大部分归结为JavaScript ES6以及功能和语法,但也包括三元运算符,语言中的简写版本,此对象,JavaScript内置函数(map,reduce,filter)或更常...
  29. 2018,你需要知道的11个实用JavaScript库 JavaScript仍然是2018年最受欢迎和使用最为广泛的编程语言,因此JavaScript生态系统也会继续发展壮大。 然而,JavaScript的标准库仍然继续保持“短小精悍”的身材。为了填补标准库功能方面的空白,在过去几年中,GitHub上出现了很多流行的JavaScript库。以下列出了11个有用的库,这些库的维护状态均很活跃。 1.Undersc...
  30. 前端相关框架总和react    用于构建用户界面的声明性,高效且灵活的JavaScript库。React使得创建交互式UI变得轻而易举。为应用程序中的每个状态设计简单视图,当数据发生变化时,React将有效地更新和呈现正确的组件。声明性视图使...

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

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

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