在根目录下创建 vue.config.js ，做一些相应的配置 //为什么是module.exports，因为此文件的执行环境是node环境 module.exports={ publicPath:'/best-practice',//部署应用包时的基本URL devServer:{ port:port }, configureWebpack:{ // 想index.html注入标题 name:'vue最佳实践'

Vue3 源码解析 vue3 出来有一段时间了。今天正式开始记录一下 vue 3.0.0-beta 源码学习心得。 本文编写于 2020-06-10，脚手架使用 vite-app 版本 0.20.0，内置 vue 3.0.0-beta.14。 ps: 可能大部分人都不清楚 vue

css animation应该是我们非常熟悉的css特性之一了，也诞生了例如 animate.css 在内的许多方便我们使用css动画的工具。而通过JS来创建动画的Web Animations API也早早进入了Working Draft阶段，不过目前的兼容性还比较一般。 而在此之前，例如jQuery的animate方法和TweenMax.js等则是前端开发者常用的动画工具。 虽然

使用懒加载原因 网站中使用图片是必不可少的，尤其是电商网站，举个栗子，一个商品列表最少60个商品，每个200K，实际上用户可能看了前面10来张，后面的就不看了，现在来计算一下，50*0.2M=10M，页面图片多，加载的图片就多。服务器压力就会很大。不仅影响页面渲染速度还会浪费带宽。按照刚刚列表计算，并发情况下，达

JavaScript是一个面向对象（原型对象）语言，除了一些基础类型，一切皆为对象，所有的对象都是函数（Function也是对象）创建的。 面向对象的继承等一些特性，像极了人类的传承和繁衍。我们先解释下 一切皆为对象：都是爹养娘生的 。对于JS原型链的鼻祖Object.prototype就像是人类的祖先一样，是其他物种进化而来的，

tcb-js-sdk 让开发者可以在网页端使用 JavaScript 代码服务访问云开发的服务，以轻松构建自己的公众号页面或者独立的网站等 Web 服务。本文将以 实现图片上传功能 为例，介绍 tcb-js-sdk 的基本配置流程。你也可以在这里查到技术文档了解更多： cloudbase.net?from=10004 在使用云开发 Cloudbase 开发应用的过程中，

搭建项目脚手架工程是架构师 必需必会的基础技能。 在脚手架的帮助下，我们只需要跑一个命令就可以生成一个项目，不需要再思考项目的目录结构，单元测试，所需要的依赖等繁琐的事情。 而伴随着前端工程体系的功能涵盖范围越来越广，封装的方案类型越来越多，对应的配置项越来越复杂， 脚手架的重要性正在逐渐突

本人毕业到现在工作一年,一直在开发React项目,但在毕业之前的实习基本上都在用vue开发,前一段时间工作比较轻松,又因为好久没有写vue项目,所以想再去熟悉一下vue, 但是痴情的我,居然想看vue的源码,于是我就去慕课网上买了一门源码讲解的课.前后看了两遍,可能是我太笨了,没有多久就忘记的差不多了,所以我决定再去看第三遍,

应用的导航需要“守卫” Vue-router中你点击一个按钮，移步到了另外一个“网页”中。这是经常发生的事情。 在这个移步的过程当中，其实我们拥有着很多机会对这个行为做一些事情。 例如：小明打算从家里去外婆家，你在路上可以把他的腿打断，送回家，这样你就阻止了他去外婆家了。 小明去外婆家就是导航，你就是导航

VueCheckbox.vue <template lang="html"> <div> <input v-bind="$attrs" :checked="isChecked || $attrs.checked" :value="value" type="checkbox" v-on="listeners"> <span> &l

效果 分析该过程，可拆分成两个步骤： 鼠标框选一段区域 判断框选区域包含的 checkbox，进行对应处理 HTML 和 CSS 布局 该布局基于 element-ui，一个父容器 box，里面一个 mask div，一个 el-checkbox-group 块。

多个单独的构建应该形成一个应用程序。这些独立的构建不应该相互依赖，因此可以单独开发和部署它们。 这通常被称为微前端，但不限于此。 低级概念 我们区分本地和远程模块。本地模块是正常模块，是当前构建的一部分。远程模块是不属于当前构建的模块，并在运行时从所谓的容器加载。 加载远程模块被认为是异步操作。

