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前端日报 订阅精彩文章

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

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