20181017 前端开发日报

jQuery 都过时了,那我还学它干嘛?;从头开始学习Vuex(一);开发大型 Angular 应用的12条架构清单;显微镜下的webpack4入门;我练习项目眼中的 Vue;教你撸一个简单的Vue;从promise-polyfill.js实现看Promise应用时注意点;关于mpvue中同路由不同页面共享数据的解决方案

  1. 从头开始学习Vuex(一) 一、前言 当我们的应用遇到多个组件共享状态时,会需要多个组件依赖于同一状态抑或是来自不同视图的行为需要变更同一状态。以前的解决办法: a.将数据以及操作数据的行为都定义在父组件; b.将数据以及操作数据的行为传递给需要的各个子组件(有可能需要多级传递) 传参的方法对于多层嵌套的组件将会非常繁琐,并且...
  2. 开发大型 Angular 应用的12条架构清单 在 Nrwl,我们帮助财富500强公司用正确的方式使用 Angular 平台开发。这些公司很少存在小型应用,大多是多个团队使用多个共享库构建的多个应用程序。经历过此种情况的开发者就知道,如果处理不当它很快就会演变成一个多对多的卷积噩梦。 在本文中,我将会讨论: 为什么开发大型 web 应用在大公司很难 为什么 ...
  3. 显微镜下的webpack4入门 前端的构建打包工具很多,比如grunt,gulp。相信这两者大家应该是耳熟能详的,上手相对简单,而且所需手敲的代码都是比较简单的。然后webpack的出现,让这两者打包工具都有点失宠了。webpack比起前两者打包工具,对于前端程序员JS编程能力的要求还是挺高
  4. 我练习项目眼中的 vue 因为毕业设计开始了 vue 的学习之路,曾写过一些入门的 vue 小白学习文章系列(2018 我所了解的 Vue 知识大全(一))。如今已经工作半年了,这一次想说说我我平时练习项目中的 vue ,我习惯采用 ES6 书写,仅供参考,如果有可以改进的希望能够学习
  5. 教你撸一个简单的Vue 摘要: 你会实现一个Vue吗? 原文:JavaScript之实现一个简单的Vue 地址:https://segmentfault.com/a/1190000016365102 作者:wclimb
  6. 从promise-polyfill.js实现看Promise应用时注意点 resolve/reject只能接收一个传值 工作中封装一个ajax请求简写方法,想API返回正常情况值时( code===200 ),直接.then里调用data数据.异常时,在catch里传递三个参数msg, code, date. 写完后,发现.catch后面两个参数调用时始终是 undefined .网上查了下资料,原来resolve/reject只能接收一个值传递....
  7. 关于mpvue中同路由不同页面共享数据的解决方案 该问题出现的issue,目前官方未给出修复以及解决方案 issue 114 使用场景: 在使用mpvue开发小程序中,出现同路由复用,使用不同页面的情况。 例如: 全部->详情页1(id=22)->个人页->详情页2(id=24,前面详情页1
  8. vue单页应用前进刷新后退不刷新方案探讨 引言 前端webapp应用为了追求类似于native模式的细致体验,总是在不断的在向native的体验靠拢;比如本文即将要说到的功能,native由于是多页应用,新页面可以启用一个的新的webview来打开,后退其实是关闭当前webview,其上一个w
  9. vue组件通信--注意事项及经验总结 写在前面 组件间的通信是是实际开发中非常常用的一环,如何使用对项目整体设计、开发、规范都有很实际的的作用,我在项目开发中对此深有体会,总结下vue组件间通信的几种方式,讨论下各自的使用场景 文章对相关场景预览 父->子组件间的数据传递 子->父
  10. 如何修复Windows 10上的“JavaScript Void 0”错误 在某些时候,使用浏览器访问网页时,可能会遇到错误“JavScriptVoid 0”。您应该注意Java和JavaScript不一样。因此,在您的系统上安装Java无助于解决问题。 您遇到此错误的原因是某些内容阻止了您网页上的JavaScript。而且,如果您无法从最终修复它 - 网页上可能存在JavaScript编程错误。您需要通知网站的管理员来解决问...
  11. vue开发黑科技--利用引用类型的值处理复杂数据的编辑 现在前端框架和之前的前端开发方式有一个重要的区别————基于数据驱动。我们不需要再去关注dom本身,而是将主要精力放在如何操作数据上面。实际开发中,可以抽象成 既然全部在完数据, 数据类型、算法就跑不掉了。 本片介绍一个基于引用类型的vue黑科技, 在使用v
  12. Node.js 高性能和可扩展应用程序的最佳实践 [第 1/3 部分] 在本系列的 3 篇文章中,我们将介绍有关开发 Node.js Web 后端应用的一些优秀实践。 本系列将不是关于 Node 的基础教程,您将阅读的所有内容都适用于已经熟悉 Node.js 基础知识的开发者,这些内容有助于他们改进应用架构。 本文主要关注的是效率和性能,以便以更少的资源获得最佳结果。 提高 Web 应用程序吞吐量...
  13. 基于React的PC网站前端架构分析 这篇文章是以一个实习生的视角对前端网站架构的一点分析和理解 序 最开始接触前端的时候,是从简单的html、css、js开始的,当时盛行的WEB理念是结构样式行为相分离,即html、css、js分离,独立开发,互相之间通过link和script来互相调用。 最
  14. 【webpack进阶】你真的掌握了loader么?- loader十问 在我学习webpack loader的过程中,也阅读了网上很多相关文章,收获不少。但是大多都只介绍了loader的配置方式或者loader的编写方式,对其中参数、api及其他细节的介绍并不清晰。 这里有一个「loader十问」,是我在阅读loader源码前心中的部分疑问: webpack默认配置是在哪处理的,loader有什么默认配置么? w...
  15. 前端每日实战:156# 视频演示如何创作一个飞机舷窗风格的 toggle 控件效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] ...
  16. 使用Typescript给JavaScript做静态类型检查 原文链接 bit.ly/2ymSPtL 从迁移TypeScript说起 笔者所说的这个项目,是一个运行了接近五年的老项目,代码横跨es3到es6。而且代码风格由于项目的人员流动也各异。由于项目人数越来越多,以前留下的技术债造成的危害也越来越大。而重构,在这样一
  17. ThinkJS入门+实例(实现认证权限等基本功能) 这是一篇关于ThinkJS框架的文章,因为网上对于该框架的介绍非常少,所以在这里通俗讲解一下自己对该框架基本的认识并且提供了一个练习基本功能的项目。 因为这是基于Node.js的矿建,所以先带新手入门一点Node.js的知识。 Node.js简述 Node.js:简单的说Node.js就是运行在服务端的JavaScript。 Node.j...
  18. 基于NodeJS的HTTP server Plus 2:防盗链(referer) 什么是 “盗链”? “盗链” 说白了就是利用别人网站的资源链接放在自己的站点,在未经允许的情况下去获取别人网站里面的图片或者视频等资源,导致资源所有者的网站的流量费用增加或收入减少,为了防止资源链接随意被人盗用的手段被称为 “防盗链”。 模拟 “盗链” 场景 我们先来模拟一下 “盗链” 场景,在本地启动服务运...
  19. vue组件从开发到发布组件化是前端开发非常重要的一部分,从业务中解耦出来,可以提高项目的代码复用率。更重要的是我们还可以打包发布,俗话说集体的力量是伟大的,正因为有许许多多的开源贡献者,才有了现在的世界。
  20. 前端骨架屏方案小结最近在项目不时有用到骨架屏的需求,所以抽时间对骨架屏的方案作了一下调研,骨架屏的实践已经有很多了,也有很多人对自己的方案作了介绍.在这里按照个人的理解做了一个汇总和分类,分享给大家.
  21. css&html面试知识点优先级就近原则,同权重情况下样式定义最近者为准载入样式以最后载入的定位为准优先级为: !important > id > class > tag important 比 内联优先级高important声明比js的优先级要高
  22. HTTP/2 简介 最近阅读了一下RFC7540和一部分HTTP/2的Go语言支持实现,故作此记录。 HTTP/1 的问题在哪 回想一下作为一个浏览器,请求HTTP/1网站的过程。浏览器经过一系列操作之后,和服务器建立了通信,并且发送请求,例如: GET / HTTP/1.1 Host: jiajunhuang.com User-Agent: Mozilla/5.0 (Macintosh; Intel Mac ...
  23. React SSR重构踩坑记录(持续更新) 最近将以前的一个毕业设计的网站的文章详情页做了服务端渲染的重构,看SSR的实现文档看似很简单,但是实现起来确实坑不少。 无法使用import引入 错误信息: unexpected token import 场景:第一次在node中直接使用 import Story from '../js/containers/story' ;就会报这个错误。 ...
  24. Under the Hood: NaN of JavaScript 在查看本文之前,请先思考两个问题。 typeof (1 / undefined) .indexOf(NaN) 如果你还不确定这两题的答案的话,请仔细阅读本文。 这两题的答案不会直接解释,请从文章中寻找答案。 NaN 的本质 我们知道 NaN(Not A Number) 会出现在 任何不符合实数领域内计算规则 的场景下。比如 Math.sqrt(-1) 就...
  25. Vue 2.0 项目在IE下显示空白新写的项目在 IE浏览器显示空白 解释一: {代码...} 解释二: {代码...} 解决方法: {代码...} 原文:[链接]
  26. 如何编写 Typescript 声明文件使用TypeScript已经有了一段时间,这的确是一个好东西,虽说在使用的过程中也发现了一些bug,不过都是些小问题,所以整体体验还是很不错的。

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

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

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