20181101 前端开发日报

『前端干货篇』: 你不知道的Event Loop;webpack4.x最详细入门讲解;原生JavaScript之完美运动框架;Vue 页面状态保持页面间数据传输的一种方法;作为前端,你需要了解的开源协议知识;一些使 JavaScript 更加简洁的小技巧;记一次基于react、cra2、typescript的pwa项目由开发到部署(二);Vue with TypeScript

  1. 『前端干货篇』: 你不知道的Event Loop 一星期的满课,身心疲惫(×_×)…周末闲下来,仔细研究了下JS的事件轮询机制,看了看阮一峰大大的相关文章,真的收货挺多。 从一道面试题说起 setTimeout(function() { console.log(111); }, 0); // 这里
  2. webpack4.x最详细入门讲解 前言 本文主要从webpack4.x入手,会对平时常用的Webpack配置一一讲解,各个功能点都有对应的详细例子,所以本文也比较长,但如果你能动手跟着本文中的例子完整写一次,相信你会觉得Webpack也不过如此。   一、什么是webpack,为什么
  3. 原生JavaScript之完美运动框架 在这里呢,我们先来说下关于完美运动框架的封装思路。 想让一个物体运动呢,我们必须给那个物体加上定位属性;其次想让一个物体自动运动的话必须用到定时器;知道了这个后,基本上就差不多做完了(哈哈,给你个小安慰)! 首先在封装框架之前我们得封装一下获取非行间样
  4. Vue 页面状态保持页面间数据传输的一种方法 如果大家觉得有用,更多的模块请点击查看 vue router给我们提供了两种页面间传递参数的方式: 动态路由匹配 编程式的导航 // 命名的路由 router.push({ name: 'user', params: { userId: 123 }})
  5. 作为前端,你需要了解的开源协议知识 作者 百度外卖—王琬璐 @meiyu 百度外卖—游茹玉 @ryyou 转载请标明出处 作为前端工程师,开发中在所难免会用到一些开源框架,而每个框架都有自己的开源协议,每个开源协议之间有什么差别呢? 如果你要开源一个项目,又应该选择哪种开源协议呢?
  6. 一些使 JavaScript 更加简洁的小技巧 小编推荐:掘金是一个面向程序员的高质量技术社区,从 一线大厂经验分享到前端开发最佳实践,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货。 推荐9个使 JavaScript 代码变得更加简洁的小技巧,大概5分钟就能掌握。
  7. 记一次基于react、cra2、typescript的pwa项目由开发到部署(二) 在上一篇文章记一次基于react、cra2、typescript的pwa项目由开发到部署(一)中,我们了解到了create-react-app 给我们提供了哪些pwa支持,也了解到了有哪些不足。虽然create-react-app会帮我们自动生成一个servi
  8. Vue with TypeScript 最近尝试了一下 TypeScript,试着把一个 Vue 项目改成了 TypeScript 的,感觉还不错。 目前 Vue 和 TypeScript 的配合还不算很完美,Vuex 和 TypeScript 的配合挺糟糕的,尝试需要谨慎,如果想体验一下的话,强烈
  9. 微内核架构在大型前端系统中的应用 微内核架构在大型前端系统中的应用 只讨论架构,不讨论框架 1、名词解释 由一群尽可能将数量最小化的软件程序组成,他们负责提供、实现一个操作系统所需要的各种机制和功能。这些最基础的机制,包括了底层地址空间管理,线程管理,与进程间通讯。 2、设计理念 将系统的
  10. 「前端那些事儿」③ CSS 布局方案 我们在日常开发中经常遇到布局问题,下面罗列几种常用的css布局方案 话不多说,上代码! 居中布局 以下居中布局均以不定宽为前提,定宽情况包含其中 1、水平居中 a) inline-block + text-align .parent{ text
  11. 前端如何高效的与后端协作开发前端与后端的分离,能使前端的开发脱离后端的开发模式,拥有更大的自由度,以此便可做前端工程化、组件化、单页面应用等。
  12. 轴动效果插件,类似Github404页面轴动效果 axial3d 3D效果页插件,类似 Github404 页面动画。 安装引入 Install {代码…} or {代码…} 例子 Example Demo {代码…} 属性 Props options 属性 说明 类型 可选值 默认值 selector 元素选择器 Stri…
  13. Vue中Class与Style绑定操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以使用v-bind处理它们:只需要通过表达式计算出字符串结果即可。不过拼接字符串比较麻烦,因此在v-bind用于class和style时…
  14. vue组件通信全揭秘(共7章) 这文章在一年前已经写出来了。今天还是决定放出来供所有人学习。为什么我会写vue组件通信全揭秘,因为无论任何组件模式的框架。组件是核心,只有把组件写组件之间能理顺了。项目也就自然顺了。内容非常多,而且一年后我觉得组件的通信部分的没有任何变化。没有任何一点过时。希
  15. 让react用起来更得心应手——(React 基础简析) 让react用起来更得心应手系列文章: 让react用起来更得心应手——(react基础简析) 让react用起来更得心应手——(react-router原理简析) 让react用起来更得心应手——(react-redux原理简析) react API i
  16. vue watch数组引发的血案 data () { return { nameList: } }, methods: { handleClick () { // 通过push,unshift等
  17. CSS动画的性能分析和浏览器GPU加速 此文已由作者袁申授权网易云社区发布。欢迎访问网易云社区,了解更多网易技术产品运营经验。有数的数据大屏可以在一块屏幕上展示若干张不同的图表,以炫酷的方式展示各种业务数据。其中有些图表使用CSS实现了饼图轮播、地图标记点闪烁等动画,然而在一张大屏上同时显示了许多张
  18. ES6 系列之 Babel 将 Async 编译成了什么样子 前言 本文就是简单介绍下 Async 语法编译后的代码。 Async const fetchData = (data) => new Promise((resolve) => setTimeout(resolve, 1000, data + 1))
  19. Vue项目History模式404问题解决 本文主要解决Vue项目使用History模式发布到服务器Nginx上刷新页面404问题。(由于每个项目的情况都不尽相同,本方案已经完美解决本在所使用项目,具体情况可能还需要修改。) 1.项目背景分析 本人是Java后台开发,Vue其实使用也没有多久,只能说简
  20. 标注图+部分举例聊聊Vue生命周期 “你不需要立马弄明白所有的东西,不过随着你的不断学习和使用,它的参考价值会越来越高。” 现在项目中遇到了,好好回头总结一波Vue生命周期,以后用到的时候再来翻翻。 啥叫Vue生命周期? 每个 Vue 实例在被创建时都要经过一系列的初始化过程。 例如:从开始创
  21. ES6 系列之 Babel 将 Generator 编译成了什么样子具体的执行过程就不说了,我们直接在 Babel 官网的 Try it out 粘贴上述代码,然后查看代码被编译成了什么样子:
  22. JavaScript原型初学者指南如果不好好的学习对象,你就无法在JavaScript中获得很大的成就。它们几乎是JavaScript编程语言的每个方面的基础。在这篇文章中,您将了解用于实例化新对象的各种模式,并且这样做,您将逐渐深入了解JavaScript的…
  23. Node.js+koa2{代码…} github地址:[链接]
  24. 关于前端组件化、状态管理规范化的思考 苏格团队 作者:Tomey 一、开篇 说起前端组件化是这几年老生常谈的话题,笔者就不在这里对前端组件化思想的发展史、优劣做详细的介绍。今天主要与大家分享一下,笔者在开发中从初期的小项目,到后期的项目功能迭代,功能模块越来越多,项目越来越大,组件化规范制定不
  25. webgl滤镜–旋转的三原色 今天我们一起来做一个三原色的旋转,为了更好的体现效果呢,我没有使用图片作为背景,闲言少叙,我们直接看效果。 图中就是我们要实现的效果,有红蓝绿三种颜色的圆圈在旋转,我们需要解决的主要问题有如何使用webgl来画一个模糊的圆圈,如何使三个圆圈绕一点旋转。 同
  26. Vue条件渲染(1)在<template>元素上使用v-if条件渲染分组因为v-if是一个指令,所以必须将它添加到一个元素上,如果想切换多个元素呢?可以使用<template>元素当做不可见的包裹元素。并在上面使用v-if。最终渲染结…
  27. 使用npm set 设置 package.json 默认值 当初始化 package.json 可以执行 npm init -y 复制代码会得到如下结果 如果需要设置默认值 npm set init.license "MIT" npm set init.author.email "koopking@gmail.co

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

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


关注我

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

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

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