自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(46)
  • 收藏
  • 关注

原创 图片上传步奏条

【代码】图片上传步奏条。

2024-05-23 15:35:56 36

原创 call,apply,bind

第一个参数指定了函数体内的this指向。第二个参数接受一个数组 [1,2],但函数拿到的是解构后的入参 1,2 (同call效果)。: 参数数量不固定。第一个参数指定了函数体内的this指向,从第二个参数开始往后,每个参数被依次传入函数。:bind创建一个新的函数,不会直接执行,可以固定写多个传参;: 第一个入参为null时是用来占位,不改变this指向。:第二个入参不同,接受参数数量不同。

2024-04-23 15:45:45 202

原创 a链接下载zip压缩包

【代码】a链接下载zip压缩包。

2024-03-27 16:02:07 100

原创 狗头大军--

> 然后刷新一下页面就能看到了,审核通过就设置OK了。=> 有个类似这样的返回值(我这个是审核中的返回值)=> 以上代码复制到console里面点击回车。:传你想设置图片的链接。点开掘金上传头像页面。

2024-01-12 14:16:51 329

原创 在线html地址转html文本

【代码】在线html地址转html文本。

2023-11-30 14:31:26 578

原创 N分钟倒计时

【代码】N分钟倒计时。

2023-11-01 17:40:13 124

原创 视频上传、预览、通过视频url获取第一帧(任意帧)

上传其实就是将你选择的文件转成file文件,我们拿到file文件之后再做处理。比如传到服务器,服务器返回一个fileId,我们下次需要反显的时候可以根据这个fileId去服务器拿对应的文件。

2023-04-27 10:19:05 1075

原创 常用方法封装

【代码】常用封装方法。

2023-02-28 17:08:56 165

原创 input输入框正在输入中文时的长度判断问题

比如input输入框的input事件做了长度为6的判断,如果此刻你正在用拼音输入中文,那么你输入的拼音也会被计算的长度,从而影响长度判断。这个时候就可以用如下两个方法解决,开始输入中文时给个变量标识即可。开始启用输入法输入中文方法。

2022-12-14 15:26:08 1687

原创 伪元素与伪类

选择某个元素一个或是多个特定的子元素,从这个子元素的最后一个子元素开始计算。指定当页面打开时默认处于选取状态的单选框或复选框的控件的样式。作用的对象:于元素的一部分,一个段落的第一行或第一个字母。选择一个元素是它上级元素的唯一一个相同类型的子元素。伪元素相当于创造了一个元素,然后添加了相应的效果。选择一个上级元素下的最后一个同类子元素。选择指定元素,从元素最后一个值开始计算。选择一个上级元素下的第一个同类子元素。选择某元素一个或是多个特定的子元素。选择的元素里面没有任何内容。选择父元素的唯一一个子元素。

2022-09-05 16:23:39 818 1

原创 简单的数据相加效果

简单的数据相加效果。

2022-08-17 13:59:43 119 2

原创 git 配置公钥

第一步:生成 .ssh 文件;第二步:生成一串公钥;第三步:复制生成的公钥串,添加到 git 公钥配置的地方即可;

2022-08-08 14:45:23 7554

原创 移动端盒子拖动效果(有效,坑已踩)(自定义指令)

/1.参数一指令的名称,定义时指令前面不需要写v-//2.参数二是一个对象,该对象中有相关的操作函数//3.在调用的时候必须写v-constdrag=Vue.directive('drag',{//2.每个//inserted表示一个元素,插入到DOM中会执行inserted函数,只触发一次,//函数中第一个参数永远是el,表示绑定指令的元素,el参数是原生js对象//注意${//1.参数一指令的名称,定义时指令前面不需要写v-//2.参数二。...

2022-07-19 10:18:18 379

原创 package.json文件添加自定义命令和参数

1、安装 cross-env 目的:为了能正常配置自定义参数。 例如 :test1=xixixi ,前面要加上 cross-env。2、安装 nodemon 目的:自动完成node服务器和数据库服务器的重启,比如mock数据请求package.json 文件test.js二、解析:1、执行自定义命令 test1 ,既 ,相当于执行了 test.js 这个文件,并进行参数的打印。(1)test1 自定义命令定义了两个参数和;且命令指向了 test.js 文件。(2)自定义的参数可以再任何一个vu

2022-07-08 16:27:28 4054

原创 手写表格分页 (react语法)

cv大法直接复制粘贴搬运 OvO分页逻辑说明:(1),隐藏标签。==>且;且;且。(2)当条件(1)满足时,,标签内容渲染成 ,其余的渲染成页面数。

2022-07-05 10:48:33 398

原创 Promise 封装请求,Promise.all 使用

Promise 封装请求,Promise.all 使用

2022-06-21 16:55:15 991

原创 vue 手写类似手动输入短信验证码的功能

