自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 获取到img中src

src=>/g)return k})srcs:[]

2023-08-30 14:02:16 204

原创 实现流程功能

节点名称:{{currentNode.nodeName?currentNode.nodeName:""}}节点ID:{{currentNode.id}}

2023-07-06 16:35:27 120

原创 根据秒计算天时分秒

【代码】根据秒计算天时分秒。

2023-07-05 11:10:17 122

原创 vue.config.js代理配置

//南海开发环境。

2023-07-04 18:15:15 173

原创 nvm的使用

nvm install node版本 这个是有两个路径 一个是在nvm下生成node的版本安装包 一个nodejs的安装路径。官方下载地址:https://github.com/coreybutler/nvm-windows/releases。2、选择nodejs的安装路径。这个nodejs是使用nvm isntall node版本的安装的位置。nvm use node版本。下载nvm-setup.exe。1、选择nvm的安装路径。一、 下载nvm安装包。三、使用nvm ls。

2023-05-13 18:41:16 61

原创 date工具类

时间

2022-06-29 17:11:40 306

原创 小程序组件地址

https://gitee.com/susuhhhhhh/wxmini_demo#%E9%A2%9C%E8%89%B2%E7%9B%98

2022-04-25 14:15:21 135

原创 页面中只能输入金额字

<van-field @input="handle" @blur="blurAmounPrice" v-model="amounPrice" type="number" placeholder="请输入收款金额" /> //methodshandle(value) { if (value.indexOf(".") >.

2022-03-21 10:29:47 802

原创 购物车效果图

https://www.freesion.com/article/28271148563/

2022-03-03 19:57:08 62

原创 地图省份json

http://datav.aliyun.com/portal/school/atlas/area_selector

2021-12-22 17:34:12 111

原创 vue 列表倒计时

