一寸灰__-CSDN博客

原创 Nginx.conf 文件配置

请注意，配置Nginx时需要确保语法正确，否则可能导致Nginx启动失败或者无法正确访问你的网站。建议在修改配置文件后，使用。等参数，并根据需求调整缓存路径、日志格式等配置。此外，确保Nginx具有足够的权限访问所配置的路径和文件。另外，如果你的前端项目使用了路由，需要将请求重定向到。最后，重启Nginx服务器使配置生效。文件，通常放在Nginx配置文件目录下的。在配置完毕后，将这个配置文件保存为。根据你的实际情况，可能需要修改。目录中，然后创建一个符号链接到。，以确保前端路由正常工作。

2024-02-29 17:17:43 430

原创 js把数字金额转换成中文大写数字

js把数字金额转换成中文大写数字实现效果：输入框失去焦点时，自动将输入框的数字金额转换为中文大写金额。1.html需要用到input框的onChange事件<tr> <th width="150"><span class="c_red">*</span>合同金额(元)：</th> <td> <input style="width: 200px;" data-options="required:true,miss

2021-01-29 14:30:56 3062

原创使用原生js及jQuery动态生成导航栏或实现tab栏切换

原生js生成导航栏或实现tab栏切换实现效果导航栏或tab栏是根据后台返回数据循环创建，点击每个栏目css样式需要变化，并且要拿到当前站点的code值向后台请求数据1.html<div id="nav"> // 容器 <ul class="list" id="navList"> </ul></div>2.发送ajax请求根据后台数据生成栏目jquery自定义tableid属性 function getSit

2021-01-28 16:30:55 1270 1

原创 vue+iview下拉树组件vue-treeselect的使用

iview下拉树组件vue-treeselectdemo示例下载组件npm install --save @riophae/vue-treeselect2.引入组件及样式 import Treeselect from '@riophae/vue-treeselect' import '@riophae/vue-treeselect/dist/vue-treeselect.css'3.页面使用 <Col span="12"> <FormItem la

2021-01-28 14:30:46 2278

原创微信公众号H5页面vue仿QQ微信列表左滑删除效果

仿QQ微信列表左滑删除效果效果1.实现思路通过两个事件touchstart，touchend，结合css样式2.代码列表部分就是正常的vue循环渲染<div class="container"> <ul> <li class="list-item" v-for="(item,index) in billList" data-type="0"> <div class="list-box" @touchstart.c

2021-01-26 15:04:39 427

原创 js利用正则验证手机号是否合法

1.示例2.方法checkphone: function (str) { if (str.match(/^(13[0-9]|14[5-9]|15[012356789]|166|17[0-8]|18[0-9]|19[8-9])[0-9]{8}$/)) { return true; } else { return false; }},

2021-01-25 15:13:02 260

原创 js利用正则校验身份证号合法性

校验身份证号合法性支持15位和18位身份证号支持地址编码、出生日期、校验位验证1.示例2.方法IdentityCodeValid: function (code) { var city = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁",

2021-01-25 14:56:44 586

原创 js利用正则表达式去除字符串前后的空格

去除字符串前后的空格1.示例2.方法trim: function (obj) { if (typeof obj === 'string') { return obj.replace(/^\s+|\s+$/gm, ''); } else { return obj } }

2021-01-25 14:45:38 579

原创 js利用正则表达式替换手机号中间四位为*星号

正则替换手机号中间四位为*1.示例2.方法replacePhoneToStar: function (phone) { if (phone) { return phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2'); }},

2021-01-25 14:35:40 1351

原创 js获取页面url后面拼接的参数

获取页面url后面拼接的参数1.已当前页面网址为例，获取articleIdhttps://editor.csdn.net/md?not_checkout=1&articleId=1131107632.方法function GetParam(paraName) { var url = document.location.toString(); var arrObj = url.split("?"); if (arrObj.length > 1) {

2021-01-25 14:26:10 1755 1

原创 uniapp开发安卓app 实现nfc读卡功能

<template> <view class="content"> <view class="box"> <view class="box_right"> <view class="xiuxii_item"> <view class="xinxi_zuo"><span class="rightLabel">车牌号：</span></view> <view

2021-01-25 10:43:27 1510

原创使用BIDEO.JS在html或vue页面中简单的添加全屏背景视频

简单的全屏背景视频BIDEO.JS使用bideo.js 可以非常容易地添加全屏背景视频引入bideo.js 以vue 项目为例import Bideo from '../assets/videobg/bideo.js'; // 文件路径使用<template> <div class="view-login"> <video class="video" id="background_video" loop muted></video&gt

2021-01-25 10:14:32 1111

原创 vue+element-ui利用sortable.js实现el-table行拖拽排序功能

element-ui table表格行拖拽简单案例此功能借助Sortable.js来实现中文网址: sortable.js1.安装插件npm install sortablejs --save2.vue页面中引入并注册import Sortable from 'sortablejs'export default { components: { Sortable },}3.使用方法el-table要指定row-key属性,值必须是唯一值,可以取每一行的id<

2021-01-22 14:04:13 1041

原创前端登录时使用md5.js对密码进行加密

前端登录密码加密（md5.js）1.引入md5.js(以vue项目为例)// 引入jsimport hex_md5 from '../common/md5.js';2.调用方法var that = thisthat.$post('/manage/login', { loginName: that.loginForm.loginName, loginPwd: hex_md5(that.loginForm.loginPwd) }).then(res => { })

2021-01-21 14:58:45 3611

原创前端使用qrcode.js生成二维码

qrcode.js生成二维码1.引入qrcode.jsqrcode.js<script type="text/javascript" src="./qrcode.min.js"></script>2.页面中盛放二维码的容器，以一个div为例// 二维码中的信息这里以自定义输入为例具体看需求<input name="text" id="text" value="">// 给个id -- qrcode<div id="qrcode" style="w

2021-01-21 11:00:57 1951 9

原创前端登录时使用base64.js对密码进行加密

前端登录密码加密（base64.js）1.引入base64.js(以vue项目为例)// 引入jsimport Base64 from '../common/base64.js';2.调用方法var passWord = this.data.loginPwd;let b = new Base64();let str = b.encode(passWord);3.base64.jsfunction Base64() { var _keyStr = "ABCDEFGHIJKLMNOPQ

2021-01-20 09:55:46 1226 2

原创 vue+axios中post请求时使用formData形式传参

vue+axios中post请求时使用formData形式传参1.引入 qs。// 引入qsimport qs from 'qs'// 引入qsimport qs from 'qs'2.设置content-type// content-typeheaders: { 'Content-Type': 'application/x-www-form-urlencoded',}// 引入qsheaders: { 'Content-Type': 'application/x-w

2021-01-19 16:40:32 2901

zcbmwasd的博客