sai小懒-CSDN博客

原创 vue移动端使用路由跳转到新页面，返回后旧页面数据保持不变

使用keep-alive1、在项目的app…vue文件中添加keep-alive<template> <div id="app">    <keep-alive> <router-view v

2022-05-09 15:27:46 6174

转载 VSCode git拉取代码提示：在签出前，请清理存储库工作树

问题： VSCode 用git 拉取代码，提示：在签出前，请清理存储库工作树。解决方法： 1. 手动解决： ①git stash 先将本地修改存储起来 ②git pull 拉取远程 ③git stash pop 还原暂存内容 2. 放弃本地修改，直接覆盖 ①git reset --hard ②git pull 【注】转载于：https://blog.csdn.net/qq_30159639/a...

2021-12-30 11:39:57 754

转载 npm安装依赖报错：npm ERR A complete log of this run can be found

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\misal\AppData\Roaming\npm-cache_logs\2020-08-06T05_46_39_769Z-debug.log说明：全局脚手架和本地脚手架版本不一样。解决方法：执行 npm install npm@latest -g 升级到最新版本（若升级到最新版本还是报错，则还需要再全局更新一下npm，更新后检查npm版本号不会变，内部应该

2021-12-30 11:33:54 44221 8

原创【解决】无法加载文件，因为在此系统上禁止运行脚本

报错信息：update：无法加载文件 C:\Users\yun\AppData\Roaming\npm\update.ps1，因为在此系统上禁止运行脚本。解决方案：在电脑中找到 Power Shell ——> 以管理员身份运行使用命令：set-ExecutionPolicy RemoteSigned输入 “Y” 即可。...

2021-12-19 14:24:51 1463 1

原创【gitlab版本回退】历史版本回退及可能报错的信息—血泪史

在没遇到这个问题之前，从没想过版本回退的问题，直到今天在项目中，提交了错误的版本，造成整个项目的功能瘫痪，以一己之力成功的让项目停滞。。。

2021-12-07 14:12:59 848

原创【vue移动端】实现左滑删除功能—直接套用即可

近期做移动app界面时，需实现一个类似微信和qq的左滑删除功能，找了很多案例，多多少少不太贴合，现附上比较合适的方法，记录一下吧。实现效果图：实现思路：通过touch事件获取起始位置跟终点位置，通过这段距离的差值进行判断，进行左滑的实现html部分：<div class="contractContent" v-for="(item, index) in dataList" :key="index"> <div class="information-list" data-t

2021-12-06 19:24:07 1663

原创 js中firstChild与firstElementChild及childNodes与children的区别

firstChild：获取指定元素的第一个子节点 (包括元素节点和文本节点) 。若父元素与第一个子元素之间存在空白节点，firstChild 获取到的将是空白节点而不是第一个子元素。这时可以使用 firstElementChild 属性 (IE6/7/8 中不支持)。例：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <met

2021-02-17 17:29:14 2505 1

原创 clientWidth、offsetWidth、scrollWidth、innerWidth的区别详解

clientWidth和clientHeigh、clientTop和clientLeft实际高度：clientWidth = width + 左右 paddingclientHeigh = height +上下 paddingclientTop = boder.top (上边框的宽度)clientLeft = boder.left (左边框的宽度)offsetWidth和offsetHight、offsetTop和offsetLeft实际高度：offsetWidth = width +

2021-01-31 17:46:53 835

转载如何获取网页高度、屏幕高度、滚动高度？

有时候需要取页面的底部，就会用到 document.body.clientHeight，在HTML标准中这一句就能取到整个页面的高度，不论 body 的实际内容到底有多高。在XHTML中，如果body 体中只有一行，则 document.body.clientHeight 只能取到那一行的高度, 约20px, 这时如何还想取到整个页面的高度，就要用 document.documentElement.clientHeight 来获取。原因：在HTML中，body 是整个DOM 的根，而...

2021-01-28 18:35:22 2341

原创解决body高度设置为100%添加背景色不起作用