<div class=""> <div v-for="(item,index) in list" :key="index">{{item.countDownTime }}</div> </div> data(){ return { list: [{endTime:"2021-12-10 17:46:36"}, {endTime:"2021-12-12 16:06:36"}, {end...

2021-12-10 18:21:31 688

原创 银行卡手机号 每个四位一个空格

<input v-model="phone" placeholder="请输入手机号码" type="text" ref="cardInput" maxlength="13" @input="formatCardNumber" id="bankAccountNo" /> formatCardNumber(.

2021-11-26 16:10:04 477

原创 前端 银行卡格式化js

//原生的<input type="tel" id="bankCard" />document.getElementById('bankCard').addEventListener('input',function () { formatInput(this,/\D/g,19);},false)//格式化 /[^0-9,X]/g 身份证 /\D/g 银行卡function formatInput(elem,patten,len) { var curpos

2021-11-12 11:54:26 735

原创 手写电子签名 横屏和竖屏

<template> <div> <div class="fixed_header"> <div>采集电子签名</div> <div class="header_icon" @click="goBack"> <img :src="require('@/images/back.png')" alt=""> </div>

2021-10-21 16:38:31 709

原创 h5嵌套在app里面,h5怎么调取app的相册和拍照

<div class="cert_item" v-if="env" @click="clickUpload(1)"> <div class="front_card" v-if="!driveRegisterInfo.frontCertUrl"> <img :src="crardImg" alt="" /> <div>上传身份证人像面</div> ...

2021-10-21 16:34:48 1464

原创 虚拟键盘挡住输入框的问题

我是用vant的组件van-field <van-field v-model="driveRegisterInfo.driverLicenseName" placeholder="请输入驾驶证姓名" type="text" label="驾驶证姓名" required @focus="focusDriverLicenseName"

2021-10-21 16:20:31 1751 4

原创 查找父节点

//查找父节点 var array = [ { parentId: '00', menuId: "1000", pathName: '/home', children: [ { parentId: '1000', me..

2021-09-27 14:35:19 339

原创 菜单树状排序

var treeList = [ { label:"首页", name:"home", sort:2, parantId:1, chiledren:[ { label:"首页", name:"homeIndex", sort:2, .

2021-09-23 15:56:49 218

原创 在光标位置后面添加内容

function pasteHtmlAtCaret(html) { var sel, range; if (window.getSelection) { // IE9 and non-IE sel = window.getSelection(); if (sel.getRangeAt && sel.rangeCount) { range = sel.getRangeAt(0); r

2021-09-02 14:36:36 323

原创 Tinymce.init配置参数说明

https://blog.csdn.net/weixin_45087036/article/details/108627211

2021-08-27 13:56:52 702

原创 媒体查询css

常见的电脑尺寸1024 1280 1366 1440 1680 1920用min-width时,小的放上面大的在下面,同理如果是用max-width那么就是大的在上面,小的在下面

2021-08-16 17:55:33 91

原创 vue3.0中的渲染函数和插槽

1、怎么把具名插槽中子组件的值传递给父组件代码如下//父组件<header-slot :level="2222"> //#content 等价于v-slot:content <template #content="scope"> //父组件接受到子组件中的scope.data <div v-for="(item, index) in scope.data" :key="index">{{ item }}</div&g

2021-06-29 14:23:39 1116

原创 for循环中发送异步请求

that.list = res.datas.class_list; var i = 0; getImg(); function getImg() { if (i >= that.list.length) { return; } that.list[i].tlist = [] var url = "w=goods_class&gc_id=" + that.l

2021-05-24 14:03:49 568

原创 用户多次点击导致的问题

方案1:Vue.directive('throttle', { bind: (el, binding) => { let throttleTime = binding.value; // 防抖时间 if (!throttleTime) { // 用户若不设置防抖时间,则默认2s throttleTime = 2000; } let cbFun; el.addEventListener('click', event => { i

2021-04-12 11:58:23 128

原创 elemment-ui实现表格render函数

最近做项目的时候,多个页面用到element-ui表格相同的功能,所以就封装一下,考虑不周的地方,忘指出!!!//子组件<template> <el-table :data="tableList"> <template v-for="item in propList"> //1、这个是匿名插槽就是 父组件下面有内容的时候,不渲染<slot>不渲染内容</slot> //比如<child><div

2021-04-09 11:43:57 989

原创 限制el-input只能输入正数 js

<el-input v-model="money" @input="formatNum($event, 'amount')" ></el-input>//输入金额的限制 formatNum(val, key) { console.log("e==",val) let temp = val.toString(); temp = temp.replace(/。/g, "."); te...

2021-03-30 10:09:16 394

原创 vue使用插槽slot

vue中使用slot插槽父组件 <!-- 插槽的使用 父组件--> <slot-use> <!-- <div>你好我是父组件</div> --> //父组件接受子组件的数据 <template slot-scope="child" slot="header"> 我是头部{{child.data.join("")}}

2021-03-05 09:38:19 152 1

原创 常见面试题

let li=document.getElementsByTagName("li") for(var i=0;i<5;i++){ li[i].onclick=function (j){ console.log(j) }(i) } for(var k =0;k<5;k++){     (function(j){ .

2020-11-26 09:01:48 65

原创 数组的reduce方法

以前对数组的reduce方法理解的不深,但是最近在项目中遇到使用reduce方法很快的解决问题1、可以计算求和 let array=[1,2,3,4,5,8] let sum=array.reduce((prev,current,index)=>{ return prev=prev+current },0) //sum=232、去重 let array=[1,2,2,4,5,8]

2020-11-18 14:45:49 353

原创 实现小程序的图文混排功能

在小程序的开发过程中,小程序开发人员经常会遇到商品详情中图文混排的功能。这个时候要么考虑用WxParse.wxParse组件去解析。另一种是我们后台巧妙地利用数据结构实现图文混排的功能。后台系统的代码如下<template> <div class="img-content"> <div class="btn_box" > <e...

2020-01-07 11:26:41 3144

原创 手写Promise

function Promise(exector) {let self = thislet status = “pending”let value = undefinedlet reason = undefinedfunction resolve(value) { if (status == "pending") { self.value = value ...

2020-01-02 11:13:08 100

原创 git常用的命令

1、git clone git://github.com/someone/some_project.git 克隆地址2、git remote add origin git://github.com/someone/another_project.git 添加一个远程的git地址3、git remove -v 查看远程分仓库4、git branch查看本地分支...

2019-12-05 11:05:36 644

原创 小程序酒店日历插件

最近在写酒店的项目,需要用到日历插件。代码如下:放在一个组件里面,在页面中直接饮用组件const formatDate = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() return [year, month, d...

2019-09-24 16:56:40 1174

原创 vue递归多级菜单

菜单数据[ { name: "About", path: "/about", children: [ { name: "About US", path: "/about/us" }, { name: "About Comp", path: "/about/company...

2019-09-02 16:00:47 1951

原创 五个月小程序总结

做了五个月的小程序,对小程序有一点深刻的认识。特别是小程序的生命周期。一定要深刻的理解1、app.js生命周期中的onLaunch异步和page.js onLoad事件。但是在onLaunch里请求获取是否有权限,等待返回值的时候Page里的onLoad事件就已经执行了。Page页面判断一下当前app.globalData.employId是否有值,如果没有(第一次)则定义定义一个app...

2019-08-12 10:53:55 163

原创 两边固定,中间自适应

运用float,左右浮动,中间采用margin-left 和 margin-right<div class="main"> <div class="right">这是右侧的内容 固定宽度</div> <div class="left">这是左侧的内容 固定宽度</div>...

2019-07-30 20:43:56 127

原创 js对象数组(JSON) 根据某个共同字段 分组

js对象数组(JSON) 根据某个共同字段 分组希望的是将下面的对象数组:[{“id”:“1001”,“name”:“值1”,“value”:“111”},{“id”:“1001”,“name”:“值1”,“value”:“11111”},{“id”:“1002”,“name”:“值2”,“value”:“25462”},{“id”:“1002”,“name”:“值2”,“value”...

2019-07-22 17:44:04 222

原创 一维数组转化二维数据

在做小程序的动态行程的时候,遇到一个数据处理的问题。景点之间有辆车信息。就选离景点最近的一辆车显示。数据格式如下 var array=[ { type: 1, name: "吞白古茹日追", orignId: 217, }, { terminalNa...

2019-07-22 17:42:32 281

原创 面试葵花宝典

面试的经常问的问题:html1、本地存储 sessionStorage 、localStorage 和 cookie 和session2 、本地缓存 一种是` 一种是http请求头的设置css1.让一个元素垂直居中的方法2、两边固定中间自适应 有几种js1、跨域的几种方式2、创建对象的几种方式3、继承的几种方式4、原型链5、闭包6、call .apply b...

2019-03-23 16:36:12 584

原创 使用async、await和axios封装

let instance = axios.create({})instance.defaults.transformRequest = [function (data) { return JSON.stringify(data)}]instance.defaults.validateStatus = function (status) { console.log(status...

2019-03-11 18:40:25 1365

空空如也

空空如也

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

TA关注的人

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