ItSocialXuan-CSDN博客

原创获取验证码60s

<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script><script type="text/javascript"&gt...

2020-04-28 13:42:41 145

原创 vue element-ui 循环数组动态表单验证

1.错误写法导致验证不通过<template> <div> <el-form :model="ruleForm" :rules="rules" ref="ruleForms" label-width="100px" class="demo-ruleForm" > <div v-for="(de, index) in ruleForm.list"

2020-09-01 15:24:35 2033

原创 vue 项目报错 Duplicate keys detected: ‘D202001070029‘. This may cause an update error.

错误代码如下 <el-select v-model="ruleForm.TemplateName" placeholder="请选择模板" style="width: 80%;" @change="selectTempalte" > <el-option

2020-08-31 15:08:29 280

1.由数字、26个英文字母或者下划线组成的字符串:^[0-9a-zA-Z_]{1,}$2.非负整数（正整数 + 0 ）:^/d+$3.正整数: ^[0-9]*[1-9][0-9]*$4.非正整数（负整数 + 0）：^((-/d+)|(0+))$5.负整数 ^-[0-9]*[1-9][0-9]*$6.整数:^-?/d+$7.非负浮点数（正浮点数 + 0）: ^/d+(/./d+)?$8.正浮点数 : ^(([0-9]+/.[0-9

2020-08-18 10:00:03 12777

原创 vue 前端移动端适配问题

1.引入amfe-flexible安装amfe-flexible：npm i amfe-flexible --save在项目的入口main.js文件中引入amfe-flexible:import 'amfe-flexible'2.使用postcss-pxtorem自动将css中的px转换成rem安装postcss-pxtorem ：npm install postcss-pxtorem --save-dev3.新建vue.config.js文件，并添加以下代码使用 postc..

2020-08-17 15:10:32 789

原创 vue3.0及以上打包后页面空白

去掉：mode和base就可以

2020-07-30 14:35:07 1221 1

原创报错：Uncaught ReferenceError: $ is not defined

1.没有引入<scripttype="text/javascript"src="js/jquery.min.js"></script>2.<scripttype="text/javascript"src="js/jquery.min.js"></script> 位置放置前面

2020-05-20 15:23:34 885

原创护照，身份证，港澳通行证，台湾证，回乡证正则

//港澳通行证验证 var hgidcrad= /^[HMhm]{1}([0-9]{10}|[0-9]{8})$/; //台胞证验证 var tbidcrad = "/(^\d{8})$/"; //回乡证 var hxidcrad = "/(H|M)(\d{10})$/"; //台湾通行证 /[A-Z][0-9]{9}/ var twidcrad="/^[a-zA-Z][0-9]{9}$/"; //护照验证 var hzidcrad=/^1[45...

2020-05-11 09:41:12 3739 1

原创中文自动回显拼音

链接: https://pan.baidu.com/s/1ZyLg-ti41nJKBJK_-mOJPQ 提取码: kw8g引入<script src="jquery.min.js"></script> <script src="Convert_Pinyin.js"></script>两个js<!doctype html><html> <head> <meta charse...

2020-05-09 09:48:58 525

原创邮箱，手机常用正则

//邮箱 var emailReg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; email = document.getElementById("email").value; if (!emailReg.test(email)) { alert('你输入的邮箱格式不正确!...

2020-04-28 15:22:42 242

原创解决 cnpm : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。

解决方式：1、在系统中搜索框输入 Windos PowerShell2、点击“管理员身份运行”3、输入“set-ExecutionPolicy RemoteSigned”回车4、根据提示，输入A，回车5、再次回到cnpm -v执行成功。...

2020-04-12 15:54:23 10706

原创 npm 解决 primordials is not defined 问题及运行gulp提示：Task function must be specified

问题是版本不谦容和升级后语法不一样1.首先升级gulp版本为4.0.02.修改4.0.0的语法3.9.1 gulp版本语法gulp.task('mock', function () { gulp.src('.') .pipe(mockServer({ port: 8888, host: host...

2020-04-07 13:55:33 2697

原创水平居中和垂直居中方法

一、水平居中1.1 行内元素 .parent { text-align: center;}1.2 块级元素 1.2.1 块级元素一般居中方法.son { margin: 0 auto;}1.2.2 子元素含 float .parent{ width:fit-content; margin:0 auto;}.son { ...

2019-12-31 14:46:50 412

原创 vw+rem移动端适配

html { font-size: 16px;}@media screen and (min-width: 320px) {html { /* iPhone5的320px尺寸作为14px基准，320px正好14px大小, 375 16px */ font-size: calc(100% + (100vw - 320px) / 27.5);...

2019-12-27 11:53:13 268

原创 vscode工具安装插件

vetur ：代码颜色插件java Extension Packvsc：代码自动对齐

2019-12-17 11:18:36 139

原创 vue引入css几种方法

2019-12-17 11:15:24 1039

原创小程序上传视频

wxml <view class="page-body-info"> <block wx:if="{{src === ''}}"> <view class="image-plus image-plus-nb" bindtap="chooseVideo"> <view class="image-plus...

2019-10-23 17:02:35 3376

原创微信小程序预览图片

wxml <view class='detail_img'> <view class='view_img' wx:for="{{imgdata}}" wx:for-item="image"> <image src='{{image}}' data-src="{{image}}" bindtap="previewImage"...

2019-09-06 15:07:06 150

原创 vscode常用快捷键

打开一个新窗口：Ctrl+Shift+N Ctrl+1快速生成html结构关闭窗口：Ctrl+Shift+W 同时打开多个编辑器（查看多个文件）新建文件Ctrl+N 文件之间切换Ctrl+Tab 切出一个新的编辑器（最多3个）Ctrl+\，也可以按住Ctrl鼠标点击Explorer里的文件名左中右3个编辑器的快捷键Ctrl+1Ctrl+2Ctrl...

2019-08-20 16:01:53 122

原创小程序滑动切换

wxml<view class='topTabSwiper'> <view class='tab {{currentData == 0 ? "tabBorer" : ""}}' data-current = "0" bindtap='checkCurrent'>推荐</view> <view class='tab {{curr...

2019-08-12 15:42:48 1085

原创 js小程序点击切换

wxml代码：<view class='head'><view style='width:33.33%' class="{{currentTab==0?'active':''}}" bindtap='clickTab' data-current="0">首页</view><view style='width:33.33%' class="{{cu...

2019-07-31 15:45:45 454

原创小程序点击显示隐藏

wxml<view bindtap='clickMe'>点击</view> //这是显示隐藏的部分<view hidden="{{hiddenName}}">隐藏显示部分</view>js page({ data:{ hiddenName:true }, clickMe:functi...

2019-07-31 09:50:37 1946

原创 flex布局

一：display:flex 布局display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertica...

2019-07-25 16:29:09 121

原创微信小程序授权登入

bindGetUserInfo(res) { let info = res; console.log(info); if(info.detail.userInfo) { console.log("点击了同意授权"); wx.login({ success:function(res) { if(...

2019-07-25 16:23:38 172

原创小程序跳转传值和接收

//wxml代码<block wx:for="{{equipment}}" wx:for-item="item" wx:key="id"><view class="decs" bindtap="catchTapCategory" data-id="{{item.id}}"><image src="{{item.thumbnail}}" style="wi...

2019-07-25 11:20:49 284

原创 substring字符串截取

定义一串字符串，这里根据你的实际要截取的字符var str = “Hello world!”str.substring(3); 或 str.substring(3,12); 结果都是”lo world!” (别忘了中间的空格~)str.substring(0,5) 结果是”Hello”...

2019-07-24 14:49:06 366

原创 H5图片上传实现调用手机摄像头、相册。

2019-07-19 17:52:31 993

原创 jquery给动态select赋值

function forClassification(){$.ajax({ url:"app/index/getType ", type:"GET", dataType:"json",success:function(res){ if(res.status==1){ console.log("获取...

2019-07-16 18:16:39 5329

原创去掉select边框和小三角

appearance:none; -moz-appearance:none;/*Firefox*/ -webkit-appearance:none;/*Safari和Chrome*/

2019-07-16 16:09:54 504

原创 js基础

如何在一个网站或者一个页面，去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs)常用内部类:Data Array Math StringHTML属性，CSS属性HTML：属性.HTML属性="值...

2019-07-16 11:24:06 90

原创 js基本语法

1、分类ECMAScript js基本语法与标准DOM Document Object Model文档对象模型BOM Browser Object Model浏览器对象模型 tips：DOM和BOM都是一套API（Application programing interface）2、注释方式style /* */body ...

2019-07-15 18:17:32 71

原创 JavaScript判断语句

判断语句分两大类跟一个小类，常用的if与相对不怎么常用的switch，没错switch当然是判断语句。不要忘了常用的三目运算符：x ? y : z不过在讲两者之前，还是有些基础知识需要介绍一下，本车很稳，放心乘坐。运算符运算符描述例子 == 等于 1 == 8 // false === 全等（值和类型） 5 === 5 //true；...

2019-07-13 17:50:31 5742 1

原创 HTML页面跳转的5种方法

下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。1) html的实现 1 2 3 4 5 6 <head>  <metahttp-equiv="r...

2019-07-13 17:48:51 284

原创 JavaScript里面的延迟加载--setTimeout()的用法

想实现类似线程sleep几秒钟的现象，虽然看到这个需求，我知道是要用这个setTimeout()方法来实现，J,avaS,cript延迟加载的功能，但是不论自己以前的笔记还是说，自己在网上又搜索的例子。都是乱的一塌糊涂，主要错误如：setTimeout(方法名(参数)，“数字”)，以为这样就可以了。但是js也不报错，就是达不到自己想要的效果。真是误人子弟啊。主要是参数的使用不正确，如下：...

2019-07-13 17:40:28 1161

原创移动端点击事件兼容问题,在pc端可以点,在手机上不可以点

ms-click="showCodeExplain()" onClick="javascript:;" 加上onClick即可

2019-07-13 12:06:40 3093

原创 JS获取URL中参数值的4种方法

方法一：正则法function getQueryString(name) {var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');var r = window.location.search.substr(1).match(reg);if (r != null) {return unescape(...

2019-07-13 12:03:08 373

原创 veu-cli搭建项目

一、安装vue-cli安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node，我这里的npm版本为3.10.10。如果该命令不可以使用，需要安装node软件包，根据你的系统版本选择下载安装就可以了。下载地址：http://nodejs....

2019-02-26 18:57:48 468

原创 SWT 106.常用style

ShellSWT.BORDER //建立一个有边框但没有标题栏的窗口SWT.CLOSE //建立一个只有关闭按钮的窗口SWT.MIN //建立一个不能最大化的窗口SWT.MAX, //建立一个可以最大化最小化的窗口SWT.NO_TRIM //建立一个没有任何边界和标题栏的窗口SWT.RESIZE //建立一个可以改变大小的窗口SWT.TITLE //建立一个没有标题栏图...

2018-11-19 18:21:35 352

翻译 jQuery选择器事件之特殊选择器this

<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="

2018-11-02 11:06:13 501

翻译 jQuery选择器之表单对象属性筛选选择器

<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="

2018-11-02 10:46:01 121

空空如也

空空如也