![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 61
郭顺杰
CRUD搬运工
展开
-
分分钟你也能写一个自己需要的 Chrome 扩展程序
分分钟你也能写一个自己需要的Chrome 扩展程序原创 2023-01-18 11:30:22 · 992 阅读 · 1 评论 -
vue拖拽排序库(SortableJS与vuedraggable)关系介绍对比, 用法, 及使用场景
实现 element tabel 拖拽排序 以及其他常用拖拽js库对比及使用场景原创 2022-06-08 16:26:37 · 3668 阅读 · 2 评论 -
Element.getBoundingClientRect()
介绍Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置如果是标准盒子模型,元素的尺寸等于width/height + padding + border-width的总和如果box-sizing: border-box,元素的的尺寸等于 width/height正文返回值 bottom height left right top width x ydemoxy 是左上角到左边和上边的距离,width,heigth,就原创 2021-12-23 14:41:31 · 701 阅读 · 0 评论 -
H5 电子签
废话先看效果很简单的一个需求,单独的小程序去做可简单,有现成的api,单独的网页vue里也有现成的库,我们的项目是一个跨平台的项目要兼容app,小程序,h5。没用市场上的框架,框架是非开源,自己封装的,只能继续写原生的,封装组件了正文看下别人的例子 京东的nut ui京东2.X的签名,现在3.X了,这小没用的小组件都去掉了附上代码,就是一个canvas实现的小demo,实际完成后台要接第三方,完成实名认证,上传合同,更具位置,再把前端签名的图片贴到对应合同上,最后打印新建个index.ht原创 2021-08-31 15:09:01 · 1159 阅读 · 1 评论 -
上传文本文件到富文本
废话需求:有一个添加文章的需求,自己又不想去写和复制,要求是别人发给他一个doc,docx,txt,类型的文件,然后呢,他去稍微标注修改一下内容,再提交,所以就很简单嘛,一个上传,一个富文本,上传的文件读到富文本里,在编辑提交搞定正文本项目直接写到vue2.0项目里了,当然原生js,或者其它都可以1、引入富文本安装 vue-quill-editor npm install vue-quill-editor在main.js中引入import VueQuillEditor from 'vue-原创 2021-07-14 18:25:10 · 1175 阅读 · 2 评论 -
老虎机数字抽奖(可控制结果)
废话本篇是一个原生js构造函数,加css3实现的抽奖,在app,h5,小程序,小游戏里都可以直接用,都兼容,先看下是不是你们想要的效果吧,h5,app,小程序里普通js,html里说一下,常用的几种抽奖(转盘,老虎机等),在微信小程序,小游戏,app里,现在到处可见,所以抽奖这个东西,不要抱有幻想中大奖,程序是人写的,我让你中啥你就中啥,正文jsbin工具附上代码html <div class="game_wrap"> <div class="game_ite原创 2021-05-20 14:48:02 · 4465 阅读 · 19 评论 -
常用正则表达式
不废话直接上代码(打卡:2020-12-29 )去除前后空格str.replace(/(^\s*)|(\s*$)/g, "")手机号严谨/^[1](([3][0-9])|([4][5-9])|([5][0-3,5-9])|([6][5,6])|([7][0-8])|([8][0-9])|([9][1,8,9]))[0-9]{8}$/简单/^[1]([3-9])[0-9]{9}$/密码验证必须包含数字字母符号的正则验证/^(?:(?=.*[0-9].*)(?=.*[A-Za-z].*)原创 2020-12-29 15:20:17 · 1567 阅读 · 2 评论 -
React 基础渲染,方法,属性
React 基础不废话直接上代码(补卡:2020-12-24 )//为了方便写demo,就直接csdn引用就可以写react了 <script src="https://unpkg.com/react@16/umd/react.production.min.js" crossorigin></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js" cros原创 2020-12-29 14:46:02 · 1583 阅读 · 1 评论 -
React 静态属性/方法&实例属性/方法
不废话直接上代码(打卡:2020-12-25 )函数组件function Person(name,age){ this.name = name this.age = age}// sex属性直接挂载给构造函数,是静态属性Person.sex='男'Person.prototype.say = function(){ console.log('这是person的实例方法')}Person.show = function(){ console.log('这是person的静态方法')原创 2020-12-25 18:16:33 · 3099 阅读 · 1 评论 -
vue 全屏放大缩小方法封装
vue 全屏放大缩小方法封装不废话直接上代码(打卡:2020-12-24 )一、后台管理全屏按钮html <div class="content_item2 plr8" @click="fullScreen"> <svg-icon style="margin-right:10px" icon-class="全屏"></svg-icon> </div>data data() { return { isfu原创 2020-12-24 18:18:54 · 2403 阅读 · 3 评论 -
vue axios请求封装
vue api请求统一管理,封装不废话直接上demo(打卡:2020-12-23 )一、安装axioscnpm install axios 二、目录结构he代码user.js import base from '../base'; // 导入接口域名列表 import request from '../http'; // 导入http中创建的axios实例 const user = { //普通json请求 test1(url, params) { return原创 2020-12-23 17:34:24 · 2010 阅读 · 1 评论 -
vue实现短信验证码登录
vue中 发送验证码demo不废话直接上demo(打卡:2020-12-22 )html <el-form :model="ruleForm" :rules="rules" ref="ruleForm" > <el-form-item prop="mobile"> <el-input v-model="ruleForm.mobile" placeholder="请输入手机号"></el-input> </原创 2020-12-22 18:11:41 · 3048 阅读 · 1 评论 -
中 封装使用自己的js方法
vue中使用自己的js方法不废话直接上过程(打卡:2020-12-21 )一、src下新建utils(自己命名)文件夹,新建index.js(自己命名)文件二、index.js(推荐三种写法) 1. 第一种写法 export default { aaa(){ return alert('aaa') }, bbb(){ return alert('bbb') } } 2. 第二种写法 function aaa() { return alert('aaa'原创 2020-12-21 18:44:14 · 2345 阅读 · 2 评论