20200619 前端开发日报

HTTPS是如何保证安全的;35 岁以后,在阿里做前端是怎样一种体验;Git 从入门到精通,这篇包教包会;基于Vue来解析页面在浏览器中呈现的过程中所涉及到的知识点;异步解决方法Promise的用法;从零搭建一个react-hooks项目(一);ThreeJS场景相关方法;总结18个webpack插件,总会有你想要的

  1. HTTPS是如何保证安全的

    HTTP存在的问题 窃听风险:通信使用明文(不加密),内容可能会被窃听(第三方可能获知通信内容) 冒充风险:不验证通信方的身份,因此有可能遭遇伪装 篡改风险:无法证明报文的完整性,所以有可能已遭篡改 HTTPS ...

  2. 35 岁以后,在阿里做前端是怎样一种体验

    都说 ~ 在阿里,程序员35岁后如果没有转型就会被 “陆续淘汰”。 而我 ~ 35岁以后作为一线程序员在阿里寻找新的大陆。XD 写这篇文章主要是想分享两件事情: 阿里前端的一些现状 35岁后,在这里办公的一些见闻和心得。 从去年2019年回到天猫团队,一年之间见证了淘系一系列前端组织结构...

  3. Git 从入门到精通,这篇包教包会

    现在版本管理都习惯用git了,git命令你懂多少,当然现在很多工具可以使用,但高手都要懂点命令行,哈哈,不妨看看这篇文章,让你从入门到精通!

  4. 基于Vue来解析页面在浏览器中呈现的过程中所涉及到的知识点

    此篇文章是基于Vue来分析一下从编辑好代码->打包->将dist文件夹放置到服务器上->访问该网址->页面呈现。此过程所涉及到的知识点,本篇很少涉及到具体的代码,主要是理论上的知识,如有错误,烦请各位在评论区指出。 概念 Vue-cli(快速建立开发环境的脚手架) webpack(模块打包工具) Vue-loader...

  5. 异步解决方法Promise的用法

    异步编程模块在前端开发中,显得越来越重要。从最开始的XHR到封装后的ajax都在试图解决异步编程过程中的问题。随着ES6新标准的到来,处理异步数据流又有了新的解决方案。在传统的ajax请求中,当异步请求之间的数据存在依赖关系的时候,就可能产生不优雅的多层回调,俗称”回调地域“(callback hell),这却让人望而生畏,Pr...

  6. 从零搭建一个react-hooks项目(一)

    最近有打算仿vue-admin项目构造一个react的项目,不引用官方脚手架,从webpack开始配置一套基于react,redux,typescript的项目,并实时记录一下项目中的一些配置情况 首先搭建一个基本的webpack环境 webpack项目搭建 前置基础,电脑有安装node环境,可以使用npm工具 新建文件夹,命名项目名称(react-admin),...

  7. ThreeJS场景相关方法

    THREE.Scene.Add :用于向场景中添加对象 THREE.Scene.Remove: 用于移除场景中的对象 THREE.Scene.childern :用于获取场景中给所有的对象列表 THREE.Scene.getObjectByName :利用name属性,用于获取场景中特定对象 这些方法是和场景相关的重要方法,通常情况下用这些方法就可以满足大部分需...

  8. 总结18个webpack插件,总会有你想要的

    Plugin 是一个扩展器,它丰富了 webpack 本身,针对是 loader 结束后,webpack 打包的整个过程,它并不直接操作文件,而是基于事件机制工作,会监听 webpack 打包过程中的某些节点,执行广泛的任务。

  9. Bootstrap 5 Alpha 发布不再依赖 jQuery,放弃支持 IE

    Bootstrap 5 的第一个 Alpha 版 发布了! 几个月来我们一直在努力完善 v4 版中开始的各项工作,并对自己的进步感到很满意,但我们要做的事情还有很多。 我们一直在努力简化 v4 到 v5 的迁移过程,但也并不会驻足于那些已经过时或不再合适的内容上。因此,随着 v5 的发布我们很高兴地宣布, Bootstrap 不再依赖 jQu...

  10. 使用Node.js驱动Redis,实现一个消息队列

    写在开头 最近的 Devops 和微前端已经写得差不多,开始复习下后端相关知识,之前想写的这篇文章,终于落地 如果你想加入前端交流群,可以文末联系我加入 正式开始 电脑环境 推荐Mac|Linux 安装 redis ,并且启动redis ...

  11. 通过实例了解JS执行上下文运行原理

    壹 ❀ 引 我们都知道,JS代码的执行顺序总是与代码先后顺序有所差异,当先抛开异步问题你会发现就算是同步代码,它的执行也与你的预期不一致,比如: function f1() { console.log('听风是风'); }; f1(); //echo function f1() { console.log('echo'); }; f1(); //echo 按照代码书写顺序,应该先输出 听风是...

  12. 前端新工具–vite从入门到实战(一)

    前段时间尤大B站直播,介绍了一款新的前端开发工具,利用了浏览器自带的import机制,无论多大的项目,都是秒开,听起来很诱人,火速看了源码,并且最近做了《前端会客厅》后,经过尤大亲自讲解了设计思路,又有了新感悟,写个文章总结以下 实战 这个没啥,github走起把,贼简单 github.com/vitejs/vite ...

  13. flowable Springboot vue.js 前后分离 跨域 有代码生成器 工作流

    特别注意: 本代码为 Springboot 工作流 前后分离 + 跨域 版本 (权限控制到菜单和按钮) 后台框架: springboot 2.3.0+  Flowable 6.5.0+  mybaits+maven+接口 前端页面:html +vue.js 形式 jquery ajax 异步跨域 JSON 格式数据交互 前后分离,前后台分开部署 (特别注意,前端用的vue.js, 就是html页...

  14. JS小技巧,如何在JavaScript中获取当前日期

    在构建的应用程序的时候都会带有日期时间组件,无论是资源的创建日期还是活动的时间戳。在本文中,我将分享如何在JavaScript中以各种格式获取当前日期。 1、JavaScript的Date对象 const date = new Date();  该Date对象包含一个Number,表示从新纪元(即1970年1月1日)起经过的毫秒...

  15. Git 看这一篇就够了

    上一篇讲 Git 的文章发出来没想到效果特别好,很多读者都要求继续深入的写。 那今天齐姐简单讲下 Git 的实现原理,知其所以然才能知其然;并且梳理了日常最常用的 12 个命令,分为三大类分享给你。 本文的结构如...

  16. nodejs各种姿势断点调试

    nodejs开启debug模式通过传递参数 --inspect 或 --inspect-brk ,调试方法分为IDE和chrome devtools两种,下面就具体讲解这两种方式如何调试node程序; part1:VS Code调试: 一、launch.json 配置 配置详解看另一篇: VSCode launch.json配置详解 1 nodejs调试: 1.1 点击添加配置文件 我们看到 .v...

  17. 小智周末学习发现了 10 个好用JavaScript图像处理库

    本文已经作者授权 用 JavaScript 处理图像可能非常困难且繁琐。 幸运的是,有许多库可以让这些变得简单得多。 下面介绍一些图像处理的库。 1. Pica 事例地址:[链接]Github: [链接] pica 可在浏览器上实现高质量...

  18. 基于 vue-cli4.0 构建 多页面 模板脚手架

    Github地址 github.com/qinouz/mult… 基于 vue-cli4.0 构建 多页面 模板脚手架! 启动项目 git clone https://github.com/qinouz/multipage.git cd multipage npm install npm run dev 复制代码 目录 :white_check_mark: 生成多页面配置 build/newUtils.js 里的 getEntry 方法 根据目录下...

  19. 前端实践:像素级同步、低延时、超低流量的屏幕共享工具 Syncit

    在 RTC 2020 编程挑战赛春季赛中,像素级、低流量的屏幕共享工具「Syncit」获得了第二赛道的第一名。项目作者余彦臻同时还是拥有 6500+Star 的开源项目 rrweb 的作者。 在此前 CSDN 对获奖者的采访中我们了解到,从事前端开发的余彦臻,在平时工作中会用到 Teamviewer 等远程桌面工具。但是,大部分只需远程控制对...

  20. 浅谈浏览器架构、单线程js、事件循环、消息队列、宏任务和微任务

    关键词:多进程、单线程、事件循环、消息队列、宏任务、微任务 看到这些词仿佛比较让人摸不着头脑,其实在我们的日常开发中,早就和他们打过交道了。 我来举几个常见的例子: 我执行了一段js,页面就卡了挺久才有...

  21. 从零构建React项目(二):webpack 配置

    在上一篇文章中,只是添加了webpack最基本的配置,所以在这片文章中详细的记录一下webpack常见的一些配置及优化内容。 1. loader 1.1 loader的使用 test: 匹配处理文件扩展名的的正则表达式; use: 指定处理文件时要使用的模块名称; include: 指定必须要处理的文件夹; exclude: 指定需要屏蔽的文件夹; ...

  22. React 开发者常见的 3 个错误

    点击上面的前端日志关注我们吧! 翻译:lmjben 作者:Tyler Hawkins 正文:1970 字 预计阅读时间:5 分钟 关于前端开发,我最开心的事情就是总有新的东西可以学习。但我们可能一辈子都在掌握各种编程语言、库和框架,但仍然一无所知。 因...

  23. vue-lazyload源码解析

    首先,我们来说一下vue-lazyload解决了什么问题: 如果一个网页有成千上万张图片需要加载,页面滚动就会变得非常卡顿。此时很多人都会想到懒加载的概念,即只加载可视区域的图片,其他的图片暂时有一个占位图,等它们滚动到可视区域时再去请求真实图片并替换。这里,我们需要一个检查图片dom元素是否在浏览器可视区域...

  24. [实战] Flutter 上的内存泄漏监控

    Flutter 所使用的 Dart 语言具有垃圾回收机制,有垃圾回收就避免不了会内存泄漏。在 Android 平台上有个内存泄漏检测工具 LeakCanary,它可以方便地在 debug 环境下检测当前页面是否泄漏。本文将会带你实现一个 F...

  25. 教你快速入门vue框架(-)启动vue项目

    2013年发布0.6,0.7版本,当时基本没人使用,大部分使用angular框架 2014年发布0.8~0.11版本,v是mvc的重点,m与c被简化,这时开始有人使用vue 2015年发布1.0版本,自称mvvm框架 2016年发布2.0版本,此时不是mvvm框架,是mvc框架 2019年发布2.6版本 2020奶奶发布3.0版本 启动vue项目 npm install ...

  26. 搞笑视频:JavaScript才是真正的老大

    《掌掴》JavaScript篇  搞笑视频:JavaScript才是真正的老大 肇始于网景 1993年,伊利诺伊大学厄巴纳-尚佩恩分校的国家超级电脑应用中心(NCSA)发表了NCSA Mosaic,这是最早流行的图形接口网页浏览器,它在万维网的普及上发挥了重要作用。1994年,一家名为Mosaic Communications的公司在加州芒廷维尤成立...

更多内容请关注公众号【前端开发博客】每日更新
20200619 前端开发日报

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