20200321 前端开发日报

终于有人把 HTTPS 原理讲清楚了；一个 .git 目录，领悟 Git 的强大；无缝改造vue项目,支持typescript；从基础到实战 手把手带你掌握新版Webpack4.0（学习笔记）；我的前端工作经历小结；Angular HTTP 请求复用方案；Vue源码阅读（八）：计算属性与侦听属性；在Vue.js中使用TypeScript

1. 终于有人把 HTTPS 原理讲清楚了随着 HTTPS 建站的成本下降，现在大部分的网站都已经开始用上 HTTPS 协议。大家都知道 HTTPS 比 HTTP 安全，也听说过与 HTTPS 协议相关的概念有 SSL 、非对称加密、 CA证书等，但对于以下灵魂三拷问可能就答不上了：
2. 一个 .git 目录，领悟 Git 的强大原文：[链接]作者：Pierre de Wulf 译者：明明如月，责编：郭芮来源：CSDN（ID：CSDNnews）
3. 无缝改造vue项目,支持typescript改造 vue_cli3+ 的 js 版本支持 ts 生成vue项目的vue_cli版本为 4.0.5 应用场景: 目前已经在开发的项目, 后续想要默默 ts 刚开始学习 ts, 不敢完全入坑 安装 {代码…} 书写 vue.config.js 修改 webpack 的 loade…
4. 从基础到实战 手把手带你掌握新版Webpack4.0（学习笔记） 以前使用面向对象编程，页面需要引入多个js，造成多个请求，影响加载，需要注意引用的顺序，使用时无法直接从js里看出文件的层级关系，一旦出错调试很麻烦 // /index.html <div id="root"></div> <script src="./header.js"></script> <script src="./index.js&q…
5. 我的前端工作经历小结 18年12月份参加实习，公司比较年轻，技术栈基本只有Vue，我主要参与一些管理后台、H5活动页的开发和迭代，刚步入工作，其实大部分时间还是在学习中。 3月份决定换岗位到前端服务组，因为觉得在内拉新组没什么成长，感觉大部分人都处于无脑搬砖中，节奏也很繁忙。来到服务组，跟着一位同事大佬参与了一个全栈应用的开发…
6. Angular HTTP 请求复用方案如上图所示，顶部导航栏组件需要请求当前登录用户的姓名，左侧菜单栏组件需要请求当前登录用户的菜单权限，根据后台的接口设计，两者都需要在应用初始化时获取当前登录用户。
7. Vue源码阅读（八）：计算属性与侦听属性 很多时候，我们都不清楚该什么时候使用 Vue 的 computed 计算属性，何时该使用 watch 监听属性。现在让我们尝试从源码的角度来看看，它们两者的异同吧。 computed 计算属性的初始化过程，发生在 Vue 实例初始化阶段的 initState() 函数中，其中有一个 initComputed 函数。该函数的定义在 src/core/instance/state….
8. 在Vue.js中使用TypeScript 虽然 vue2.x 对TypeScript的支持还不是非常完善，但是从今年即将到来的3.0版本在GitHub上的仓库  vue-next 看，为TS提供更好的官方支持应该也会是一个重要特性，那么，在迎接3.0之前，不妨先来看看目前版本二者的搭配食用方法吧~ 创建项目 虽然GitHub上有各种各样相关的Starter，但是使用 Vue CLI 应该是…
9. Vue源码探秘（三）（new Vue发生了什么？） 引言 在前两篇文章中，我分别介绍了 Vue的构建流程 和 Vue入口文件 。有了这些前期的准备工作，下面我将带大家正式深入源码学习。 Vue 的一个核心思想是 数据驱动 ，相信大家一定对这个不陌生。所谓数据驱动，就是视图由数据驱动生成。相比传统的使用 jQuery 等前端库直接操作 DOM ，大大提高了开发效率，代码简…
10. 简易版的VueRouter实现 最近在整理菜单相关的业务，对于vueRouter的理解和相关的路由需要有一个更深入的理解。这里写一个简易版的vueRouter帮助理解vueRouter做的事情。 实现的功能 做了Vue插件，首先要实现install方法，入参中包含Vue对象，在里面混入beforeCreate方法，执行路由初始化init方法 init方法中包括initRouterMap（路由参数…
11. 使用node执行命令, 使前端项目打包后自动压缩成zip包. 省时又省力在 vue cli2 的项目中 找到 build/build.js在webpack(webpackConfig, cb) 的 回调函数cb中 添加
12. 2020年大前端面试题库+答案（第3章） javaScript判断对象类型 typeof 只能判断区分基本类型，如：number、string、boolean、undefined和object、function typeof 0; //number typeof true; //boolean typeof undefined; //undefined typeof "hello world"; //string typeof function(){}; //function typeof null; //object typeof {}; //…
13. Vue实现一个Markdown编辑器(附项目源码) 还是讲讲背景吧，公司技术团队做了自己的公众号，不知为何笔者就成了小编之一。为了解放生产力，果断决定撸个可以一键生成微信推文的编辑器，也就是我们下面会讲到Markdown在线编辑器啦~ 如图，这就是编辑器的全貌，分为编辑区域与预览区域，其中预览区域可以通过菜单中的按钮实现隐藏或展示，方便不同的编…
14. JavaScript中的浅拷贝 VS 深拷贝 在前端的数据处理当中,有时候往往需要对原有的数据进行克隆拷贝一份,然后进行操作,但是又不能影响原来的数据 比较典型的应用场景就是:点击一信息列表,然后编辑该列的信息。在弹出的编辑弹出框中,需要复制原有的列表信息内容,如果是浅拷贝的话,那么改变现有的数据,会影响原来的数据,这样显然是不符合需求的 在真实的…
15. Vue的插槽介绍 Vue 实现了一套内容分发的 API，将 <slot> 元素作为承载分发内容的出口。 它允许你像这样合成组件： <navigation-link url="/profile"> Your Profile </navigation-link> 复制代码 然后你在 <navigation-link> 的模板中可能会写为： <a v-bind:href="url" …
16. 1W字长文+多图，带你了解vue的双向数据绑定源码实现 作者：小土豆biubiubiu 博客园： www.cnblogs.com/HouJiao/ 掘金： juejin.im/user/58c61b… 简书： www.jianshu.com/u/cb1c3884e… 微信公众号：土豆妈的碎碎念（扫码关注，一起吸猫，一起听故事，一起学习前端技术） 码字不易，点赞鼓励哟~ 前言 一起学习vue源码的第一篇来讲讲vue双向数据绑定的源…
17. 前端框架及项目面试－聚焦Vue、React、Webpack 完整版 第1章 课程导学 介绍课程制作的背景和课程主要内容。 第2章 课程介绍 先出几道面试真题，引导思考。带着问题来继续学习，效果更好。 第3章 Vue 使用 Vue 是前端面试必考内容，首先要保证自己要会使用 Vue 。本章讲解 Vue 基本使用、组件使用、高级特性和 Vuex Vue-router ，这些部分的知识点和面试题。 第4…
18. webpack原理解析（三）plugin机制 在之前的文章中，我们了解到了webpack的打包机制和loader，loader 用于转换某些类型的模块，而plugin则可以用于执行范围更广的任务。包括：打包优化，资源管理，注入环境变量。插件目的在于解决 loader 无法实现的其他事。所以我们很有必要探究一下webpack的plugin机制。 plugin是什么 在 Webpack 运行的生命周期中…
19. Promise及一步一步实现自定义Promise 为什么引入Promise 指定回调函数的方式更加灵活 传统回调函数，在调用异步操作之前，就得先指定回调函数 const success = () => {} const fail = () => {} createAsyncFun(data, success, fail) 复制代码 promise: 启动异步任务 => 返回promise对象 => 给promise对象绑定回调函数（甚至可以…
20. 使用bpmn-js实现activiti的流程设计器 现在前面：博主实在抽不出时间准备demo，因为大家有需求，先把文章发给大家看 Hello 大家好，我是易样(容易不一样，我们不一样，一天一个样)。 好久没更新文章了，没更新文章的这些时间我都在闭关修炼，努力提升自身技术，毕竟我2020年的flag是成为大牛。 今天给大家带来的这篇文章是整理我使用bpmn-js实现activi…
21. vue底层实现分析 响应式原理 在_init的时候去给data每一个属性用Object.defineProerty去设定的setter和getter; Object.defineProperty对每一个属性进行遍历，对数组也不大友好；vue3使用proxy来对属性进行get,set; todo Object对数组不友好的hook; template模板compile流程 // template <div> <header>…
22. Git 快速上手一、安装 Git 官网直接下载 git –version // 查看版本号 二、设置 Git 生成密钥 查看是否已经有了ssh密钥：cd ~/.ssh 如果没有密钥则不会有此文件夹，有则备份删除。 ssh-keygen -t rsa -C “xxx@xxx.com” 上传密…
23. 浅析Vue完整版和运行版的区别 可以去BootCDN里面引用，进去后直接搜索 Vue 即可。 BootCnd官网 完整版的后缀是 —— vue.js 运行版的后缀多了个runtime —— vue.runtime.js 所有版本都有压缩版，压缩版功能一致，只是体积相对要小 —— 版本.min.js 二、template和render的使用方法 template 完整版可以直接在HTML里面或者在template选项中…
24. 上次24个实用 ES6 方法受到好评，这次再来 10个点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。
25. Vue 的错误处理机制 任何一个框架，对于错误的处理都是一种必备的能力。在 Vue 中，则是定义了一套对应的错误处理规则给到使用者。且在源代码级别，对部分必要的过程做了一定的错误处理。 全局设置错误处理 在 Vue 全局设置的 API 中，我们可以设置全局错误处理函数，用法如下： Vue.config.errorHandler = function (err, vm, info) { …
26. VUE 3.0 学习探索入门系列 – vue2.x/React/vue3.x 简单横评（4） Vue.js 是 渐进式 的 JavaScript 框架。什么是 渐进式 （Progressive） ？就是由浅入深，一步一步的，为什么 Evan You 说 Vue.js 是渐进式的框架呢？ Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合； 与 现代化的工具链 以及各种 支持类库 结合使用时，Vue也完全能够为复杂的…

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

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