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

看完48秒动画，让你不敢再登录HTTP网站（附完整示例代码）；js数组遍历总结；走进TypeScript；健壮高效的小程序登录方案；多页应用 Webpack4 配置优化与踩坑记录；所以 JS 是怎样一门语言？；基于vue2的canvas时钟倒计时组件；JS函数式编程 – 函数组合与柯里化

【看完48秒动画，让你不敢再登录HTTP网站（附完整示例代码）】在我的单点登录SSO示例代码一文中，强烈不建议部署HTTP的SSO服务站点。在此写个基于网络包嗅探的HTTP会话劫持程序，给大家一个直观的危害性展示。详见（来自：百宝门-SSO顾问）
js数组遍历总结js中的数组遍历是项目中经常用到的，在这里将几种方法做个对比。 for循环：使用评率最高，也是最基本的一种遍历方式。 {代码…} forEach()循环：forEach中传入要执行的回调函数，函数有三个参数。第一个参数为数…
走进TypeScript 国内很多技术文章千篇一律，大多从官网复制粘贴，如果要学习TypeScript语法细节，去看官网最好不过了。本文将从两个不同的角度带你走进TypeScript. 以下简称’TS’. 用TS有什么好处? TS的发展前景如何？首先，看下TS的定义： TypeScript is a typed superset of JavaScript that compiles to plain…
《健壮高效的小程序登录方案》本文将探讨小程序登录过程中的一些主要需求和问题，以渐进迭代的方式提出并实现一个健壮、高效的登录方案。（by 大转转FE – 吴鹏和）
多页应用 Webpack4 配置优化与踩坑记录前言最近新起了一个多页项目，之前都未使用 webpack4，于是准备上手实践一下。这篇文章主要就是一些配置介绍，对于正准备使用 webpack4 的同学，可以做一些参考。 webpack4 相比之前的 2 与 3，改变很大。最主要的一点是很多配置已经内置，使
所以 JS 是怎样一门语言？ JavaScript 俗称 JS，又称借S。起源于 Netscape 浏览器支持的页面脚本，目前已经被 TC39 标准化为 ECMAScript。所以我们说的 JavaScript 是 ECMAScript 的一种实现，或者说符合 ES 标准的 JavaScript 就是 ECMAScript。 JS 的地位要讨论 JS 的地位必须要提起“网页”（Web Page），顾名思义是 Web 中的一个页面，…
基于vue2的canvas时钟倒计时组件今天给大家介绍一款基于vue2的canvas时钟倒计时组件，这个时钟倒计时组件采用canvas动画的炫酷动画效果形式，根据剩余时间的多少变换颜色和旋转扇形的速度，适合抢购、拍卖、下注等业务场景，且对移动端友好。查看演示具体步骤分析：假如设定倒计时总时间为15s，变黄色时机为10s，变红色时机为…
JS函数式编程 – 函数组合与柯里化我们都知道单一职责原则，其实面向对象的SOLID中的S(SRP, Single responsibility principle)。在函数式当中每一个函数就是一个单元，同样应该只做一件事。但是现实世界总是复杂的，当把现实世界映射到编程时，单…
前端每日实战：155# 视频演示如何用纯 CSS 创作一只热气球效果预览按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。请用 chrome, safari, edge 打开观看。 [链接] …
Golang 基于 GitLab CI/CD 部署方案概述持续集成(Continuous integration)是一种软件开发实践，即团队开发成员经常集成它们的工作，通过每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试）来验证，从而尽早地发现集成错误。持续部署（continuous deployment）是通过…
Git 和 GitHub 基础简介前言 Git 是目前业界最流行的版本控制系统（Version Control System），而 GitHub 是开源代码托管平台的翘楚。越来越多的从业者、从业团队以及开源贡献者首选二者用于管理项目代码。本文首先从概念的角度介绍版本控制系统、Git 和 GitHub，并着重通过一些实验来演示 Git 的基础特性，使您能够对 Git 和 …
canvas进阶——如何画出平滑的曲线?相信大家平时在学习canvas 或项目开发中使用canvas的时候应该都遇到过这样的需求：实现一个可以书写的画板小工具。