前两天一个同事跟我说了这么一个面试题，面试官上来就问他：“项目中用了babel还需要polyfill吗？” 开始他的内心是懵比的，怎么还有如此不按套路出牌的问题，按照面试的基本原则，答案一定是需要的，不然还怎么往下问啊。于是他说“要的”。当面试官深挖下去的时候他终于顶不住了。 其实平时开发的过程中用的大部分都是现成

前言： 为什么我们需要模块化开发，模块化开发的好处有哪些？ 首先我们先说一下非模块化的开发方式带来的弊端。 非模块化开发中会导致一些问题的出现，变量和函数命名可能相同，会造成变量污染和冲突，并且出错时候很难排查。耦合程度高，不符合软件开发中的高内聚和低耦合的原则，所以我们就可以总结一下模块化开发的

解决方式:在form层多了个onsubmit="return false;"<el-form ref="form" :model="form" label-width="80px" onsubmit="return false;"&

由于JAVASCRIPT语言采用的是单线程模型,所有任务只能再一个线程上执行。早期得计算机是单核心所以没有问题。但是随着计算机能力得增强，特别是多核CPU的出现。单线程就带来很大的不便，无法充分发挥计算机的计算能力。 所以在HTML5的规范中提供了一个多线程的解决方案，这就是WEB-WORKER WEB-WORKER允许JAVASC

前言 为了让大家更好地学习 Pipcook 和机器学习，我们准备了实战系列教程，会分别从前端组件识别、图片风格迁移、AI 作诗以及博客自动分类，这几个具体示例来讲解如何在我们日常开发中使用 Pipcook，如果需要了解 Pipcook 1.0，请阅读文章 AI :heart: JavaScript, Pipcook 1.0 。 背景 图片风格转换在一些

这是一道排序的题目，那么我们首先应该想到一些常见的排序算法。主要分为两类，一类是基于比较的排序算法，例如快速排序和堆排序等。另一类是非基于比较的排序算法，包括计数排序和桶排序等。基于比较的排序算法的最优化时间复杂度也无法小于 。而非基于比较的排序算法则可以实现更低的时间复杂度。 基于比较的排序算

很多网站为了实现推送技术，所用的技术都是轮询。轮询是在特定的的时间间隔（如每秒），由浏览器对服务器发出HTTP请求，然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点，即浏览器

Hello，大家好，我是李白～～ 第一次发帖子，有点小紧张，不知道待会给我点赞的会是哪位帅气的哥哥，还是漂亮的姐姐呢，嘿嘿。 浪迹掘金之久，感谢各位大佬们的知识分享，感谢掘金这个平台，让我对自己的能力有了深度的认知，同时认识到诸位优秀、有趣的小伙伴们，请大家继续保持前进！！！ 这是一个入门全栈之路的小

原文：https://vuedose.tips/use-web-workers-in-your-vuejs-component-for-max-performance/ 有时开发者需要和一些“很重”的组件打交道 -- 这通常是指由于执行了复杂的任务，所以创建和渲染开销都很大的组件。 比方说，我昨天就在使用“StoryBlok”工具库创建富文本编辑器的时候遇到了麻烦。

作者 | kasvith 译者 | 王强 策划 | 万佳 本文最初发布于 Kasvith 博客，经原作者授权由 InfoQ 中文站翻译并分享。 疫情爆发 2019 年 11 月，我们听说了来自中国的第一起未知致命疾病的病例。现在，人们都知道它是 Covid-19，并且它似乎永远改变了我们的生活。这种病毒是致命的，具

本篇将带你深入理解 Flutter 开发过程中关于字体和文本渲染的“冷”知识，帮助你理解和增加关于 Flutter 中字体绘制的“无用”知识点。 毕竟此类相关的内容太少了 首先从一个简单的文本显示开始，如下代码所示，运行后可以看到界面内出现了一个 H 字母，它的fontSize是 100，Text被放在一个高度

ABP（ ASP.NET Boilerplate ）框架主要是基于.net core 进行的后端Web API的开发，结合Swagger的管理界面我们可以看到发布的 API 的接口明细信息，这样前端技术人员可以很容易整合前端的API应用。Vue + Element的前端应用，是目前较为流行的前端技术整合，Vue提供了前端框架很好的支持，Element提供了非常不错的界面组件