love_Lie-CSDN博客

在开发项目过程中，遇到这样一个问题：我从外部点进来，由于内容过多，滚动条直接划到最底下了。比如：滚动条到底了。原因分析：数据的加载是异步的，由于网络问题，等数据更新过来页面已经渲染完了，所以，后边由于数据发生了变化，导致了页面触发了 update 生命周期解决方案：在页面 update 处设置滚动条置顶： updated() { window.scrollTo(0,0) },这样就完美解决的这个问题。...

2021-09-30 14:10:18 445

原创 js数据处理——map 应用

前段时间在展示数据时，遇到这样一个问题：后台返回的数据结构：而前端展示的时候要处理成这样的：开始我并没有什么解决方案。首先，我得从这些数据中，按照年份筛选出来。用了map 数据结构：let map = new Map(); let intro_his = res.data.intro_his; //后台获取的数据 intro_his.forEach((it) => { if (it.year != null

2021-09-27 14:55:19 595

原创 vue router 导航守卫的应用（当前页面路由参数发生改变）

在当前页面实现路由跳转有两种方式：一种是

2021-09-27 14:39:42 580

原创 vue 上传formData 数据格式的文件(如：上传图片)

背景：在提交表单时，后端设置了 formData 的数据格式，及提交时必须是一个文件。如：<el-button type="primary" @click="uploadFile2()">点击上传</el-button> <input type="file" @change="fileValueChange2()" ref="uploadFile2" enctype="multipart/form-data" style="display:none;" accept=

2021-09-15 22:04:52 2224

原创两个div之间空白间隙和 div与图片空白间隙问题

1、两个div 之间有一段空白间隙解决：给下边盒子设置margin-top 为负值2、若图片出现空白间距问题：设置对齐方式vertical-align为 middle或者top;图片默认的对齐方式是基线对齐

2021-06-22 11:38:02 1921 1

原创 nuxt.js 使用element-ui 控制台报错（客户端渲染的虚拟DOM树与服务器渲染的内容不匹配）

初次使用 nuxt.js 在引入 element-ui 时，浏览器控制台一直报错后来发现是由于配置element-ui时，plugins的ssr为false，将其改为true修改完成后，控制台不报错了

2021-01-19 22:11:44 612

原创 nuxt 使用 swiper 3.1.3 报错 Failed to resolve directive: swiper （已解决）

在引入 vue-awesome-swiper组件时，一值报错，轮播图也无法显示我开始的代码：全局的安装配置：在nuxt.config.js 中引入插件配置index 页面的引入：后来使用了官方文档中给的说明，对代码进行修改我的script部分最后编译成功下面是swiper 针对spa 页面给的实例：nuxt 使用swiper 官方文档<template

2021-01-18 22:51:01 3051 12

原创 console.log()换行，想要换行的替代操作

console.log() 默认是换行的可以采用 node的一种方案：process.stdout.write("hello")例如上面输出情况：

2020-12-21 20:58:33 2813

原创使用webpack3.6.0 打包css文件出现错误 TypeError: this.getResolve is not a function

(node:15960) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function原因：css-loader 与style-loader 版本过高执行命令：npm install --save-dev [email protected] [email protected]降低版本后，打包成功

2020-12-18 16:31:25 164 1

原创关于回车与换行

回车、换行的区别回车”（Carriage Return）和“换行”（Line Feed）这两个概念的来历和区别。符号 ASCII码意义\n 10 换行\r 13 回车CR在计算机还没有出现之前，有一种叫做电传打字机（Teletype Model 33，Linux/Unix下的tty概念也来自于此）的玩意，每秒钟可以打10个字符。但是它有一个问题，就是打完一行换行的时候，要

2020-12-09 13:58:31 283

原创 delete 操作符的使用规则

在实现数据结构与算法列表过程中，有一个清除列表中所有元素的方法，其中用到了delete 操作符，于是查了一下它的使用。描述：delete 操作符用于删除对象的某个属性；如果没有指向这个属性的引用，那它最终会被释放。语法delete expression参数object对象的名称，或计算结果为对象的表达式。property要删除的属性。返回值对于所有情况都是true，除非属性是一个自身的不可配置的属性，在这种情况下，非严格模式返回 false。对于数组删除当你删除一个数组元素时，

2020-12-08 11:38:59 1671

原创前端js-命令行输入

需求：js indexof 练习实现一个命令行输入询问，然后输出结果的功能//定义一个数组，找出数组中有该字符串const names = ["json","张三","李四"]//引入 nodejs 中的readline模块const readline = require("readline").createInterface({ input:process.stdin, output:process.stdout})readline.question("enter a nam

2020-12-03 11:32:55 978

原创 vscode create-react-app创建问题

原因：文件权限问题解决方案：powershell 以管理员身份运行输入： set-ExecutionPolicy RemoteSigned将执行策略改为A然后：输入：get-ExecutionPolicy

2020-11-27 15:24:29 270

原创 CSS学习笔记---字体文本

字体字体的样式font-size(用来设置文字所占框的大小)设置文字的大小,浏览器中一般默认的文字大小都是16pxfont-size设置的并不是文字本身的大小，在页面中，每个文字都是处在一个看不见的框中的我们设置的font-size实际上是设置格的高度，并不是字体的大小一般情况下文字都要比这个格要小一些，也有时会比格大，根据字体的不同，显示效果也不同font-famil...

2019-12-04 10:48:06 190

原创 JS基础学习笔记（一）

JS代码位置1.外部文件（推荐使用）例：<script type="text/javascript" src="js/script.js"></script>可以将js代码编写到外部js文件中，然后通过script标签引入写到外部文件中可以在不同页面中同时引用，也可以利用到浏览器的缓存机制注：script标签一旦用于引入外部文件了，就不能再编写代码了...

2019-11-28 20:20:03 156

love_Lie的博客

原创 Vite 打包报错 [rollup-plugin-dynamic-import-variables] Unexpected character ‘‘

原创 React配置 proxy 报错（索引:6772 crbug/1173575, non-JS module files deprecated.

原创前端权限控制

原创 echarts 使用

原创 echarts 图表随容器 div变化而变化踩坑（Echarts自适应容器）

原创 Windows PHP环境配置及 apache 配置踩坑

原创 vue 加载 markdown 长文件，滚动条问题