- 博客(54)
- 收藏
- 关注
原创 jquery实现手写签名
jquery实现手写签名,引入插件之后,自己稍微处理一下。下面代码实现了清空签名,导出图片,点击提交图片格式是base64的。
2024-01-09 11:36:26 669
原创 git提交,忽略文件,.gitignore
HELP.mdtarget/!!!.classpath.project.settings.idea*.iws*.iml*.ipr/nbbuild//dist//nbdist/build/!!.vscode/
2023-12-18 15:18:09 432
原创 谷歌浏览器如何截长图
有时候有在网页上截长图的需求,今天介绍下使用 Chrome 自带的功能,理论所有 Chrome 内核的浏览器都能使用。来过滤命令,点击之后稍等一会就会生成一整图片保存到本地。Ctrl+shift+p 呼出命令面板。f12 进入开发者模式。
2023-07-18 10:57:36 299
原创 在线预览文件
当我们前端小伙伴在码代码的时候,总会不约而同地遇到一个问题:上传文件。一旦文件成功上传,后端就会慷慨地给我们一个下载地址,这是怎么实现在线预览或者直接下载呢?
2023-06-28 16:30:26 519
原创 JavaScript以全屏模式显示元素
用于切换指定元素(或者默认全屏)的全屏模式。该函数支持各种主流浏览器,包括 Chrome、Firefox、Safari 以及 Internet Explorer 和 Edge 等。点击某个元素的时候让某个元素全屏显示。这段代码定义了一个函数。
2023-05-05 11:02:24 756
原创 javaScript设定到了某个时间后
设定到了某个时间段后我们要处理的一个事情,不到时间不做任务处理。这个时候判断dateFlag是true和false即可。我们在定义一个变量来接受调用函数返回的状态。
2023-04-13 10:23:39 65
原创 jq获取同一类名的但处于不同父元素下的当前元素的索引值
我们在使用原生js或jquery语法的时候,有种情况下我们想那到元素的下标,但是同一个类名然而处于不同的父元素怎么获取下标。点击第一个li输出0 点击第二个li输出1 点击第三个li输出0 点击第四个li输出1然后想实现的是点击第一个li输出0 点击第二个li输出1 点击第三个li输出2 点击第四个li输出3这个时候怎么去修改代码
2022-12-07 14:48:28 362
原创 vue2 pc端调起支付二维码qrcode
什么是 QRCode.js?QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。1.qrcode翻译过来就是二维码的意思2.下载插件npm iqrcode<template> <div class="home"> <canvas ref="canvas"></canvas> <button @click.
2022-04-28 09:07:44 1192
原创 vue项目中实现浏览器全屏 - screenfull
浏览器中自带全屏功能,不过有兼容性问题,所以改用插件document.documentElement.webkitRequestFullScreen()使用screenFull插件来提供全屏功能安装插件npm i screenfull使用插件在全屏组件中引入 import screenfull from 'screenfull'给icon 添加点击事件<el-icon size="18px" @click="magnify">&l...
2022-04-16 10:55:25 1684 2
原创 element-plus选中表格后删除按钮为可用状态,没有选中为禁用状态
element-plus选中表格后删除按钮为可用状态,没有选中为禁用状态
2022-04-13 15:38:52 777
原创 字面量创建对象和new创建对象有什么区别,new内部都实现了什么,手写一个new
字面量:字面量创建对象更简单,方便阅读 不需要作用域解析,速度更快new内部:创建一个新对象 使新对象的__proto__指向原函数的prototype 改变this指向(指向新的obj)并执行该函数,执行结果保存起来作为result 判断执行函数的结果是不是null或Undefined,如果是则返回之前的新对象,如果不是则返回result手写new: // 手写一个new function myNew(fn, ...args) { ...
2022-03-20 11:31:54 452
原创 vue中如何引入自定义的组件(引入组件的懒加载)
<script> export default{ components:{ Header:() => import('@/components/header.vue') } }</script>
2022-03-20 09:38:29 1528
原创 vue脚手架更新
检查全局vue脚手架版本 vue -V升级vue脚手架 npm update -g @vue/cli安装vue脚手架 npm i -g @vue/cli卸载vue脚手架 npm uninstall -g @vue/cli
2022-03-19 08:56:07 2193
原创 初探 vue 3.0 自定义组件的 v-model
<template> <div class="home"> <my-input v-model="inpval" :placeholder="'请输入内容'"></my-input> {{inpval}} </div></template><script>import {ref} from 'vue'import myInput from '../components/myInput.vu.
2022-03-13 20:26:22 1420 2
原创 初探 vue 2.0 自定义组件的 v-model
<template> <div class="home"> <my-input :placeholder="'请输入内容'" v-model="inpval"></my-input> {{inpval}} </div></template><script>import myInput from '../components/myInput.vue'export default { n.
2022-03-13 20:18:16 699
原创 vue实现移动端上拉加载更多
<!-- 容器 --> <div ref="cont" @scroll.passive="scrollEvent"></div>export default { name: "Demo", data() { return { flag :0, // 定义一个flag变量 充当节流阀 wait:1000, // 定义一个wait变量 延迟多长时间触发 }; }, methods...
2022-03-04 07:52:26 981
原创 页面动画效果
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>9种css动画</title> <link rel="stylesheet" type="text/css" href="css/demo2.css" /> <link rel="icon" sizes="any" mask="" href="./img/baidu.svg">.
2022-02-27 20:20:28 155
原创 清除浮动的方式
清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题第一种:额外标签法。在最后一个浮动标签后,新加一个标签,给其设置clear:both;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2022-02-27 19:57:27 57
原创 vue+vant移动端适配
Vant 中的样式默认使用 px 作为单位,如果需要使用 rem 单位,推荐使用以下两个工具:postcss-pxtorem 是一款 postcss 插件,用于将 px 单位转化为 rem lib-flexible 用于设置 rem 基准值1.安装依赖yarn add amfe-flexible//或者使用npm i amfe-flexible然后在 main.js 中加载执行该模块:import 'amfe-flexible'2.安装postcss-pxtorem依赖:
2022-02-24 13:45:18 266
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人