html5
文章平均质量分 54
JSN___不像码农的码农
这个作者很懒,什么都没留下…
展开
-
如何在vue中监听scroll,从而实现滑动加载更多
如何在vue中监听scroll,从而实现滑动加载更多 首先需要明确3个定义: 文档高度:整个页面的高度 可视窗口高度:你看到的浏览器可视屏幕高度 滚动条滚动高度: 滚动条下滑过的高度 当 文档高度 = 可视窗口高度 + 滚动条高度 时,滚动条正好到底。 首先在mounted中添加监听:window.addEventListener(‘scroll’, this.scrollFn); // 监听scroll 然后创建3个函数分别获取文档高度、可视窗口高度、滚动条高度: //文档高度 getScro原创 2021-09-27 15:23:17 · 865 阅读 · 0 评论 -
简单的vue上传图片
简单的vue上传图片 <template> <img :src="f.src" v-if="f" /> <img src="../../assets/zz.jpg" @click="add" v-else/> <input class="value" style="display:none" type="file" ref="file" accept="image/*" multiple="multiple" @change="getFile原创 2020-05-19 14:26:47 · 202 阅读 · 0 评论 -
微信小程序的登录鉴权
微信小程序的登录鉴权 前言 为了方便小程序应用使用微信登录态进行授权登录,微信小程序提供了登录授权的开放接口。乍一看文档,感觉文档上讲的非常有道理,但是实现起来又真的是摸不着头脑,不知道如何管理和维护登录态。本文就来手把手的教会大家在业务里如何接入和维护微信登录态,下面话不多说了,来一起看看详细的介绍吧。 接入流程 这里官方文档上的流程图已经足够清晰,我们直接就该图展开详述和补充。 首先大家看到...原创 2020-04-19 19:16:08 · 1052 阅读 · 0 评论 -
vue js拖拽
vue js拖拽 HTML <div class="kongtiaojifang" ref="kongtiao" @mousedown.stop="mouseDownHandleelse($event)" @mouseup.stop="mouseUpHandleelse($event)"> </div> data的声明 data () { return { ...原创 2020-03-31 09:47:22 · 204 阅读 · 0 评论 -
vue 拖拽功能
vue 拖拽功能 html <div id="app" @mousedown="move"> {{positionX}} {{positionY}} </div> data数据声明 在这里插入代码片 data () { return { positionX: 0, positionY: 0, } }, js部...原创 2020-03-31 09:41:06 · 216 阅读 · 0 评论 -
vue webpack打包时如何去掉console.log
vue webpack打包时如何去掉console.log 在webpack.prod.conf.js 文件中(35行左右)将设置修改为 new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, drop_debugger: true, drop_console: true...原创 2020-03-17 13:21:51 · 371 阅读 · 0 评论 -
elementUI实现分页
elementUI实现分页 分页的两种方式。前端分页,后端分页。两种方式各有个的优缺点吧。 前端分页:后台只需将数据返回,不需要做过多处理,前端一次请求拿到所有数据后做分页处理。但数据量不能太大,因为前端是先一次性加载所有数据,然后在做分页处理。在数据量多的情况下,加载相对应的会变慢。所有在前端做分页时要先考虑一下后期的数据量。 后端分页:因为是后端分页,前端在每点击一次分页时,便向后台请求一次...原创 2020-03-16 15:43:32 · 652 阅读 · 2 评论 -
flex布局
Flex 布局是什么? Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。 基本概念 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成...转载 2020-03-02 10:19:22 · 109 阅读 · 0 评论 -
vue项目打包
vue项目打包 终端运行命令 npm run build 打包成功的标志与项目的改变,如下图: 点击index.html,通过浏览器运行,出现以下报错,如图: 那么应该如何修改呢? 具体步骤如下: 1、查看package.js文件的scripts命令 2、打开webpack.dev.conf.js文件,找到publicPath: config.dev.assetsPublicPath,按Ct...原创 2019-12-24 10:03:02 · 172 阅读 · 0 评论 -
vue 兄弟组件互相调用方法
vue 兄弟组件互相调用方法 描述: 在父组件里同时引入2个子组件(child1,child2),在child2里想调用child1组件里的某个方法 实现方式: 在child2里用this.$emit(‘fun’)传到父组件里 在父组件里,给child1组件加上ref="child1Container"属性、 在methods里定义fun方法(this.$refs.child1Container....原创 2019-12-24 09:49:58 · 2276 阅读 · 0 评论 -
vue中父组件调用子组件的方法
vue中父组件调用子组件的方法 子组件: <template> <div> child </div> </template> <script> export default { name: "child", props: "someprops", methods: { paren...原创 2019-12-24 09:42:49 · 151 阅读 · 0 评论 -
js vue获取本地时间
js vue 获取本地时间地方法及计算 let yy = new Date().getFullYear(); let mm = new Date().getMonth()+1; let dd = new Date().getDate(); let hh = new Date().getHours(); let mf = new Date().getMinutes()<10 ? ‘0’+new...原创 2019-12-13 09:34:23 · 429 阅读 · 0 评论 -
水平垂直居中的方法
水平垂直居中的方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>水平垂直居中</title> <style> .color { width: 200px; height: 20...原创 2019-07-18 09:22:04 · 180 阅读 · 0 评论