20190521 前端开发日报

从源码看 Vue 中的 Mixin;我不得不知道的git骚操作;浅尝webpack;React 深入:从 Mixin 到 HOC 再到 Hook;vue-learning:1 – 为什么选择vue;JavaScript 中的反柯里化;怎么写一个JavaScript Promise;详解JS错误处理:前端JS/Vue/React/Iframe/跨域/Node

  1. 从源码看 Vue 中的 Mixin 最近在做项目的时候碰到了一个奇怪的问题,通过 Vue.mixin 方法注入到 Vue 实例的一个方法不起作用了,后来经过仔细排查发现这个实例自己实现了一个同名方法,导致了 Vue.mixin 注入方法的失效。后来查阅资料发现 Vue.mixin 注入到实例的 methods 方法会被实例中的同名方法替换,而不会依次执行。于是我就有了查看源码的…
  2. 我不得不知道的git骚操作场景:合到master然后上线了,但是产品让我回滚,于是我就在发布系统把之前发布的版本覆盖到了现在,但是发布系统的上个版本有个错误,于是我们就得把master分支上面的代码回滚到合并之前。
  3. 浅尝webpack 吐槽一下 webpack 自出现时,一直备受青睐。作为强大的打包工具,它只是出现在项目初始或优化的阶段。如果没有参与项目的构建,接触的机会几乎为零。即使是参与了,但也会因为项目的周期短,从网上东拼西凑草草了事。 纵观网上的 webpack 教程,要么是蜻蜓点水,科普了一些常规配置项;要么是过于深入原理,于实际操…
  4. React 深入:从 Mixin 到 HOC 再到 Hook 导读 前端发展速度非常之快,页面和组件变得越来越复杂,如何更好的实现状态逻辑复用一直都是应用程序中重要的一部分,这直接关系着应用程序的质量以及维护的难易程度。 本文介绍了React采用的三种实现状态逻辑复用的技术,并分析了他们的实现原理、使用方法、实际应用以及如何选择使用他们。 …
  5. vue-learning:1 – 为什么选择vue
  6. JavaScript 中的反柯里化 作为函数式编程语言,JS带来了很多语言上的有趣特性,比如柯里化和反柯里化。 可以对照另外一篇介绍JS 柯里化 的文章一起看~ 1. 简介 柯里化,是固定部分参数,返回一个接受剩余参数的函数,也称为部分计算函数,目的是为了缩小适用范围,创建一个针对性更强的函数。核心思想是把多参数传入的函数拆成单参数(…
  7. 怎么写一个JavaScript Promise JavaScript promise是一个对象,表示异步任务完成或者失败及其结果值。 完结。 我当然是开玩笑的。那么,这个定义到底意味着什么? 首先, JavaScript 中的许多东西都是对象。你可以通过几种不同的方式进行创建对象。最常用的方法是使用 对象字面量语法 : const myCar = { color: ‘blue’, type: ‘seda…
  8. 详解JS错误处理:前端JS/Vue/React/Iframe/跨域/Nodejs错误捕获 js错误的实质,也是发出一个事件,处理他 error实例对象 对象属性 message:错误提示信息 name:错误名称(非标准属性)宿主环境赋予 stack:错误的堆栈(非标准属性)宿主环境赋予 对象类型(7种) Syn…
  9. JS核心知识点梳理——上下文、作用域、闭包、this(下)前面两篇文章介绍了上下文、作用域、闭包、this。这里我精心挑选了一些特别经典的面试题(不定期更新,跪求收藏)。相信通过这些题目能让你完全通关JS三座大三中的之一。
  10. vue-生命周期 生命钩子函数/周期函数 图中红色标红的函数 created() { } mounted() { } 复制代码 生命周期函数中的this默认绑定到该vue实例,所以不要使用箭头函数,会出现this绑定错误。 生命周期各个阶段 beforeCreate <div id="app">hello world</div> var vm=new Vue({ …
  11. 一个播放器引发的思考——谈谈React跨组件通信假设有一个这样的需求,需要我们去实现一个简易的视频播放器,基于对播放器的理解,我们可以把这个视频播放器大致分为如下几个部分:
  12. ReactNative源码解析-启动流程 在开始分析启动流程之前,我们先从混合开发流程入手,大致分两步。 1.继承ReactActivity,并完成相关初始化工作。 public class MyReactActivity extends Activity implements DefaultHardwareBackBtnHandler { private ReactRootView mReactRootView; private ReactInstanceManager mReactInstanceMana…
  13. PHP之内置web服务器首先我们假定项目目录是/home/baoguoxiao/www/php/demo,外界可访问的目录是/home/baoguoxiao/www/php/demo/public。然后访问的端口是8000,入口文件是index.php和index.html。那么我们可以执行如下命令:
  14. Javascript函数式编程之简单的操作符实现(一) 由于最近在学习响应式编程rxjs库,发现学习rxjs的关键是学会使用各种操作符来操作集合,由于rxjs将操作符抽象封装成为可重用、可组合的构建块,所以需要我们掌握每个操作符的原理,才能更好的应用他们,今天就介绍几个常见的方法原理实现 map实现 Array.prototype.map=function(){ const result=[]; …
  15. songEagle开发系列:Vue.js + Koa.js项目中使用JWT认证 JWT(JSON Web Token),是为了在网络环境间传递声明而执行的一种基于JSON的开放标准(RFC 7519)。 JWT不是一个新鲜的东西,网上相关的介绍已经非常多了。不是很了解的可以在网上搜索一下相关信息。 同步到sau交流学习社区: www.mwcxs.top/page/454.ht… 二、源码 Talk is cheap. Show me the code. …
  16. Vue模板、JS、CSS分离实现 我们知道,Vue.js文件默认由 template 、 style 、 script 三种标签将HTML、CSS、JS混合到一个文件当中。 相信作者尤大这么设计的作用显而易见,有它一定的优势,即:当单个VUE文件如果样式、逻辑、模板相对简单时以上结构能很大程度上降低逻辑复杂度,页面功能和整体结构也一目了然。但是,当页面功能内容…
  17. 写给 JavaScript 开发者的 Crypto 简介 在接下来的 2-4 年中,软件开发的世界将会发生很大变化。用户苦恼于个人隐私被侵犯和对其数据管控的的无力。与此同时,许多行业都受到低效流程的阻碍,这都是权力、金钱以及控制集中化的结果。 2009 年比特币出现了,在此后的 10 年里,新的互联网基础已经形成:价值互联网。现在可以通过互联网购买、出售、贷款和交易…
  18. vue 路由 按需 keep-alive 一个常见的的场景, 主页 –> 前进 列表页 –> 前进 详情页,详情页 –> 返回 主页 –> 返回 列表页 我们希望, 从 详情页 –> 返回 列表页 的时候页面的状态是缓存,不用重新请求数据,提升用户体验。 从 列表页 –> 返回 主页 的时候页面,注销掉列表页,以在进入不同的列…
  19. Spring Boot 2 快速教程:WebFlux Restful CRUD 实践(三) 号外:为读者持续整理了几份最新教程,覆盖了 Spring Boot、Spring Cloud、微服务架构等PDF。 获取方式:关注右侧公众号”泥瓦匠BYSocket”,来领取吧! 摘要: 原创出处 https://www.bysocket.com 「公众号:泥瓦匠BYSocket 」欢迎关注和转载,保留摘要,谢谢! 这是泥瓦匠的第102篇原创 …
  20. typescript版node环境搭建 尝试下在node端搭建typescript的环境,以koa2为demo尝试。 项目搭建 koa2项目初始化 demo建立在koa2之上,首先先初始化下项目: koa2 项目名称 cd 项目名称 npm install 到这,koa2的一个项目就初始化完成了,下面就开始ts化了。 增加typescript 首先时依赖的安装: npm i typescript ts-node –save …
  21. React Fiber 渐进式组件遍历详解之前写的一篇文章,React Fiber 原理介绍,介绍了 React Fiber 的实现原理,其中的关键是使用Fiber链的数据结构,将递归的Stack Reconciler改写为循环的Fiber Reconciler。今天将手写一个 demo,详细讲解遍历Fibe…
  22. express启用https小记 微信小程序的服务器域名只支持https和wss,我用nodejs的express作为后端服务,经百度和折腾,成功启用https服务。 总结以下几步,供参考。 1.申请SSL证书 笔者用的是腾讯云,申请的是为期一年免费的证书,具体申请步骤不展开介绍,颁发证书后,得到文件: 需要用到的文件在文件夹IIS中。 2.将证书放…
  23. JavaScript 手机号正则表达式写法 在我们平时开发过程中,常常要判断一个手机号码。我记得刚开始做前端「切图仔」的时候,就有疑惑,这个不是后端处理的吗。实际上,如果前端提前判断手机号码是否正确,就可以减少后段请求,节省宽带资源。 我们得先了解手机号码的规则「来自百度百科」: 中国电信号段:133、149、153、173、177、180、181、189、191…

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流