It is a secret-CSDN博客

原创原生input控制只能输入数字

只能输入11位数字（不能输入其他值）<input type="text" placeholder="请输入手机号" oninput="if(value.length>11)value=value.slice(0,11);value=value.replace(/[^0-9]/g,'')" />

2021-08-26 10:16:48 473

使用纯js实现返回顶部，和jquery的animation差不多let time = setInterval(function () { var osTop = document.documentElement.scrollTop || document.body.scrollTop; var speed = -osTop / 6; document.documentElement.scrollTop = document.body.scrollTop = osTop + sp

2021-08-26 10:12:56 375

原创 js实现网页在桌面通知

function doNotify(title, options = {}, events = {}) { const notification = new Notification(title, options); for (let event in events) { notification[event] = events[event]; } } function notify(title, options = {}, event.

2021-07-29 14:04:42 310

原创 vue对比功能-elementui

使用elementui的table组件实现一个类似于汽车之家的对比功能不用特殊处理数据，只需使用平时常用的对象数组即可。效果：当前页代码：<template> <div class="content"> <h2>使用elementUi 的table来实现类似于汽车之家的对比功能，数据格式与平常使用一致</h2> <div class="yes-sir"> <contrastComp :contrast=

2021-05-29 09:25:38 3671 1

原创小程序登录获取手机号

在登录页面onload先进行wx.login获取code。（重要，不要点击按钮时获取，会发生解密手机号失败，原因为sessionKey过期或者不一致导致解密失败）流程为：在onload获取code以及sessionkey（重要），点击获取按钮时，先判断sessionkey有没有过期，如果过期，则需要重新获取code以下为代码实现<button open-type="getPhoneNumber" lang="zh_CN" @getphonenumber="bingGetPhoneNumber"

2020-10-16 11:21:13 373

原创 uniapp cli版微信小程序绘制海报分享

使用canvasdrawer组件来进行绘制，根据原有canvasdrawer改写了一个uniapp-cli版本的组件，使用时只需要和vue组件一样引入即可使用。十分简单，易用。下为改写canvasdrawer组件代码<template> <canvas canvas-id="canvasdrawer" :style="{width:width+'px',height:height+'px'}" class="board" v-if

2020-10-12 11:34:46 385

原创 ant-design vue table 可选列、自定义列实现

实现ant-design for vue 自定义列实现。点击按钮，弹窗显示所有列的checkbox，选择checkbox，确定即可实现自定义列。先上代码<script>/** * 该组件为实现table可选列。 * 具体操作见下方注释。 * 全部集成原a-table功能，使用方式与原a-table完全相同，扩展增加了可选列功能 * 该组件已注册至全局，使用方式只需将a-table变为zyx-table即可，等等一系列原写法不变，即可增加该功能. * 采用rander函数模式写，为

2020-08-05 11:47:48 7280 2

原创终止for循环，带标签

outer: for (let i = 0; i < 5; i++) { inner: for (let k = 0; k < 5; k++) { if (1 === 1) { break outer } } }

2020-06-29 10:19:56 176

原创 vscode vue项目保存根据eslint修改检测

vscode setting{ // dark pro them seeting "workbench.colorCustomizations": { "tab.activeBackground": "#282c34", "activityBar.background": "#282c34", "sideBar.background": "#282c34" }...

2020-03-11 11:33:54 404

原创 js处理数组数据常用方法

1、对象数组中取键值，返回键值数组let arr = [{ id: '1', name: 'one' }, { id: '2', name: 'two' }, { id: '3', name: 'three' } ] let newArr=arr.map(item=>it...

2020-03-06 10:37:11 566

原创 js常用正则表达式保存(使用过汇总)

大于0小于30的整数-------------/^(([1-9])|([0-2]\d))$/百分比，2位小数----------------/^\d\.([1-9]{1,2}|[0-9][1-9])$|^[1-9]\d{0,1}(\.\d{1,2}){0,1}$|^100(\.0{1,2}){0,1}$/百分整数--------------------------/^(\d){1,2}$/...

2019-10-08 15:28:11 577

原创 element-ui上传图片与其他字段一起上传

使用elementUI中 Upload 上传组件<el-upload action list-type="picture-card" :on-preview="handlePictureCardPreview" ref="upload" :auto-upload="false" :on-change="fileChange" > ...

2019-03-19 15:28:25 4892 1

原创 vue+koa+node爬虫实现输入网址添加标签小demo

该demo使用vue-cli3 +koa+mysql+node爬虫实现，输入网址，添加书签使用单例模式连接数据库传送门

2019-02-12 15:19:01 240

原创 wepy echarts组件页面多次使用

在wepy中使用echarts发现了一个问题，使用组件echarts，这个canvas-id不能动态绑定，可能是wepy的原因，这样就导致了如果同一页面多次是用echarts的情况下，需要很多charts的组件，这样就不符合我们代码规范，而且很low。在这里，我把组件改良了一下。使用原生标签来写。看图&lt;template&gt; &lt;view class="container"&...

2018-12-11 14:33:19 1122 1

原创网站实时刷新方法

页面实时刷新几种解决办法。1、控制刷新页面：Js 中通过window.location.reload() 在一定时刻进行页面刷新网页头部添加：这是每经过20秒跳转到一个新页面，把newPage设置为当前页面路径实现刷新页面这种方式用户体验不好，而且如果网页的访问量较大，大量的请求有可能造成服务器崩溃。2、轮询：客户端不断的向server发送请求，以保证页面的数据始终是数据库最新...

2018-10-18 19:46:40 5867

原创 js中有没有类

本篇中对js中类的理解是由书和自己理解，并不知道是不是十分准确。首先，js中没有定义类的概念，也就是说没有类。es6虽然定义了一个class关键字来模拟类，但是其本身是没有类的。类的作用是用来继承，而类继承的时候会自动创建对象副本，但是js默认不会创建对象副本，而是通过原型做了一个关联。然后通过原型来查找属性，继而出现了原型链。js可以通过字面量直接创造对象，而不是必须通过类。然后js继...

2018-09-25 15:00:42 3023

原创 js数组取最大、最小值---利用apply

使用Math.max 与Math.min方法，利用apply的属性把Math对象作为apply的第一个参数，绑定this，然后把数组作为apply第二个参数传入。例如： var arr=[1,2,3,4,5,6]; var max=Math.max.apply(Math,arr); var min=Math.min.apply(...

2018-09-13 13:55:28 362

原创 js客户端检测-用户代理字符串检测

主要用于检测浏览器信息，操作系统等。直接上代码，代码来源：JavaScript高级程序设计<script> var client = function () { //呈现引擎 var engine = { ie: 0, gecko: 0, ...

2018-09-12 14:01:32 459

原创 vue不兼容IE8，个人理解

vue核心属性 Object.defineProperty(),IE8是最早实现这个属性，但是在IE8中存在诸多限制，它只能在DOM对象使用这个方法，而且只能创建访问器属性，由于实现的不彻底，所以不建议在IE8中使用该属性。 vue的兼容性，我认为应该以兼容该属性为主，判断浏览器版本是否兼容vue，可通过判断该属性是否兼容即可。文章部分来源，javascript高级程序设计P141....

2018-09-12 09:43:37 2475

zhangyuexin24的博客