自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

马优晨

撰写自己前端开发心得

  • 博客(13)
  • 资源 (2)
  • 论坛 (6)
  • 收藏
  • 关注

原创 table实现表头固定 内容滚动

效果图代码实现部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...

2020-04-29 09:29:32 1147

转载 vue里ref ($refs)用法

一、ref使用在外面的组件上<div id="ref-outside-component" v-on:click="consoleRef"> <component-father ref="outsideComponentRef"> </component-father> <p>ref在外面的组件上</p>...

2020-04-26 19:30:10 1572

原创 this.$nextTick()的使用场景

一、用途应用场景:需要在视图更新之后,基于新的视图进行操作。this.$nextTick()方法主要是用在数据改变,dom改变应用场景中。vue中数据和dom渲染由于是异步的,所以,要让dom结构随数据改变这样的操作都应该放进this.$nextTick()的回调函数中。created()中使用的方法时,dom还没有渲染,如果此时在该钩子函数中进行dom赋值数据(或者其它dom操作)时无异...

2020-04-26 19:13:16 6333 1

转载 node 的path模块中 path.resolve()和path.join()的区别

一、path模块的引入。直接引用。node中自带的模块const path = require('path');二、path.join(path1,path2,path3…)作用: 将路径片段使用特定的分隔符(window:\)连接起来形成路径,并规范化生成的路径。若任意一个路径片段类型错误,会报错。const path = require('path');let myPath =...

2020-04-26 11:47:15 190

转载 一些前端小算法

(1)实现一个函数,判断输入是不是回文字符串function isPlalindrome(input) { if (typeof input !== 'string') return false; return input.split('').reverse().join('') === input;}原理:每次输入一个数据空格隔开,将输入的数据变成数组在反转,反转后变成字符串和...

2020-04-26 10:45:30 225

原创 tab表格去掉边框

Insert title here 姓名 年龄 籍贯 出生年月 学历 外语程度 111 222 333 444 555 666 11122 222111 333444 444555 555555 666777 ...

2020-04-24 19:22:59 513

原创 vant自定义二级菜单

(1)组件名字: ThreeLevel(2)组件代码:<template> <div> <button @click="showM">{{ value || "选择省份" }}</button> <button @click="showC">{{ value2 || "选择城市" }}</button&gt...

2020-04-23 16:56:31 1680

原创 鼠标经过替换背景和文字

鼠标经过的时候替换背景和文案(1)准备一张图片图片地址:https://www.csgo.com.cn/data/images/e1.jpg(2)代码部分HTML <!-- 测试鼠标hover替换背景图片 --> <div class="entrance"> <a href="charts.html" class="e1">...

2020-04-16 17:23:00 379

转载 vue中使用watch监听$route 无效问题

vue 中使用watch监听$route失效问题!在watch里面监听$route变化,发现并没有监听到。路由:{ name: 'secondUser ', component: secondUser, path: '/secondUser',}页面监听: watch:{ '$route'(to,from) { ...

2020-04-16 14:56:18 6423

原创 获取数组中连续相同的元素

这里分享一个处理连续数据的两个办法,记录一下,说不定自己以后还会遇到。(1)纯数组类型如代码,将里面连续相同的数字找出来oldArr = [1,1,,2,3,3,3,7,8,9,15,17,17,18,19,19,19];function fn(arr){ var result = [], i = 0; result[i] = [arr[0]]; arr.redu...

2020-04-15 11:12:38 1196

原创 vue全局注册组件实例

如果想要创建全局的组件,供给其他地方时使用,可以使用Vue.extend 去创建:这里我们封装一个弹框组件:(1)创建目录index.jsimport Vue from "vue";import Popup from "./index.vue";const PopupBox = Vue.extend(Popup);Popup.init = function(data) { ...

2020-04-13 16:26:51 367

原创 使用vant 自定义弹框

使用vant制作弹框,具体如下:html层 <van-popup v-model="show" closeable class="dialog-test" close-icon="close" close-icon-position="top-right" :style="{ height: '30%' }" >...

2020-04-13 15:43:41 5298

原创 使用vant 制作导航栏

先看一下实际登录效果图:登录前:登录后:登录后其他页面:使用说明:语言vueUI库 vant数据管理 vuex(1) 引入vantimport Vue from 'vue';import { NavBar } from 'vant';Vue.use(NavBar);vant 基本用法(2) 封住vue 组件 m-headerview层<t...

2020-04-13 14:02:02 2174

jqueryGoToTop.zip

前端页面回到底部按钮,滚动超过一屏会出现,一屏幕内会消失,点击会将页面缓慢滚动到顶部,非常实用。可以替换滚动图标,可以设置滚动时间。

2020-06-22

ejs常用操作.zip

ejs数据处理,express数据处理,欢迎下载。数据渲染,数据遍历,引入文件,动态处理数据,数据转移和非转移 等等~~~~

2020-06-20

空空如也

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

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除