20190520 前端开发日报

Webpack 是怎样运行的?;精读《JS 中的内存管理》;js实现23种设计模式;webpack4 + vue多页面项目精细构建思路;W3C 新技术汇总:Web 技术的现在与未来;Web技巧(05);Flutter 新增 Web 和嵌入式目标平台;Redux总结

  1. Webpack 是怎样运行的?在平时开发中我们经常会用到Webpack这个时下最流行的前端打包工具。它打包开发代码,输出能在各种浏览器运行的代码,提升了开发至发布过程的效率。
  2. 精读《JS 中的内存管理》 本期精读的文章是: How JavaScript works: memory management + how to handle 4 common memory leaks
  3. js实现23种设计模式 最近在学习面向对象的23种设计模式,使用java 和 javascript 实现了一遍,但是因为目前大三,还没有比较正规的大项目经验,所以学习的过程种我觉得如果没有一定的项目经验的话很难去完全掌控,所以学习的过程中只是大致学习了每种设计模式的特点,我觉得在学习的过程中应该自己找场景实现,这样学习效果很好,下面是代码…
  4. webpack4 + vue多页面项目精细构建思路 原文链接: zhangzippo.github.io/posts/2019/… 虽然当前前端项目多以单页面为主,但多页面也并非一无是处,在一些情况下也是有用武之地的,比如: 项目庞大,各个业务模块需要解耦 SEO更容易优化 没有复杂的状态管理问题 可以实现页面单独上线 前言 这里就第4点做一些解释,也对多页…
  5. W3C 新技术汇总:Web 技术的现在与未来 W3C Web 技术总负责人 Philippe Le Hégaret 在 QCon 2019 上的分享,介绍了 Web 技术当前关注的技术方向。
  6. Web技巧(05) 大漠老师 Web 技巧系列第五期,主要围绕 CSS 混合模式、滤镜、渐变、暗黑模式和可动的 CSS 网格展开。
  7. Flutter 新增 Web 和嵌入式目标平台 2019 谷歌 I/O 大会公布了 Fluttery 实现 web 访问、提供自定义图像分类模型的新特性,并介绍 Flutter 在桌面系统及嵌入式设备中的应用与未来的发展。
  8. Redux总结React是一个视图层框架,需要配合Redux来实现复杂页面的渲染。一、安装Redux:npm add redux /npm install redux二、创建store:利用Redux的createStore()方法创建并导出store三、创建reducer数据:
  9. webpack 代码分离快速指北 :star:️ 更多前端技术和知识点,搜索订阅号 JS 菌 订阅 分离代码文件 在此之前,首先要知道经常配置的 output 中有关 filename 和 chunkFilename 的区别;简单来说在 entry 定义的入口文件走的就是 filename 配置项,在入口文件内部引入的通常情况下是 chunk,走 chunkFilename 的配置 所以很多时候分离代码文件…
  10. Vue使用props父子组件传递数据 父组件 <template> <div> <demo :msg=’msgData’ :math = ‘mathData’ ></demo> </div> </template> <script> import Demo from ‘./Demo.vue’ export default { data () { return { msgData:’从父组件接收来的数据’, …
  11. InfoQ 访谈:前端框架 Svelte 3 将反应性移入 JavaScript 语言 Svelte 前端框架最近发布了 Svelte 3 。Svelte 3 引入了一种新的方法来声明式地表示用户界面实现中涉及的不变量连接实体。因此,开发人员可能不再需要出于性能的考虑而手动处理重新渲染,或者手动同步相关的状态片段。Svelte 3 有新的 Logo、口号和网站。 Sapper (基于 Svelte 类似 Next.js 的应用程序框架) 和 …
  12. Vue+Express全栈购物商城基于Vue-CLI2.0:点我查看这个分支版本是一两年前的,基于Vue-CLI2.0写的,数据请求是Mock,纯前端的项目。
  13. WebSocket实战:在 Node 和 React 之间进行实时通信Web 为了支持客户端和服务器之间的全双工(或双向)通信已经走过了很长的路。这是 WebSocket 协议的主要目的:通过单个 TCP 套接字连接在客户端和服务器之间提供持久的实时通信。
  14. koa-router 路由参数与前端路由的结合 koa-router 定制路由时支持通过冒号形式在 url 中指定参数,该参数会挂载到 context 上然后可通过 context.params.paramName 方便地获取。 考察下面的示例: var Koa = require("koa"); var Router = require("koa-router"); var app = new Koa(); var router = new Router(); router.get(&q…
  15. Angular6中CDK中的Overlay与Portals的简介 位置策略:一个处理overlay的显示位置 GlobalPositionStrategy: 当overlay的PositionStrategy设置成GlobalPositionStrategy的时候,overlay的位置是相对整个窗口而言的。 ConnectedPositionStrategy: 当overlay的位置需要依赖于另外一个视图的位置的时候采用该ConnectedPositionStrategy来确定overlay的…
  16. ES6—面试常见ES6问题集锦(14)通过对ES6系列文章的学习,相信大家对ES6已结有一定程度的了解。 所以本节的目的在于通过测试,便于让大家了解在学习中的知识掌握情况,查缺补漏,一步一个脚印。 1、选择题 1.1 下面不属于关键字let的特点的是:…
  17. JS核心知识点梳理——上下文、作用域、闭包、this(上)满满的干货,面试必bei系列,参考大量资料,并集合自己的理解以及相关的面试题,对JS核心知识点中的作用域、闭包、this、上下文进行了梳理。由于篇幅有限,这里只对我认为最重要的知识做了介绍,一些常识性的东西…

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

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


关注我

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

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

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