当给body添加以下样式时，按理说会显示出背景色且占据整个窗口，但实际却是背景色并无任何显示，检查时发现浏览器显示body的高度为0。body { height: 100%; background-image: linear-gradient(to bottom right, #c165dd, #5c27f1);}原因在于：（1）设置元素高度为百分比时，该元素需要向上遍历父标签，根据父元素的高度来设置自己的高度，若父元素高度也是百分比，则父元素也要找到自己的父元素，如果中间有个

2021-01-16 19:17:50 2919 1

转载 win10+Chrome浏览器截长图方法(亲测有效)

本方法亲测可行，操作系统为win10，其他操作系统没有试过。部分内容基于https://blog.csdn.net/ianly123/article/details/80565614并进行修正。打开 Chrome 浏览器，进入需要截图的网站页面打开开发者工具：在页面任何地方点击鼠标右键，在弹出菜单中选择「检查」选项打开命令行：快捷键组合 Ctrl + shift +p，在命令行中输入「screen」，这时自动补齐功能会显示出一些包含「Screen」关键字的命令，移动方向键到「 Capture f

2020-09-03 14:49:19 2089

原创 CSS之translate(-50%,-50%)实现水平垂直居中

translate(-50%,-50%) 实现效果：往上 (x轴)，左 (y轴)移动自身长宽的 50%，以使其居于中心位置。与使用margin实现居中不同的是，margin必须知道自身的宽高，而 translate 可以在不知道宽高的情况下进行居中，tranlate函数中的百分比是相对于自身宽高的百分比示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &

2020-08-30 16:29:34 4169

转载 CSS之相对定位与绝对定位

绝对定位绝对定位指的是通过规定HTML元素在水平和垂直方向上的位置来固定元素，基于绝对定位的元素不占据空间。绝对定位的位置声明是相对于已定位的并且包含关系最近的祖先元素。如果当前需要被定位的元素没有已定位的祖先元素做参考值，则相对于整个网页。实例1：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>元素定位实例</title&

2020-08-29 16:02:25 186

转载 CSS ::before 和 ::after 伪元素用法

CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外，就是接下来要介绍的这两个伪元素了。一、基本语法在了解进阶的应用之前，先来了解一下语法规则。平常仅仅需要将这两个伪元素用于添加一些自定义字符时，只需使用伪类使用的单冒号写法，以保证浏览器的兼容性：p:be

2020-08-27 14:01:08 323

原创解决div设置opacity后，其中的内容也随之透明化

今天做练习，本来想实现这个效果：没想到，它居然变成了这样：嗯？本想用opacity来控制div背景色透明度，可这文字也变透明了，并不是我想要的效果，这是被同化了？其实，解决方法并不难，只需一行代码就搞定了：background: rgba(255, 255, 255, 0.2);（最后的值为关键）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <m

2020-08-25 16:57:17 3918

原创 CSS之height: 100%和height: auto的区别

height: auto —— 是指根据块内内容自动调节高度。height:100% —— 是指其相对父块高度而定义的高度，也就是按照离它最近且有定义高度的父层的高度来定义高度。例：随着窗口宽度的改变，导航栏的位置发生变化（大于700时为侧边导航栏，700到400之间为顶部水平导航栏，小于400为顶部垂直导航栏）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &

2020-08-23 16:28:34 3835

转载 CSS样式display:inline-block，block，inline的区别与用法

首先要了解什么是块级元素与行级元素？块级元素：会占领页面的一行，其后多个block元素自动换行、可以设置width，height，设置了width后同样也占领一行、同样也可以设置 margin与padding属性。PS：常见的块级元素:div，img，ul，form，p等行级元素：与其他元素在同一行上，高度，行高以及底边距不可改变，高度就是内容文字或者图片的宽度，不可以改变。PS：em，strong，br，input等display:inline-block，block，inline元素

2020-08-23 15:51:28 301

原创 JS添加子节点报错：appendChild is not a function

报错信息：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&

2020-08-15 16:58:56 11160 3

转载 JS表单document.forms的用法(详解)

代码作用document.forms表示获取当前页面的所有表单document.forms[0]表示获取当前页面的第一个表单document.forms[‘exportServlet’]表示获取当前页面的name="exportServlet"的表单document.forms[‘exportServlet’].username.value获取表单为exportServlet，name为exportServlet的值document.forms[0].su...

2020-08-13 11:18:48 4524

原创 Atom编译器64位win版本下载汉化及前端必备插件

下载方式：1、官网下载2、Github下载3、Atom编译器64位win版本下载

2020-08-06 10:47:44 1539

原创 JS事件冒泡之cancelBubble和stoppropagation

什么是事件冒泡？在一个对象上绑定了某类事件 (如：onclick)，事件冒泡就是从当前触发的事件，由里到外，逐渐向父级对象传播，直到document为止。其实stopPropagation的作用跟cancelBubble是一样的，都是用来阻止浏览器默认的事件冒泡行为。不同之处在于：（1）stopPropagation符合W3C标准，适用于FireFox等浏览器，不支持IE（2）cancelBubble方法不符合W3C标准，只支持IE浏览所以，很多时候我们都需要结合起来使用。<!DOCTY

2020-07-09 20:22:35 1045

转载 js获取鼠标坐标方法全面讲解：clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y

关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种event.clientX/Yevent.pageX/Yevent.offsetX/Yevent.layerX/Yevent.screenX/YclientX/Y：clientX/Y获取到的是触发点相对浏览器可视区域左上角距离，不随页面滚动而改变兼容性：所有浏览器均支持pageX/Y：pageX/Y获取到的是触发点相对文档区域左上角距离，会随着页面滚动而改变设置让页面滚动，发现clientX与pageX的值不一样兼容性：

2020-07-08 17:58:09 277

原创关于JS中引用全局变量出错的解决方法

近期做项目练习，在给元素添加绑定事件时，遇到了引用全局变量出错的问题，代码如下：taskList.appendChild(taskEle);其中 taskList 是全局变量，而上述代码封装于一个函数内，调试时出错：Cannot read property ‘appendChild’ of null at addTask这醒目的红色，真的使我停留了一会儿…那么，怎么办呢这时候可以采用两种方法：1、给整串代码加上 window . onload = function () {}2、将 scr

2020-07-05 18:02:24 1186

原创最新版仿QQ会员首页(赋源码)—前端练习

不久前写的仿QQ会员首页，静态页面，基于html+css，之前做练习写的，对数据的严格把控，使其更接近于原页面，适合初学者练习。效果图：源码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>QQ会员页面导航</title> <link href="style.css" rel="stylesheet" type="text/css" /

2020-07-03 16:13:59 941

原创小游戏之俄罗斯方块(赋源码)

俄罗斯方块，一个很有趣的一个小游戏，此次基于html+css+javaScript实现，包含在一个方块落地后自动生成方块以及操控方块变形等。游戏截图：源码可参考：https://download.csdn.net/download/qq_44731369/12535788...

2020-06-26 16:09:37 648

原创全新完美版仿小米商城首页(赋源码)—前端练习

之前写的仿小米商城静态首页，基于html+css，适合初学者作为前端练习使用，注释详细，代码简洁明了易懂。部分效果展示：整体源码可参考：https://download.csdn.net/download/qq_44731369/12532646

2020-06-21 17:29:05 3842

原创【数据结构】论斐波那契数列的4种算法(C语言)

斐波那契数列公式：f(n) = f(n - 1) + f(n - 2);描述：如果一个数列中的每个数是前两个数之和，并且前两个数都为1，这样的数列被称之为Fibonacci数列算法1：递归#include<stdio.h>int fib(int i){ if(i<2) return 1; else return fib(i-2)+fib(i-1);}int main(){ int i,n; printf("请输入需求的斐波那契数列的前n项："); sca

2020-06-21 16:54:32 1673

原创【jQuery环境搭建】基础详解篇

关于jQuery的环境搭建，可采用两种方式：1、下载jQuery文件库在 jQuery官网下载jQuery文件库，保存至本地文件夹，之后可采用内部链接方式将其引入我们的工程文件中，步骤如下：点击下方红色框内的链接，下载未压缩的开发版点击另存为，保存至相应的工程文件夹内之后就可以通过内部链接引入工程文件中：<script src="jquery-3.5.1.js"></script>2、直接引用方式在jQuery官网直接打开jQuery文件库使用外部链接引入

2020-06-13 15:25:36 820

原创【经典问题】C语言数据结构—汉诺塔(递归)

汉诺塔可以说是非常经典的递归调用的例子，关于它的来源有兴趣可以自己查一下。它的操作形象点讲就是：在A、B、C三根柱子中，将A柱子(也可以是B或者C)上的n个圆盘(从上到下圆盘直径依次增大的堆叠方式)利用B和C移动到C(或者B)柱子上，并且每次只能移动一个圆盘，小圆盘必须在大圆盘上面。实现步骤：1、假设A中共有n个圆盘，先将其中的n-1个圆盘借助C移动到B2、再将A上的最后一个圆盘移动到C3、最后一步就是将B上的圆盘借助A移动到C，类似于第一步总体思路：实现代码：#include <

2020-06-10 21:06:04 405

原创 C语言制作个人通讯录管理系统—超详解（附源码）

之前利用C语言完成了一个关于个人通讯录管理系统的课题，主要是关于联系人的添加、查找、删除、修改、输出以及文件的写入与读出，还有一个甜点功能—模拟通话，它的实现原理也很容易理解，文章末尾会介绍到。1、函数声明关于这里的函数声明，主要是为了可以清楚的了解整个系统的功能，这里不做过多介绍。还有结构体链表的创建，贯穿了各个功能代码部分，必不可少。2、联系人的添加这部分主要涉及联系人的姓名、地址、电话、QQ号和邮箱（当然需要其他功能可自行添加），考虑到数组操作不便前提下，使用链表的尾插法，通过不断开创新的结点

2020-06-08 11:09:36 14960 11

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

qq_44731369的博客