- 博客(12)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Vue-cli3项目seo优化--静态化打包（动态改变页面Titl、keyWords、description）
Vue-cli3项目seo优化，静态化打包（动态改变页面Titl、keyWords、description）文章目录Vue-cli3项目seo优化，静态化打包（动态改变页面Titl、keyWords、description）一 、首先需要两个插件，先安装下来 `prerender-spa-plugin` `vue-meta-info`二 、新建文件三 、给需要的页面添加自己的标题描述语其实前端可以做的seo操作很少，作用也不大，Vue也有自己专门的一套针对可以seo的框架，这次我说的方法是在不改框架的
2021-08-30 11:18:19
2062
4
原创 超简单Vue-cli3区分环境打包
Vue-cli3区分开发、测试、生产等不同环境的包文章目录Vue-cli3区分开发、测试、生产等不同环境的包一 、需要新建的配置文件二 、根据配置去动态改变接口前缀三 、请求封装ajax的时候引入`env.js`四 、配置打包命令在开发中，我们的项目肯定是要区分不同环境的，而不同环境使用的接口前缀肯定也是不同的，这就需要我们分不同环境打不同的包，这里以大多数的（开发，测试，生产）为例，直接上代码粘贴复制即可使用。一 、需要新建的配置文件1、开发环境配置文件在根目录下 创建：.env.deve
2021-08-30 10:37:00
996
原创 Vue响应式原理解析（三）
Vue中数据响应式原理——重写数组方法实现数组响应式此篇是在 Vue响应式原理解析（二） 的基础之上展开文章目录Vue中数据响应式原理——重写数组方法实现数组响应式情景准备开搞~阶段性尝试改写成功，接下来就是让改写的方法可用方法调用成功 引出新问题完美收工情景准备上篇提到，我们只是实现了对Object类型的响应式，而数组却没有做到响应式，本篇就在此基础上针对数组来扒一扒Vue如何实现Array的响应式开搞~其实去网上稍微查一查就会知道Vue他实现对数组的响应式是通过了重写原有的数组方法
2021-06-24 16:14:17
591
原创 Vue响应式原理解析（二）
Vue中数据响应式原理——假递归监测对象类型的所有属性此篇是再 Vue响应式原理解析（一） 的基础之上展开文章目录Vue中数据响应式原理——假递归监测对象类型的所有属性情景准备开始思路（思路很重要，一定要先理解思路再去看代码）代码Observer类（为单例模式做准备，并且进行for-in）observe方法（使用单例模式，它也是所有方法的入口所在）defineReactive方法（也是主要工作的核心所在，使用了Object.defineProperty）效果情景准备我们实验可以发现，单层 的o
2021-06-21 18:06:51
302
原创 Vue响应式原理解析（一）
Vue中数据响应式原理——Object.defineProperty（一）在平时的学习vue中，都知道它的俩个特点或者说核心是：组件系统和数据驱动，并且也都知道vue做到响应式更新状态是通过了js的Object.defineProperty来实现的，但是它底层到底是怎么通过这个方法实现了响应式，大多数人都是一知半解的，秉着向大神膜拜的心态，我也是刚学习了下右大大的思路，在此处分享下我的学习心得。如有错误欢迎指出，互相学习。第一篇主要写了写Object.defineProperty()的一些基础用法和
2021-06-18 15:54:34
285
1
原创 原生js写九宫格拖拽换位
使用原生JS写出一个九宫格，实现九个格子何以拖拽换位的效果效果演示具体思路分析和代码：图解1：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</t
2020-06-25 10:45:34
1206
原创 for...in循环，forEach循环的区别
这里我们说一下 for…in循环，forEach循环的区别for…in循环：基础语法：<script> var arr = [1,2,3,4,5]; for(var k in arr){ //执行语句的代码块儿 } </script>arr：是你想要获取的目标对象k：是目标对象的索引下标，如果是...
2020-04-06 17:25:43
310
原创 JS中的深拷贝和浅拷贝区别图解
深浅拷贝深浅拷贝这个东西是十分基础的，它涉及到了堆栈的问题，如果想要理解深浅拷贝的区别，首先要明白堆和栈的区别。所以我们先来说一说堆和栈的区别：堆和栈你可以当成计算机内存中的两个不同的大盒子，不同的数据类型放在不同的盒子里。我们都知道数据类型分为两种：简单数据类型和复杂数据类型。复杂数据类型就是数组、对象、函数这三个，其他的就是简单数据类型。简单数据类型呢就是放在栈中，复杂数据类型的内容放...
2020-03-22 17:41:21
412
原创 JS中的冒泡排序和选择排序方法最详细的解释
冒泡排序和选择排序对比讲解冒泡排序和选择排序是两个十分基础的算法，作为一个程序员，这些算法是必须要会的。首先我们要说一下冒泡法和选择排序法的优缺点：冒泡法相对于选择排序而言比较好理解，但是它却比选择排序执行时更繁琐、效率更低。第一个我们来说一下比较好理解的：冒泡排序法：学习一个算法，首先要了解他的原理：所谓的冒泡法，就像水中的气泡一样，越往上气泡越大，同理，数组中的数值从左到右越往...
2020-03-22 16:52:53
837
原创 JS中for语句的循环的嵌套
今天说一下JS中for语句的循环嵌套。for语句是JS中十分重要的循环语法。for(表达式1;表达式2;表达式3){ for(表达式4;表达式5;表达式6){ 执行语句块儿 } }这是嵌套写法的基本结构，首先要了解他的执行顺序是什么，才能更好地了解嵌套原理。顺序：表达式1 > 表达式2...
2020-03-14 15:41:00
1839
原创 HTML的弹性布局用法
HTMl中的弹性布局的实际用法弹性布局是html中十分方便的一个布局，它可以让结构中的内容自适应不同的分辨率，简化了许多繁琐的代码，今天就简单来介绍一下弹性布局的用法。弹性布局：display:flex;顾名思义，就是让内容变得像弹簧一样具有弹性，在需要内容自适应的结构中，它是一个极其方便的工具，它分为主轴和侧轴两个轴，就像X轴跟Y轴一样。弹性布局的语法分为两块儿：一.加给父容器的语法。二...
2020-03-01 16:09:48
8464
1
原创 解决嵌套布局浮动引起的父容器塌陷问题
浮动引起的父容器塌陷问题：float是我们在左右布局中经常用到的标签，在使用时引起的父容器塌陷问题总是令人非常头疼。今天笔者就来详细得写写解决父容器的塌陷问题都有哪些办法，这些办法的好处和坏处都又有哪些。首先我们先写一个父容器塌陷问题。让两个div进行左浮动。<style> #all{ border: 3px solid black; ...
2020-02-23 17:21:13
971
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人