动态添加 标识,通过 操作 dom。1、:点击数字键盘的时候,把对应的值通过vue操作dom的形式,赋值给第一个dom值为“-”的span标签。2、:点击删除的时候,通过vue操作dom的形式,将最后一个dom值不为“-”且原始数据对应的值不为“*”的span标签的值赋值为“-”。3、:点击提交的时候,通过vue操作dom的形式,获取所有span标签的值,拼在一起传给后端即可。注意: 每个span标签都有一个ref标识......

2022-06-20 17:45:56 363

原创 文字横向滚动(无滚动条,速度可控)

2、css1)给父盒子一个宽度2)父盒子开启不换行3)父盒子;

2022-06-20 09:29:57 714 2

原创 uniapp实现视频上下滑动功能(小程序)以及video组件的暂停和播放

uni推荐使用swiper组件实现,在video组件的下面介绍有写。**这里实现方式是:**父组件先用swiper组件实现纵向滑动,然后在每个swiper-item中插入视屏组件video-item-vx,在video-item-vx组件中实现视屏播放,具体别的细节根据需要自己实现。一、视屏屏纵向上下滑动1、父组件html<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :in

2021-11-25 10:54:35 13416 5

原创 页面倒计时

页面倒计时倒计时5s// 可以考虑用缓存来存放倒计时的数字,进入页面的时候从缓存里取,取到了就表示有倒计时未清零,取不到就赋值,注意倒计时结束后缓存的数据也得清就好了 localStorage.setItem("gooseTime",'5') // 1、初始进入页面设置默认时间 // 倒计时15秒 function run () { var s = document.getElementById("goose_time") s.innerHTML = localStorag

2021-10-19 14:52:55 297

原创 数据分组cv

