- 博客(69)
- 收藏
- 关注
原创 VUE中写一个hover效果
<template> <div> 啊哈哈哈 <div :class="flag ? 'item ani' : 'item'" @mouseenter = "haha" @mouseleave="haha">效果出来吧</div> </div></template><script> export default { data() { .
2022-05-25 16:58:20
825
原创 Swiper在vue中的引用
1.在vue中使用 首先 npm install --save swiper@5 // 安装低版本的最好,这里装5.x2.安装结束后,直接复制下面代码。哪里需要放哪里,组件直接用就好了<template> <div id="swipercom"> <div class="swiper-container" id="swiperIndex"> <div class="swiper-wrapper"> <.
2022-05-20 11:58:10
1520
原创 wow.js插件,让滚动动画更简单,让生活更美好
直接上代码,我相信你肯定可以看懂。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .item { width: 200px; height: 200px; margin: 30px auto; background-color:.
2022-05-18 11:30:33
401
原创 echarts在vue中的使用
1.局部使用:哪里需要哪里引入注意一定要给dom容器加宽高,不然出不来,啥也看不到<template> <div> <div id="main" :style="{width: '500px', height: '300px'}"> </div> </div></template><script>import * as echarts from 'ech
2022-05-16 15:37:08
1085
原创 Vue3.0跨域配置
在 vue.config.js 的目录下配置即可,与2.0的配置相同const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({ transpileDependencies: true, devServer: { port: 8080, // 端口 proxy: { '/api': { //请求路径关键字 target: 'http://..
2022-05-07 14:56:27
1391
原创 端口被占用,我们最爱用的3000,或者8080
1.使用npm 下载 killport2 全局安装一下cnpm install killport2 -g2.干掉被占用的端口,比如被占用的3000端口killport 3000
2022-04-15 15:44:59
411
原创 vue过滤器处理手机号中间四位
<template> <div> <div v-for="item in person" :key="item.id"> {{ item.iphone | phoneFilter }} </div> </div></template><script>export default { data() { return { person: [ {.
2022-03-09 15:28:47
981
原创 正则表达式去掉字符串中的特殊符号
<script type="text/javascript"> var res = []; function replace_function(a){ var pattern = new RegExp("[`~! @#$^&*()=|{}':;',\\[\\].<>/?~!@#¥……&*()——|{}【】‘;:”“'。,、?%]","g") for (var i=0;i<a.length;i++) { res.push(a[i]...
2022-03-02 14:56:02
1085
原创 VUE滚动监听
<template> <div class="home"> <div ref="header" class="header-bg" :class="headerFixed?'issFixed':''">Header</div> <div style="height: 500px">111</div> <div style="height: 3000px"> 222 .
2022-02-21 15:19:15
517
原创 Element UI 中国省市区级联数据
npm install element-china-area-data -S<template> <div id="app"> <el-cascader size="large" :options="options" v-model="selectedOptions" @change="handleChange"> </el-cascader> </div><.
2022-01-18 22:45:14
173
原创 vue中使用axios
先干个加个速,要是没有安装cnpm的先安装一下。自己执行以下这句命令就好了:npm install -g cnpm --registry=https://registry.npmmirror.com
2022-01-16 22:23:19
2712
原创 express上传图片并处理图片名字
这里使用我们 multer 中间件,当然你也可以直接使用node提供的fs内置模块完成。1.引入以下模块var multer = require('multer'); //导入连个内置模块const path= require('path')const fs=require('fs')2.设置上传文件的路径(一般都会设置在public目录下)var objMulter=multer({dest: './public/images'}); router.use(objMul.
2021-12-27 21:58:29
789
原创 express邮件发送验证码
1.肯定要引入邮件模块,顺手建一个maileConfig.js// 准备:进入邮箱:设置>账户>POP3/SMTP服务(开启之后记得复制密钥)//maileCinfig.jsconst nodemailer = require('nodemailer');//创建一个smtp服务器const config = { host: 'smtp.qq.com', port: 465, auth: { user: '1192719918@qq.co
2021-12-23 23:37:10
682
原创 js地址传过来的参数解析成对象
// 做一个简单的封装 ,哈哈我就把获取过来的数据当字符串处理了 function udata(str) {// 注意要是有汉字做个简单的解码decodeURI(str) str = decodeURI(str); // 1.处理掉? var dataStr = str.split("?")[1]; // 2.进行一个截取转化成数组 dataStr = dataStr.split("&"); // 3.定义一个新对象存放数据 var...
2021-12-23 23:24:55
356
原创 express发送验证码以及验证码的校验
// 发送邮件的接口router.get('/email', function (req, res, next) { //保存验证码和邮箱,时间 let student = {}; let email = req.query.email; let code = createSixNum(); console.log(code); let time = new Date().getTime(); student.initCode = code; student.time =.
2021-12-23 23:22:06
1598
原创 express跨域
app.use((req, res, next) => { //设置请求头 res.set({ 'Access-Control-Allow-Credentials': true, 'Access-Control-Max-Age': 1728000, 'Access-Control-Allow-Origin': req.headers.origin || '*', 'Access-Control-Allow-Headers': 'X-Reques.
2021-12-20 21:26:09
135
原创 热启动工具之nodemon
nodemon是一种工具,可以自动检测到目录中的文件更改时通过重新启动应用程序来调试基于node.js的应用程序。npm install -g nodemon 安装nodemon index.js 启动
2021-12-20 19:22:28
732
原创 js地址传过来的参数解析成对象
// 做一个简单的封装 ,哈哈我就把获取过来的数据当字符串处理了 function udata(str) {// 注意要是有汉字做个简单的解码decodeURI(str) str = decodeURI(str); // 1.处理掉? var dataStr = str.split("?")[1]; // 2.进行一个截取转化成数组 dataStr = dataStr.split("&"); // 3.定义一个新对象存放数据 var...
2021-12-17 22:41:21
142
原创 阻止默认请求比如“http://localhost:3000/favicon.ico”
var http = require('http');http.createServer(function(req,res) { console.log('hello world' + req.url); if(req.url === "/favicon.ico") return; //阻止响应 res.writeHead(200,{'Content-Type':'text/plain'}); res.end('Hello world\n');}).listen(3000,'127.
2021-12-17 22:38:36
851
原创 node.js原生链接数据库查询数据
const http = require("http");const mysql = require("mysql");const server = http.createServer((req,res)=>{ const connection = mysql.createConnection({ host:"localhost", port:3306, user:'root', password:'roo.
2021-12-16 16:06:38
658
原创 前端JS Md5加密
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script src="md5.js" type="text/javascript" charset="utf-8"></script> <script typ.
2021-12-01 10:26:06
3250
原创 js数字字母验证码
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--输入验证码--> <input type="text" name="" id="input" value="wefg" /> <!--验证码--> <input ty.
2021-11-29 10:02:58
250
原创 js地址传过来的参数解析成对象,全乎一点的。
怕你没有看懂。给你来个全乎的案例,这个看懂了直接用上面的函数就可以了。首先来一个页面:bom.html代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" id="btn" value="哈哈" /> .
2021-11-22 12:15:03
175
原创 js地址传过来的参数解析成对象
// 做一个简单的封装 ,哈哈我就把获取过来的数据当字符串处理了 function udata(str) {// 注意要是有汉字做个简单的解码decodeURI(str) str = decodeURI(str); // 1.处理掉? var dataStr = str.split("?")[1]; // 2.进行一个截取转化成数组 dataStr = dataStr.split("&"); // 3.定义一个新对象存放数据 var...
2021-11-22 12:06:33
462
原创 js实现页面跳转的方式(bom内容)
第一种:(跳转到haha.html)<scriptlanguage="javascript"type="text/javascript">window.location.href="haha.html";</script>第二种:(返回上一页面)<scriptlanguage="javascript">window.history.go(-1);</script>第三种:<scriptlang...
2021-11-22 11:18:20
977
原创 js登录正则验证
手机号验证和密码验证,这是两个正则方法。全部代码继续往下就可以看到。 //手机号码验证的正则,手机好必须1开头,后面在跟10个数字。哈哈,你想写更严格的也可以。 function zphone(p){// ^表示开头// $表示结尾// d表示纯数字// {10}表示有10个数字 var re = /^1\d{10}$/; return re.test(p); } // 密码长度8-16位// 必须由大写字母,小写字母,数字,特殊符号组成
2021-11-19 15:19:13
938
原创 ElementUi省市区三级联动
首先下载一下依赖,接下来直接复制代码。哈哈npm install element-china-area-data -S<template> <div id="app"> <el-cascader size="large" :options="options" v-model="selectedOptions" @change="handleChange"> </el-cascader..
2021-11-11 14:41:05
229
原创 事件流的理解
流的概念,在现今的JavaScript中随处可见。比如说React中的单向数据流,Node中的流,又或是今天本文所讲的DOM事件流。都是流的一种生动体现。定义:1.事件流描述的是从页面中接收事件的顺序,也可理解为事件在页面中传播的顺序。2.事件就是用户或浏览器自身执行的某种动作。诸如click(点击)、load(加载)、mouseover(鼠标悬停)。3.事件处理程序响应某个事件的函数就叫事件处理程序(或事件侦听器)。事件流之事件冒泡与事件捕获事件冒泡:DOM2级事件定义了两个方.
2021-11-04 10:37:03
1310
原创 今天真无聊写一个时间戳
function formatterDateTime() { var date=new Date() var month=date.getMonth() + 1 var datetime = date.getFullYear() + ""// "年" + (month >= 10 ? month : "0"+ month) + ""// "月" + (date.getDate() < 10 ? "0" + date.getDate() : date.g.
2021-11-02 15:11:31
65
原创 Vue -- watch监听登录页面隐藏头部和尾部
兄弟首先肯定要配路由,有login页面,接下来就是在home页面中设置一个变量flag=true 默认显示,接下来使用watch监听路由地址,当地址是login的时候,我们把flag设置成flase。<template> <div> <app-header v-show="flag"></app-header> <router-view /> <app-footer v-show="flag">&l.
2021-11-01 22:27:14
796
原创 格式化请求参数(把json转化成请求拼接数据)
function formatParams(data){ var arr=[]; for(var item in data){ arr.push(item+"="+data[item]) } return arr.join("&") } var data={ name:"张三", age:10, password:"123456" } console.log(formatParams(data))
2021-11-01 18:01:29
451
原创 ajax最简单的小案例
// 1.创建小黄人对象(哈哈其实就是xhr) var xhr = new XMLHttpRequest()// 2.绑定事件监听函数 xhr.onreadystatechange = function(){ //readyState 属性存有 xhr 的状态信息, 为4时: 请求已完成,且响应已就绪 if(xhr.readyState==4){// 5.拿数据 , 200表示异步调用成功 if(xhr.status==200){ console.log.
2021-11-01 16:00:32
1149
原创 利用正则表达式截取特定字符中间字符
// 已知字符串 var str = 'body:[{name:"小明"},{name:"张三"},{name:"五五"}]@hu'; //需要body和《hu之间的字符串。定义正则表达式。 var reg = /(?<=body:).+(?=@hu)/; //上述正则表达式利用了:获取指定字符串之后: (?<=指定字符串) //获取指定字符串之前: (?=指定字符串),实现 var matchResult = str.match(reg);.
2021-10-29 14:42:00
3492
原创 vue请求网络图片403错误,图片有占位但是显示不出来解决办法
在index.html 增加一个meta标签<meta name="referrer" content="no-referrer"
2021-10-29 14:20:18
427
原创 vue项目打包部署生产环境
打包部署生产环境之前需要修改配置文件:图片下面有代码可以直接复制。修改一:build > utils.js(修改publicPath:"../../" , 这样写是处理打包后找不到静态文件的问题)哈哈,要是找不到可以直接搜下面的部分代码。 // Extract CSS when that option is specified // (which is the case during production build) if (options....
2021-10-27 10:11:24
1035
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人