初心 - 杨瑞超个人博客

【代码】react/vue/js，正则数字验证（最小值到最大值的区间、小数位数）

在开发中，下载功能是我们经常遇到的，一般下载有两种：1、后端直接返回文件地址，前端使用a标签下载2、后端返回文件流第1种很简单，今天我们来试下下载文件流，首先看下后端返回的数据截图：一看到这里，我去，有点懵啊，这啥玩意，这就是所谓的文件流，想要下载，也是可以的，操作步骤如下：直接上代码啊，有任何问题可以私聊联系，一起学习~此代码以vue+elementUI为例，react中同理页面代码：axios代码：下载文件流代码：感谢阅读，有任何问题，可以一起探讨呦~...

1、风琴效果<ul> <li class="active"><img src="http://www.jq22.com/img/cs/500x300-1.png"></li> <li><img src="http://www.jq22.com/img/cs/500x300-2.png"></li> <li><img src="http://www.jq22.com/img/cs/5

1、安装cnpm install --save nprogress2、在main.js中使用import NProgress from 'nprogress' import 'nprogress/nprogress.css'// nprogress样式文件NProgress.configure({ easing: 'ease', // 动画方式 speed: 500, // 递增进度条的速度 showSpinner: false, // 是否显示加载ico

动态通过src引入// 创建script标签，引入外部文件let script = document.createElement('script')script.type = 'text/javascript'script.src = 'http://xxx.xxx.js'document.getElementsByTagName('head')[0].appendChild(script)创建script标签并写入脚本let script = document.createElem.

