HTTPS是如何保证安全的；35 岁以后，在阿里做前端是怎样一种体验；Git 从入门到精通，这篇包教包会；基于Vue来解析页面在浏览器中呈现的过程中所涉及到的知识点；异步解决方法Promise的用法；从零搭建一个react-hooks项目（一）；ThreeJS场景相关方法；总结18个webpack插件，总会有你想要的
-
HTTP存在的问题 窃听风险：通信使用明文（不加密），内容可能会被窃听(第三方可能获知通信内容) 冒充风险：不验证通信方的身份，因此有可能遭遇伪装 篡改风险：无法证明报文的完整性，所以有可能已遭篡改 HTTPS …
-
都说 ~ 在阿里，程序员35岁后如果没有转型就会被 “陆续淘汰”。 而我 ~ 35岁以后作为一线程序员在阿里寻找新的大陆。XD 写这篇文章主要是想分享两件事情： 阿里前端的一些现状 35岁后，在这里办公的一些见闻和心得。 从去年2019年回到天猫团队，一年之间见证了淘系一系列前端组织结构…
-
现在版本管理都习惯用git了，git命令你懂多少，当然现在很多工具可以使用，但高手都要懂点命令行，哈哈，不妨看看这篇文章，让你从入门到精通！
-
此篇文章是基于Vue来分析一下从编辑好代码->打包->将dist文件夹放置到服务器上->访问该网址->页面呈现。此过程所涉及到的知识点，本篇很少涉及到具体的代码，主要是理论上的知识，如有错误，烦请各位在评论区指出。 概念 Vue-cli(快速建立开发环境的脚手架) webpack(模块打包工具) Vue-loader…
-
异步编程模块在前端开发中，显得越来越重要。从最开始的XHR到封装后的Ajax都在试图解决异步编程过程中的问题。随着ES6新标准的到来，处理异步数据流又有了新的解决方案。在传统的ajax请求中，当异步请求之间的数据存在依赖关系的时候，就可能产生不优雅的多层回调，俗称”回调地域“(callback hell)，这却让人望而生畏，Pr…
-
最近有打算仿vue-admin项目构造一个react的项目，不引用官方脚手架，从webpack开始配置一套基于react,redux,typescript的项目，并实时记录一下项目中的一些配置情况 首先搭建一个基本的webpack环境 webpack项目搭建 前置基础，电脑有安装node环境，可以使用npm工具 新建文件夹，命名项目名称（react-admin）,…
-
THREE.Scene.Add :用于向场景中添加对象 THREE.Scene.Remove: 用于移除场景中的对象 THREE.Scene.childern ：用于获取场景中给所有的对象列表 THREE.Scene.getObjectByName :利用name属性，用于获取场景中特定对象 这些方法是和场景相关的重要方法，通常情况下用这些方法就可以满足大部分需…
-
Plugin 是一个扩展器，它丰富了 webpack 本身，针对是 loader 结束后，webpack 打包的整个过程，它并不直接操作文件，而是基于事件机制工作，会监听 webpack 打包过程中的某些节点，执行广泛的任务。
-
Bootstrap 5 Alpha 发布不再依赖 jQuery，放弃支持 IE
Bootstrap 5 的第一个 Alpha 版 发布了！ 几个月来我们一直在努力完善 v4 版中开始的各项工作，并对自己的进步感到很满意，但我们要做的事情还有很多。 我们一直在努力简化 v4 到 v5 的迁移过程，但也并不会驻足于那些已经过时或不再合适的内容上。因此，随着 v5 的发布我们很高兴地宣布， Bootstrap 不再依赖 jQu…
-
写在开头 最近的 Devops 和微前端已经写得差不多，开始复习下后端相关知识，之前想写的这篇文章，终于落地 如果你想加入前端交流群，可以文末联系我加入 正式开始 电脑环境 推荐Mac|Linux 安装 redis ,并且启动redis …
-
壹 ❀ 引 我们都知道，JS代码的执行顺序总是与代码先后顺序有所差异，当先抛开异步问题你会发现就算是同步代码，它的执行也与你的预期不一致，比如： function f1() { console.log(‘听风是风’); }; f1(); //echo function f1() { console.log(‘echo’); }; f1(); //echo 按照代码书写顺序，应该先输出 听风是…
-
前段时间尤大B站直播，介绍了一款新的前端开发工具，利用了浏览器自带的import机制，无论多大的项目，都是秒开，听起来很诱人，火速看了源码，并且最近做了《前端会客厅》后，经过尤大亲自讲解了设计思路，又有了新感悟，写个文章总结以下 实战 这个没啥，github走起把，贼简单 github.com/vitejs/vite …
-
flowable Springboot vue.js 前后分离 跨域 有代码生成器 工作流
特别注意： 本代码为 Springboot 工作流 前后分离 + 跨域 版本 （权限控制到菜单和按钮） 后台框架： springboot 2.3.0+ Flowable 6.5.0+ mybaits+maven+接口 前端页面：html +vue.js 形式 jquery ajax 异步跨域 json 格式数据交互 前后分离，前后台分开部署 （特别注意，前端用的vue.js, 就是html页…
-
在构建的应用程序的时候都会带有日期时间组件，无论是资源的创建日期还是活动的时间戳。在本文中，我将分享如何在JavaScript中以各种格式获取当前日期。 1、JavaScript的Date对象 const date = new Date(); 该Date对象包含一个Number，表示从新纪元(即1970年1月1日)起经过的毫秒…
-
上一篇讲 Git 的文章发出来没想到效果特别好，很多读者都要求继续深入的写。 那今天齐姐简单讲下 Git 的实现原理，知其所以然才能知其然；并且梳理了日常最常用的 12 个命令，分为三大类分享给你。 本文的结构如…
-
nodejs开启debug模式通过传递参数 –inspect 或 –inspect-brk ,调试方法分为IDE和chrome devtools两种，下面就具体讲解这两种方式如何调试node程序； part1:VS Code调试： 一、launch.json 配置 配置详解看另一篇： VSCode launch.json配置详解 1 nodejs调试: 1.1 点击添加配置文件 我们看到 .v…
-
小智周末学习发现了 10 个好用JavaScript图像处理库
本文已经作者授权 用 JavaScript 处理图像可能非常困难且繁琐。 幸运的是，有许多库可以让这些变得简单得多。 下面介绍一些图像处理的库。 1. Pica 事例地址：[链接]Github: [链接] pica 可在浏览器上实现高质量…
-
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 方法 根据目录下…
-
前端实践：像素级同步、低延时、超低流量的屏幕共享工具 Syncit
在 RTC 2020 编程挑战赛春季赛中，像素级、低流量的屏幕共享工具「Syncit」获得了第二赛道的第一名。项目作者余彦臻同时还是拥有 6500+Star 的开源项目 rrweb 的作者。 在此前 CSDN 对获奖者的采访中我们了解到，从事前端开发的余彦臻，在平时工作中会用到 Teamviewer 等远程桌面工具。但是，大部分只需远程控制对…
-
浅谈浏览器架构、单线程js、事件循环、消息队列、宏任务和微任务
关键词：多进程、单线程、事件循环、消息队列、宏任务、微任务 看到这些词仿佛比较让人摸不着头脑，其实在我们的日常开发中，早就和他们打过交道了。 我来举几个常见的例子： 我执行了一段js，页面就卡了挺久才有…
-
在上一篇文章中，只是添加了webpack最基本的配置，所以在这片文章中详细的记录一下webpack常见的一些配置及优化内容。 1. loader 1.1 loader的使用 test: 匹配处理文件扩展名的的正则表达式； use: 指定处理文件时要使用的模块名称； include: 指定必须要处理的文件夹； exclude: 指定需要屏蔽的文件夹； …
-
点击上面的前端日志关注我们吧！ 翻译：lmjben 作者：Tyler Hawkins 正文：1970 字 预计阅读时间：5 分钟 关于前端开发，我最开心的事情就是总有新的东西可以学习。但我们可能一辈子都在掌握各种编程语言、库和框架，但仍然一无所知。 因…
-
首先，我们来说一下vue-lazyload解决了什么问题： 如果一个网页有成千上万张图片需要加载，页面滚动就会变得非常卡顿。此时很多人都会想到懒加载的概念，即只加载可视区域的图片，其他的图片暂时有一个占位图，等它们滚动到可视区域时再去请求真实图片并替换。这里，我们需要一个检查图片dom元素是否在浏览器可视区域…
-
Flutter 所使用的 Dart 语言具有垃圾回收机制，有垃圾回收就避免不了会内存泄漏。在 Android 平台上有个内存泄漏检测工具 LeakCanary，它可以方便地在 debug 环境下检测当前页面是否泄漏。本文将会带你实现一个 F…
-
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 …
-
《掌掴》JavaScript篇 搞笑视频：JavaScript才是真正的老大 肇始于网景 1993年，伊利诺伊大学厄巴纳-尚佩恩分校的国家超级电脑应用中心（NCSA）发表了NCSA Mosaic，这是最早流行的图形接口网页浏览器，它在万维网的普及上发挥了重要作用。1994年，一家名为Mosaic Communications的公司在加州芒廷维尤成立…
更多内容请关注公众号【前端开发博客】每日更新