效果…代码 let data = [ {prizeDrawDate:"2021-01-01",money:"5"}, {prizeDrawDate:"2021-01-02",money:"5"}, {prizeDrawDate:"2021-02-01",money:"5"}, {prizeDrawDate:"2021-03-01",money:"5"}, {prizeDrawDate:"2021-03-03",money:"5"}, {prizeDraw

2021-10-12 17:39:52 212

原创 js取值排除undefined、““、null

直接双叹号即可 !!值当有值时:非空字符串,空数组、空对象;输出为 true;当没值时:""、null、undefined;输出为false示例js代码 let obj1 = '' console.log('"":',!!obj1) let obj2 = null console.log('null:',!!obj2) let obj3 = undefined console.log('undefined:',!!obj3) let obj4

2021-05-26 16:51:40 740

原创 img标签的src属性动态绑定图片

实现方法html代码: <img :src="_img1" alt="" class="imgs"> <img :src="_img2" alt="" class="imgs">js代码:computed: { // 1、网络图片 _img1() { let arr = `https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2F4c%2Fa

2021-05-13 10:11:57 10173 1

原创 深浅拷贝,递归

js代码:/* 1.源数据 */ let ff = { car: { brand: "奔驰", color: {one:'haha'} }, money: 1000000, house: "海景房" } /* 2.浅拷贝 */ function copy2(obj){ let obj3 = {} for(let k in obj){ obj3[k] = obj[k] // 浅拷贝,拷贝的是对象属性的引用,而

2021-04-07 10:38:02 144

原创 JS原型链——即数据查找时的链式结构

一、前置知识1.构造函数 (Person)定义:构造函数就是一个普通函数,一般首字母大写,配合new可以新建对象。function Person () { this.name = '小卤蛋'}2.原型对象(Person.prototype)定义: 任何一个函数都有一个prototype属性,函数的prototype属性值就是这个函数的原型对象作用:1、 解决构造函数创建对象内存浪费问题2、把属性和方法添加在该函数原型对象中,创建出来的实例对象都可以访问原型上的方法,内存中只有一份3.原

2021-04-02 15:29:43 507

原创 flex 布局常用属性整合

语法: display:flex;1、给父盒子添加属性,对父盒子进行描述,仅子盒子生效;2、这个时候的盒子就是弹性盒子,有主轴和侧轴()3、有自己独立的布局方式一、使用方法父盒子添加:display:flex;(必须写)父盒子进行布局描述即可:比如flex-wrap:wrap;,justify-content:space-around;二、flex 布局常用属性1.主轴方向: flex-direction 属性取值(常用):row: 从左到右 (默认)column: 从上到下2. 开

2021-03-31 16:47:19 4598

原创 vue router 常用钩子函数

三个参数:to:到哪去?即将要进入的目标路由对象from:从哪来?当前导航正要离开的路由next:是否放行。next() 无参数,放行,进入下一个管道;next(’/login’),强行进入’/login’页面;next(false),不放行。1、beforeEach 全局前置导航守卫,加载页面之前执行表示每次每一个路由改变的时候都得执行一遍。应用场景1:可进行一些页面跳转前处理,例如判断需要登录的页面进行拦截,做登录跳转!!(用法同下。)应用场景2,进入页面登录判断、管理员权限判断、浏览器判

2021-03-29 15:08:03 352

原创 封装dialog弹窗

【代码】封装dialog弹窗。

2021-03-24 16:32:59 129

原创 请求参数拼接

【代码】请求参数拼接。

2021-03-15 16:59:47 568

原创 跳转支付的时候用form表单以post方式传输数据

目的:post 方式传输数据安全性高步骤:1、在页面写一个隐藏的空盒子,用来插入表单<div id="otherform" style='display:none'></div>2、跳转支付的时候,插入form表单,传输数据原生js方式:document.getElementById("otherform").innerHTML= "<form action='http://192...' method='post' id='id' style='disp

2021-03-11 11:12:55 394

原创 表格中隐藏的input输入框聚焦

type设置成number,可以输入小数点,但是绑定的vaule值为空,无法做正则校验。把type属性改成text即可

2021-03-05 18:05:52 1735

原创 css 超出文本显示省略号

强制一行展示 /* 强制一行显示 */ overflow: hidden; /*超出部分隐藏*/ text-overflow: ellipsis; /* 超出部分显示省略号 */ white-space: nowrap; /*规定段落中的文本不进行换行 */多行展示 /* 自定义行数 */ overflow: hidden; display: -webkit-box; /*将对象作为弹性伸缩盒子模型显示。*/ -webk

2020-12-30 16:50:17 149

原创 jQuery 渲染页面

步骤:一、下载并模板引擎template-web.js文件<script src="template-web.js"></script>二、准备数据后台请求回来的数据或者自己造的数据三、准备要渲染的模板注意:1、模板要用:<script type="text/html" id="tmp"></script"> 包裹,只起包裹作用不会被渲染2、指定 type="text/html"3、定义模板id:id="tmp" 绑定数据的时候用,id名

2020-12-23 11:30:59 7408

原创 jQuery事件冒泡,事件委托,多库共存,入口函数

一,事件冒泡问题描述:冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。我们在平时的开发过程中,肯定会遇到在一个div(这个div可以是元素)包裹一个div的情况,但是呢,在这两个div上都添加了事件,如果点击里面的div我们希望处理这个div的事件,但是呢,我们不希望外层的div的事件也执行,这时候我们就要用到阻止冒泡。通俗点来说吧,你在家里看电视,躲在自己的小房间,但是你不希望声音传到隔壁父母的耳朵里,这时候,你可能躲在被窝里,或者墙壁的隔音效果很好,阻隔声音可以理解为阻止冒泡。阻

2020-12-22 15:28:44 392

原创 async 和 await 理解笔记

一.为什么要使用async 和 await作用:用于解决回调函数嵌套问题,使代码可读性更高,解决回调地狱问题。(嵌套的例子就不举了,一抓一堆)二.async 和 await 使用说明?async用于修饰一个函数, 表示一个函数是异步的await必须写在 async函数中, 一般后面跟的 promise对象, 会等待 promise成功的结果作用:await会阻塞 async函数的执行, 让代码可读性更高await只会等待成功的结果, 失败了会报错, 报错需要通过 .catch() 方法处理

2020-12-10 18:01:28 997

原创 git 日常提交代码常用命令

建仓库,分支,克隆代码git init 初始化一个本地仓库git remote add origin 远程仓库地址 添加远程仓库git remote -v 查看本地是否配置了远程仓库地址git remote rm origin 删除远程地址touch REA

2020-11-07 18:02:14 1378

原创 提交代码报错: failed to push some refs to git

如何解决:failed to push some refs to git 报错出现错误的主要原因:github中的README.md文件不在本地代码目录中解决方法:1、可以通过如下命令进行代码合并【注:pull=fetch+merge】git pull --rebase 远程仓库地址 master2、再执行 , git push -u 远程仓库地址 远程仓库分支即可完成代码上传...

2020-11-07 17:36:15 395

原创 vue axios 反向代理配置

菜单详情第一步,main.js 中安装,引入axios插件yarn add axiosimport axios from 'axios'第二步,在util文件的index.js文件中配置基准地址注意:util 文件为axios的配置文件// 配置axios基准地址,请求时会自动拼上axios.defaults.baseURL = '/api'第三步,在config文件的index.js中配置代理原理:在本地会创建一个虚拟服务端,虚拟服务器访问后端的服务器不存在跨域// 解决跨域

2020-10-22 17:51:40 813

原创 element 导航菜单和面包屑(2021年11月更新)

效果如下所示:导航菜单html代码elementUI组件的样式,根据项目需要做了修改,搬运的时候根据项目自己改改<el-menu :default-active="defaultActive" router unique-opened active-text-color="#ffd04b" @select="handleSelect" @open="handlOpen" > <div class="user-menu-b

2020-10-22 16:36:15 4853 4

原创 vue 使用插件下载excel表格;文件流下载excel表格

1、安装依赖 yarn add xlsx 和 yarn add file-saver2.在组件中引入import FileSaver from ‘file-saver’import XLSX from ‘xlsx’3、添加下载方法注意:#out-table为table节点的id<el-table id="out-table"></el-table>// 导出 outTab () { let fix = document.querySelect

2020-10-12 15:58:50 1710

空空如也

空空如也

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

TA关注的人

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