1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.电话号码export const isPhone = (s) => { re

问题：小程序中倒计时在安卓中能够正常显示，但在ios系统上显示错误，显示为NaN。原因：ios系统不支持2018-03-09这样格式的时间导致出现的这个问题，IOS只识别2018/03/09这样的格式。解决办法：let value = '2019-01-10 16:25:01'value = value.replace(/-/g, '/');...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828navigator不仅可用来获取浏览器的各种信息, 甚至还可已监听电池电量(PC和移动端都可以). navigator里有一个方法getBattery(), 这个方法返回一个Promise对象, 通过.then的方式, 可以获取到电池信息代码：nav...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828直接贴代码了：js调用window.location.href = "tel:要拨打的电话号码";a标签调用<meta name="format-detection" content="telephone=yes"/><a...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828概述F2 是一个专注于移动，开箱即用的可视化解决方案，完美支持 H5 环境同时兼容多种环境（Node, 小程序，Weex），完备的图形语法理论，满足你的各种可视化需求，专业的移动设计指引为你带来最佳的移动端图表体验。官网： https://antv....

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828直接贴代码了：var myChart = echarts.init(document.getElementById('echartsView'));var option = { backgroundColor: '#2c343c', ...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828现在的互联网时代，二维码处处可见，这次我们研究下二维码生成插件qrious二维码百科：二维码又称二维条码，常见的二维码为QR Code，QR全称Quick Response，是一个近几年来移动设备上超流行的一种编码方式，它比传统的Bar Code条形...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828最近在写一个项目，表单项较多，那必然前端做验证也是必须的了，一个一个写太繁琐，封装起来直接调用即可：1、新建 toast.jsimport { Toast } from 'vant'import 'vant/lib/index.css'expo...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828axios默认是发送请求的时候不会带上cookie的，需要通过设置withCredentials: true来解决。import axios from 'axios'; // 引入axiosaxios.defaults.withCredential...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828android或者iosvar u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.ind...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828概述第一：普通汽车车牌号格式：汉字 + A-Z + 5位A-Z或0-9( 车牌号不存在字母I和O防止和1、0混淆)总计7个字符（只包括了普通车牌号，教练车，警等车牌号 。部分部队车，新能源不包括在内）京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828 function(obj){ if (Object.keys(obj).length === 0) { return true; } else { return fals...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828下方代码是在vue中的写法：test (url, params) { let flag = 0; let data = url; Object.keys(params).forEa...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828<img src="http://www.chao99.top/chao99/public/static/index/images/gg_one.png" id="demo"><script src="https://cdn.boo...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828在开发中，有时候在h5网页中有下载链接，然后微信浏览器不支持直接下载的，所以必须在浏览器打开，所以我们可以针对微信浏览器做判断： function isWeiXin() { var ua = window.navigator.userA...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828直接贴代码了：// num1, num2 为string类型function numAdd(num1, num2) { var baseNum, baseNum1, baseNum2; try { baseNum1...

欢迎加入qq群(IT-程序猿-技术交流群)：757345416npm init 在此目录生成package.json文件，可以添加-y | –yes 参数则默认所有配置为默认yesnpm install -g 全局安装npm install –production 安装dependencies，不包含devDependenciesnpm install 默认使用–sav...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 9369298281、json字符串'{&quot;link&quot;:&quot;www.chao99.top&quot;}'2、json对象{&quot;link&quot;:&quot;www.chao99.top&quot;}json字符串转对象，可以使用JSON.parse()方法：const

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828原文地址：https://qianduan.group/posts/5bebe26f9fd64d5a7458a932...

欢迎加入qq群(IT-程序猿-技术交流群)：757345416 javascript:&nbsp;JavaScript中如何检测一个变量是一个String类型？请写出函数实现typeof(obj) === "string"typeof obj === "string"obj.co...

欢迎加入qq群(IT-程序猿-技术交流群)：757345416事件冒泡触发顺序由内向外可称为事件冒泡。html部分 &lt;div id="one"&gt; &lt;div id="two"&gt;&lt;/div&gt; &lt;/div&gt; &lt;a href="http://www.chao99.top"

欢迎加入qq群(IT-程序猿-技术交流群)：757345416此功能基于jQuery，请先引入jQuery之后再进行一下代码粘贴，好了，步入正题，上代码：1、css部分* { margin:0px; padding:0px; font-family:'微软雅黑'; } .pa...

bootstrap-轮播图源码 欢迎加入qq群(IT-程序猿-技术交流群)：757345416&lt;div id="carousel-example-generic" class="carousel slide" data-ride="carousel"&gt; &lt;!-- Indicators --&gt; &lt;ol class="carousel-indicat.

欢迎加入qq群(IT-程序猿-技术交流群)：757345416验证码在开发中经常会用到，下面我们就来探讨下随机数的生成：1、html部分&lt;div id="test" class="test"&gt;&lt;/div&gt;2、css部分.test{ display:inline-block; font-size: 2...

欢迎加入qq群(IT-程序猿-技术交流群)：757345416 简介：使用前端技术，实现后台管理界面的可供预览视频转场特效，可以选择资源后再选择对应的特效组件进行转场预览，然后组合数据发向后端，在由后端推送到安卓端进行对应的视频转场切换。&nbsp;使用技术：...

图片转base64位编码 欢迎加入qq群(IT-程序猿-技术交流群)：757345416JavaScript部分 &lt;script type="text/javascript"&gt; window.onload = function(){ //获取dom对象 var img_upload=document.getElementById("img...

欢迎加入qq群(IT-程序猿-技术交流群)：757345416今天我们来研究下JavaScript中的继承：es5：//构造器函数function Person(name,age,sex){ this.name=name; this.age=age; this.sex=sex; ...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416概念： JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。特点： 是一种监...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416基本用法：async函数返回一个 Promise 对象，可以使用then方法添加回调函数。当函数执行的时候，一旦遇到await就会先返回，等到异步操作完成，再接着执行函数体内后面的语句。注意：await命令只能用在async函数之中，如果用在普通函数，就会报错。这里只是简单描述了一下，详细教程点这里...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828什么是localStorage、sessionStorage在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，loc...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828比如后台返回如下数据："linkList": [ { "linkOne": "www.chao99.top" }, { "linkTwo": "blog.chao99.top" ...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：7573454161）创建新节点createDocumentFragment() //创建一个DOM片段　　createElement() //创建一个具体的元素　　createTextNode() //创建一个文本节点2）添加、移除、替换、插入　　appendChild() //添加　　removeChild()...

引用块内容大家注意了，教大家一道口诀：同步优先、异步靠边、回调垫底（读起来不顺）用公式表达就是：同步 =&amp;gt; 异步 =&amp;gt; 回调有一道经典的面试题：for (var i = 0; i &amp;lt; 5; i++) { setTimeout(function() { console.log('i: ',i); }, 1000);...

欢迎加入qq群(IT-程序猿-技术交流群)：757345416入门： rem为 root和em root为html标记 所以rem是根据html标记的font-size来决定大小的1、新建public.js文件window.onload=window.onresize=function(){ document.getElementsByTagName(...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群)：757345416this在好多时候都会困扰我们，下面来详解下this：this概念：当前环境对象（上下文对象）代码示例1：function test(x,y){ console.log(this);}//this指向windowtest();//this指向当前的Objectnew tes...