Vue Router被我们忽略的知识点；你可能会用的上的一个vue功能组件库，持续完善中…；异步编程解决方案——Promise对象（ES6语法）；一个基于vue的网页图片浏览插件；前端工具包之日期格式化；webpack5 + webpack-chain 构建一个大型应用系列 2（附 vscode 跟 prettier 配置）；手把手教你打造一款轻量级canvas渲染引擎；从零开始，Promise 从理解到实现
-
Vue Router被我们忽略的知识点 2、响应路由参数变化 针对复用组件（只是路由参数发生改变），生命周期函数钩子不会被调用。 watch: { ‘$route’ (to, from) { // 对路由变化作出响应… } } 复制代码 beforeRouteUpdate (to, from, next) { // react to route changes… // don’t forget to call next() } 复制代码 …
-
异步编程解决方案——Promise对象（ES6语法） 回调函数 事件监听 事件发布/订阅模式 Promise 生成器Generators/ yield async/await JS 异步编程进化史：callback -> promise -> generator -> async/await Promise对象 Promise是什么 promise 即承诺，异步编程的一种解决方式，内部保存异步操作，通过它可以获得异步操作的消息 特点 …
-
一个基于vue的网页图片浏览插件 因为某天我在用电脑逛p站(pixiv)时，发现看图的效果不是那么令人满意，点开一个图片后居然不能放大，上移下移要通过鼠标滚轮，感觉有点反人类，我希望在网页看图时能全屏浏览图片，并且支持图片的放大缩小和拖拽，不知道是不是搜索关键字不对，逛了一圈发现莫得喜欢的轮子，刚好又有些思路 而且闲着无聊 ，于是…
-
前端工具包之日期格式化 我们在开发过程中，总会封装一些公共函数来作为我们的工具来简化代码或者复用代码，为此，我打算整理一下我日常工作中常用的一些封装的工具函数，本篇文章为时间日期的格式化工具函数封装。 系列文章 1. 前端工具包之深浅拷贝 2. 前端工具包之日期格式化 背景 通常开发中我们会遇到各种类别的日期形式如比…
-
webpack5 + webpack-chain 构建一个大型应用系列 2（附 vscode 跟 prettier 配置） 继上一篇 一步步从零开始用 webpack 搭建一个大型项目 之后的第二篇。本文使用了 webpack5 将项目进行了重构，并全程使用的 webpack-chain 来配置 webpack ，每个功能也都是独立文件，可单独使用。因此该项目的配置可以在任何项目中被使用。此项目可实战亦可当成 webpack 手册来学习。我开发这个项目的目的就是无论你是…
-
手把手教你打造一款轻量级canvas渲染引擎当我们开发一个canvas应用的时候，出于效率的考量，免不了要选择一个渲染引擎（比如PixiJS)或者更强大一点的游戏引擎（比如Cocos Creator、Layabox)。
-
从零开始，Promise 从理解到实现Promise 是一个对象，它代表了一个异步操作的最终完成或者失败。现在它已经成为了 JavaScript 中异步编程的一种重要解决方案。
-
JavaScript中的深拷贝与浅拷贝 如果您觉得我的文章有用，欢迎点赞和关注，也欢迎光临我的个人博客 github.com/BokFang 对象拷贝是经常能够遇到的，也是面试的经典题型，接下来我们就聊聊JavaScript中的深拷贝和浅拷贝。 浅拷贝 首先我们要么明确一点，直接拷贝对象的引用不是浅拷贝。 eg1：拷贝对象的引用 var obj1 = { a:1, b:{c:…
-
升级vue-element-admin，高效开发后台管理系统 vue-element-admin 作为一个后台前端解决方案，它丰富的插件、优雅的解决方案无需多言。然而在企业级中后台产品的开发中，我们最常遇到的需求就是列表页、详情页。 vue-element-admin 的解决方案是直接使用 element-ui 的 el-table/el-form 实现了需求。 由于列表页、详情页有很多的需求是相近甚至相同的 ，在这样的前提…
-
Blazor(WebAssembly) + .NETCore 实现斗地主 之前群里大神发了一个 html5+ .NETCore的斗地主，刚好在看 Blazor WebAssembly 就尝试重写试试。 还有就是有些标题党了，因为文章里几乎没有斗地主的相关实现:)，这里主要介绍一些Blazor前端的一些方法实现而斗地主的实现总结来说就是获取数据绑定UI，语法上基本就是Razor，页面上的注入语法等不在重复介绍，完…
-
34 个今年11月最受欢迎的 JavaScript 库你知道的越多，你不知道的越多点赞再看，养成习惯 本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。
-
Vue数据响应原理 前言 随着前后端分离成为Web开发的常态，Mvvm框架越来越普及。让前端开发从关注Dom，变为关注数据，提高了开发效率，降低了学习成本。同时也能有效避免低级的Dom操作错误。 在享受Mvvm框架带来的便利的同时，我们也会对它的具体实现产生兴趣。笔者认为Mvvm框架重要的有两个部分 数据变化的捕获，通知与响应 …
-
React transaction完全解读在阅读react源码中，发现其中大量用到了transaction（中文翻译为事务）这个写法，所以单独做一下分析。其实在react中transaction的本质，其实算是一种设计模式，它的思路其实很像AOP切面编程:
-
React开发日记-react的服务端渲染框架Next.js 的开发体验 作为一个react初学者，本文主要分享一下在一个开发者的角度 从vuejs转到reactjs+nextjs的差别 目录 vue和react区别 csr和ssr区别 next.js项目开发使用的特性 next.js遇到的问题 next.js开发友好的点 复制代码 vue和react区别 1 生命周期不同 基本的created mounted destroy update 等生命周期两者都有 但…
-
JavaScript 引擎 V8 执行流程概述本文主要讲解的是V8的技术，是V8的入门篇，主要目的是了解V8的内部机制，希望对前端，快应用，浏览器，以及nodejs同学有些帮助。这里不涉及到如何编写优秀的前端，只是对JS内部引擎技术的讲解。
-
【webpack配置工程师】系列一（核心概念篇） 关于版本，我们讲述的是webpack 4.0版本 我希望大家在用webpack前，要搞清楚，我们为什么要用webpack，它存在的意义是什么？ webpack 基础概念 webpack可以把它理解为一款工具，一款帮助我们打包的工具，也可以称之为前端构建工具。 简单来说webpack做的事情就是将一些特别复杂且浏览器无法识别东西，通过…
-
如何在 React 中优雅的写 CSS看目录结构清晰明了，由于“ CSS 文件分离 != CSS 作用域隔离”这样的机制，如果我们不通过一些工具或规范来解决 CSS 的作用域污染问题，会产生非预期的页面样式渲染结果。
-
从事 Web 开发需要学习哪些基础知识？ 本文节选自书籍《Django开发从入门到实践》第二章。 本节列出这么多内容不是为了打击初学者的信心，而是让大家在学习过程中有一个清晰的脉络，如果想在Web后端开发这条路上走得更远，需要修炼好自己的内功，这些基础知识是非常重要的。 前端知识 …
-
当你敲完 git commit 命令后，究竟发生了什么？ 追求进步的同学都关注了“1024译站” 这是1024译站的第 39 篇文章 作者：Maxence Poutord 来源：dev.to 翻译：大道至简 如今大多数项目都使用 Git 作为版本控制系统，这意味着大多数项目都有一个.git文件夹。但是，你有没有尝试过打开它？ 我试过一次……然后在…
-
What's New for Node.js in 2020 原文: What’s New for Node.js in 2020 – David Neal Node.js在2019年走到了第十个年头, npm 上面的包数量也超过了一百万. NodeJS自身的下载量也在以每年40%的速度持续增长. 而对于NodeJS最近的另一个里程碑便是它加入了OpenJS基金会, 该基金会旨在提高项目的健康度与可持续性, 同时与JavaScript社区有一个紧密的合作…
-
【前端知乎系列】ArrayBuffer 和 Blob 对象本文首发在我的【个人博客】更多丰富的前端学习资料，可以查看我的 Github: 《Leo-JavaScript》，内容涵盖数据结构与算法、HTTP、Hybrid、面试题、React、Angular、TypeScript和Webpack等等。点个 Star 不迷路~
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
