选择哪种方案进行优化，上篇文章提到过，vue的seo解决方案有很多种，常见的如下 vue官方服务端渲染 vue-meta-info nuxt phantomjs 等等，首先我只调研了两种，vue官方的...
vue的seo解决方案，用nuxt提升网站的收录
阅读全文
搭建一套规范 Vite + Vue3 + TypeScript 前端工程化项目环境
架构搭建 请确保你的电脑上成功安装 Node.js，本项目使用 Vite 构建工具，需要 Node.js 版本 >= 12.0.0。 查看 Node.js 版本： node -v 复制代码 建议...
JS日期、年月日、时分秒常见转换以及无敌的操作
当前标准时间 先来获取一下当前的标准时间，参数为指定字符，位置可随意，传啥有啥！ function format(fmt) { const date = new Date() const o = { ...
2021 年 Angular vs. React vs. Vue 前端框架对比
一个是 UI 库（React），另一个是成熟的前端框架（Angular），而其中最年轻的（Vue）则可以称之为渐进式框架。 你可能是一个 React 开发者，可能是一个 Vue 开发者，也可能是一个只...
2021高频前端面试题JavaScript：this/call/apply/bind
1. 谈谈对this的理解 this 是执行上下文中的一个属性，它指向最后一次调用这个方法的对象。在实际开发中，this 的指向可以通过四种调用模式来判断。 第一种是函数调用模式，当一个函数不是一个对...
2021高频前端面试题JavaScript：执行上下文/作用域链/闭包
1. 对闭包的理解 闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，创建的函数可以访问到当前函数的局部变量。 闭包有两个常用的用途； 闭包的第一个用...
2021高频前端面试题JavaScript：原型与原型链
1. 对原型、原型链的理解 在JavaScript中使用构造函数来新建一个对象的，每一个构造函数的内部都有一个 prototype 属性值，这个属性值是一个对象，这个对象包含了可以由该构造函数的所有实...
2021高频前端面试题JavaScript：事件机制篇
1. 事件是什么？事件模型？ 事件是用户操作网页时发生的交互动作，比如 click/move， 事件除了用户触发的动作外，还可以是文档加载，窗口滚动和大小调整。事件被封装成一个 event 对象，包含...
2021高频前端面试题JavaScript：JavaScript基础篇
1. new操作符的实现原理 new操作符的执行过程： （1）首先创建了一个新的空对象 （2）设置原型，将对象的原型设置为函数的 prototype 对象。 （3）让函数的 this 指向这个对象，执...
2021高频前端面试题JavaScript：ES6篇
1. let、const、var的区别 （1）块级作用域 块作用域由 { }包括，let和const具有块级作用域，var不存在块级作用域。 块级作用域解决了ES5中的两个问题： 内层变量可能覆盖外层...
2021高频前端面试题JavaScript：数据类型篇
1. JavaScript有哪些数据类型，它们的区别 JavaScript共有七种基本数据类型，分别是 Undefined、Null、Boolean、Number、String，还有在 ES6 中新增...
Vue性能优化方式及原理总结
Vue 或其他框架的日常开发中，或多或少的都会遇到一些性能问题，尽管 Vue 内部已经帮助我们做了许多优化，但是还是有些问题是需要我们主动去避免的。我在我的日常开中，以及网上各种大佬的文章中总结了一些...
JavaScript 模块基础：ES Modules、CJS 与 ESM 的混用
JavaScript 模块的发展史开始讲起，到最新的 ES Modules 的，重新认识一下模块。1、JavaScript 模块发展史1.1 Vanilla JS（1995~2009）JavaScri...
Vue3.0 新特性及使用经验总结
新项目也开始使用 Vue3.0 来开发，这篇文章就是在使用后的一个总结， 包含 Vue3 新特性的使用以及一些使用经验分享。 为什么要升级 Vue3 使用 Vue2.x 的小伙伴都熟悉，Vue2.x ...
JavaScript中原型与原型链的简单理解
讲原型和原型链，如果是讲定义，那很是晦涩难懂，今天我们就通俗易懂的说说原型与原型链。还需要借助阮老师的“Javascript继承机制的设计思想”。 1 构造函数 在讲原型和原型链之前，我们简单说下什么...
网易三年实践40条移动端H5（HTML/CSS/JS）坑位指南
Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准和未知特性多得难以快速掌握。 三年半沉淀通过本文记录下所遇到的坑位，或许有些坑位还未遇到，但本文记...
JavaScript性能提升： 哪一种for循环最快呢？
哪一种 for 循环或迭代器适合我们的需求，防止我们犯下一些影响应用性能的低级错误。 JavaScript 是 Web 开发领域的“常青树”。无论是 JavaScript 框架（如 Node.js、R...
输入URL开始建立前端知识体系
前置内容 浏览器主要进程 浏览器是多进程的，主要分为： 浏览器主进程：只有一个，主要控制页面的创建、销毁、网络资源管理、下载等。 第三方插件进程：每一种类型的插件对应一个进程，仅当使用该插件时才创建。...
docker搭建前端开发环境
怎么搭？ 面临的一个问题就是，该怎么搭这个环境？ 我们先来捋一捋，烧烤哥的业务涉及到web开发、taro小程序。所以只要电脑上有node、git，然后再利用npm去安装一些全局库（如typescrip...
前端经典面试题：17个HTML部分常见问题
1、怎么让一个不定宽高的 DIV，垂直水平居中？ 答：1）使用 CSS 方法： 父盒子设置：display：table-cell； text-align：center；vertical-align：m...
前端优秀实践（Web 用户体验设计）不完全指南
一个 Web 页面，一个 APP，想让别人用的爽，也就是所谓的良好的用户体验，我觉得他可能包括但不限于： 急速的打开速度 眼前一亮的 UI 设计 酷炫的动画效果 丰富的个性化设置 便捷的操作 贴心的细...
字节跳动前端面试题：JavaScript 基础
（2）问：0.1 + 0.2 === 0.3 嘛？为什么？ JavaScirpt 使用 Number 类型来表示数字（整数或浮点数），遵循 IEEE 754 标准，通过 64 位来表示一个数字（1 +...
Webpack5 新特性业务，字节跳动前端落地实战
作者：字节前端 Webpack5 在 2020 年 10 月 10 日正式发布，并且在过去的几个月中快速演进和迭代，截止 1 月 28 日，Webpack5 已经更新了 18 个 minor 版本，带...
前端基础知识：原生式/继生式继承
// 定义一个动物类 function Animal(name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function...
46