滑动一定距离固定div 知乎和简书等一些文章阅读,右边为内容栏,左边为作者信息,作者信息会比较短,所以在滑动一段距离后,会固定实现方法如下: 获取四个数据,包括:当前窗口的高度,需要固定div的y轴距离和高度,参照div的y轴距离let windowHeight = window.innerHeight let divHeigh = document.getElementById('xxx').of 2021-03-03 前端 Javascript Html
vue多页面程序配置 最近做个vue的项目,突然想把项目中的登录页面隔离出来,配置成多页面程序,所以就搞了一下,步骤如下: 修改vue.config.js文件因为我是用vue-cli4.x配的vue项目,所以默认是没有这个文件的。不过无伤大雅,我们直接在根目录新建一个就可以。 // vue.config.js module.exports = { pages: { index: & 2021-02-24 前端 Javascript Vue
Express+Multer图片上传 项目中总会需要文件上传的功能,实现这个功能的时候,我有下面两个思路: 将图片转为base64,再将base64码存入数据库,调用的时候直接渲染即可 将图片上传到服务器作为静态资源暴露出来,再将图片的访问链接存入数据库,调用的时候使用该链接去访问 我们来分析一下上面两种方法: 使用base64,可以减少http请求,获取请求结果后直接编码渲染,但是也有弊端,base64一般会比原图要大 2021-02-06 后台 Node Express multer
Javascript深浅拷贝问题 想要实现这样一个功能:进入添加数据页面,想添加一些数据,可是写到一半想退出添加数据页面,这时候数据需要回退为之前的旧数据 代码逻辑如下: # 原数据 let info = { name: "Mike", age: 15 } # 更改 # 1.保存旧数据 let history = info # 2.更改新数据 let info = { na 2021-01-07 前端 Javascript
无缝轮播图 轮播图原理如下:第四第五步正常来说是不能有延迟的,因为是同一张图代码如下: HTML<div id="out"> <div id="imgbox"> <img src="./4.jpg" /> <img src="./1.jpg" /> <img sr 2020-12-05 前端 Javascript Html Css
centos部署node+mongodb环境 最近阿里云服务器过期了,买了其他类型的ESC,所以重新部署了一次后台,再加上上一篇讲的比较初略,所以这次详细讲讲 这次安装的东西有以下:1、node环境2、mongodb数据库3、用于命令行终端切换的screen node环境安装首先,安装之前要选好位置,我这里是在默认目录/usr/ 下载node包$ wget https://npm.taobao.org/mirrors/node/v14.13. 2020-11-29 后台 Node Mongodb
hexo部署blog(My First Blog) 这是我的第一篇博客,整个Blog系统使用的是Hexo框架和Fluid主题,通过github和gitee的page部署的,接下来我想介绍一下我搭建的过程 2020-11-22 其它 Hexo Fluid