自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(41)
  • 收藏
  • 关注

原创 nestJS连接mysql数据库过程

【代码】nestJS连接mysql数据库过程。

2022-09-18 18:48:53 701 1

原创 nestJS前端项目包部署过程

【代码】nestJS前端项目包部署过程。

2022-09-17 20:29:54 889

原创 高德地图引入Vue添加POI搜索功能、marker点标记、通过经纬度逆编码过程

高德地图引入Vue添加POI搜索功能、marker点标记、通过经纬度逆编码过程。

2022-08-27 22:09:41 1010

原创 【Three.js在vue3中运行报错:‘get‘ on proxy: property ‘modelViewMatrix‘ is a read-only and non-configurab...】

three.js在vue3中引入报错

2022-07-29 14:38:39 1123

原创 el-form多个表单同时验证

两个表单同时验证:有两个表单或者一个表单验证情况当数组存在时验证两个表单否则验证一个

2021-09-25 22:33:08 1972

原创 Vue页面引入混入(mixins)

使用混入的好处:实现页面相同方法的调用等export const mixins={ data(){ return { number:1 } }, methods:{ getchange(){ this.number++ } }}<template> <div class="home"> <div>{{'值为:'

2021-08-26 11:32:27 508

原创 动态渲染的复选框实现功能复选框最多选四个其余不可选

动态渲染的复选框实现功能复选框最多选四个其余不可选通过`watch`监听实现通过watch监听实现//动态渲染的复选框 <el-checkbox v-if="!flagStudent" v-model="checked[item.$index]" :disabled="!arrCode.includes(item.crouseCode)" >&l

2021-08-24 17:37:45 301

原创 引入vuex的map函数后给子页面传值渲染点击渲染的是上一次点击的结果

问题:页面引入vuex的map函数后给子页面传值渲染点击渲染的是上一次点击的结果解决方法解决方法– 使用watch监听//子页面传值<studentview :rowStudent="rowStudent" :flagStudentInfo="flagStudentInfo" :studentDetial_1="studentDetial_1" :studentBack_1="studentBack_1" >&l

2021-08-24 17:05:04 226

原创 安装flutter时出现 /usr/bin/env: bad interpreter: Operation not permitted错误

解决办法– 进入到文件目录下xattr -d -r com.apple.quarantine ./*借鉴博主:https://www.cnblogs.com/duzhaoquan/p/13597210.html

2021-08-08 23:38:50 449

原创 el-tree的不同节点显示不同颜色

用renderContent(h, { node, data, store }){}方法给span标签添加样式

2021-07-29 17:56:56 1172

原创 el-radio-group点击选中再次点击不选中

绑定点击事件绑定变量具体代码 getChange(val){ if (this.flag === true) { this.radioString !=='' ? this.radioString = '' : this.radioString=val } this.flag = true setTimeout(() => { this.flag =

2021-07-28 16:00:45 796

原创 dialog弹框每次打开重新发送请求

dialog弹框每次打开没有重新发送请求

2021-07-13 11:39:03 579 1

原创 去除字符串中第一个元素和最后一个元素

let phone = "[123,323,345]" let arr = phone.split(",") let arr2 = [] arr.forEach((item, index) => { if (index == 0) { //去除字符串的第一个字符 item = item.slice(1, item.length) co.

2021-06-09 21:09:54 1271

原创 ElementUI表格渲染合并

ElementUI中的表格合并-通过表格中的 * objectSpanMethod *方法 // 合并行列 // 打印row判断在哪一行哪一列需要合并 //this.pjxList1.length通过数据长度判断合并的行数 objectSpanMethod({row,colum,rowIndex,columnIndex}){ // console.log(row,colum,rowIndex,columnIndex

2021-06-03 13:12:09 181

原创 Vue列表渲染判断表格中的两个状态转换

Vue列表渲染判断表格中的两个状态转换表格的状态为两个值,通过判断把数字替换成时间 //判断1,4两种状态类型转换,pjlxType //遍历数组 把1,4=====》转换成时间,文本 data.forEach((item,index)=>{ // 评价项类型的转换 // 把字符串分割成数组 let arr = item.pjlxType.split(",

2021-06-03 13:03:22 643

原创 给表格添加上下分页功能

给表格添加上下分页功能<body> <!-- 分页思路: 1.拿到数据 2.分别两两取出数据 3.把取出的每一组数赋值 --> <div> <button class="pageOn">上一页</button> <button class="pageDown">下一页</button> </div>

2021-04-02 09:43:49 411

原创 深拷贝一份数据并把它拼接到原数组的数据中

var arr = [{ time: 2, name: "hhh", age: 21 }, { time: 23, name: "jkk", age: 42 }, { time: 221, name: "jw

2021-04-01 01:50:03 130

原创 根据数组中的对象的某个属性进行排序

根据数组中的对象的某个属性进行排序步骤定义一个数组 var arr = [{ time: "2020-05", number: 1 }, { time: "2020-03", number: 23 }, { time: "2021-06", number: 12

2021-04-01 01:35:12 886

原创 react中创建组件的两种方式

使用函数创建组件// 使用js中的函数创建的组件叫做:函数组件// 函数组件必须有返回值// 组件名称必须以大写字母开头,React据此区别组件和普通React元素function Hello(){ return ( <div>这是我的第一个函数组件</div> )}ReactDOM.render( <Hello />,document.getElementById('root'))使用类创建组件使用ES6的class创建组件类名称必

2021-03-17 12:43:02 235

原创 React脚手架安装初始化项目

脚手架安装初始化项目npx create-react-app my-app使用react步骤1.导入reactimport React from "react"import ReactDOM from "react-dom"2.创建react元素const title = React.createElement('h1', null,'hello React!!!')3.渲染react元素ReactDom.render(title, document.getElementByI

2021-03-17 11:09:32 100

原创 实现小程序的父子通信

微信小程序的父子通信怎么实现文章目录微信小程序的父子通信怎么实现前言一、微信小程序父子通信怎么实现?二、具体步骤1.父子通信2.子父通信3.获取组件实例总结前言一、微信小程序父子通信怎么实现?属性绑定用于父组件向子组件的指定属性设置数据,仅能设置 JSON 兼容的数据(只能传递数据,不能传递方法)事件绑定用于子组件向父组件传递数据,可以传递任意数据(包括数据和方法)获取组件实例父组件还可以通过this.selectComponent() 获取子组件实例对象 这样就可以直接访问子

2021-03-14 01:29:16 183

原创 Access to XMLHttpRequest at‘http://localhost:跨域问题解决

在vue.config.js里配置跨域请求跨域问题报错解决在vue.config.js中配置module.exports = { // 配置跨域请求 devServer: { port: 8080, host: 'localhost', open: true, https: false, proxy: { '/api': { target: 'http://需要请求的地址/', ws: true,

2021-02-10 18:11:57 28652 4

原创 Node部署网站的几个步骤

Node部署网站的几个步骤1. 创建package.json//在文件夹中创建npm init -y2. 导入express模块//安装expressnpm i express3. 创建web服务器// 导入express模块const express = require('express')// const app = express()// 托管静态资源app.use(express.static('bigbig'))// 创建连接端口app.listen(80,

2021-01-05 18:25:03 624

原创 (Node)实现与数据库连接的方法

js与数据库连接步骤安装mysql模块//使用命令安装mysql模块npm i mysql配置mysql模块// 1.导入数据库模块const mysql = require('mysql') //2.创建与数据库的链接const db = mysql.createPool({ host: '127.0.0.1', //数据库所在电脑的地址 user: 'root', password: '123456', database: 'user'})// 数据库连接对象暴露出去m

2021-01-05 17:53:27 590

原创 es6 Set的使用方法总结

es6 Set数据结构的使用set的几种方法add()添加元素clear()清空元素delete()删除元素has()查找元素是否存在返回布尔值获取set值的总数Set.prototype.sizeset可以用于去重 const s2 = new Set([1, 2, 3, 2, 3, 34, 4]) console.log(s2) const arr = new Set('abbbabb333b8888') console.log([...arr].join(''))

2021-01-05 15:35:37 468 1

原创 Mac系统解决ERROR 2002 (HY000): Can‘t connect to local MySQL server through socket ‘/tmp/mysql.sock‘方法

ERROR 2002 (HY000): Can’t connect to local MySQL server through socket ‘/tmp/mysql.sock’原因:无法在设置中开启mysql在终端输入sudo /usr/local/mysql/support-files/mysql.server start,输入密码可以重新开启MysqlljdeMacBookPro16:~ lij$ sudo /usr/local/mysql/support-files/mysql.server s

2021-01-03 20:39:25 528 1

原创 Mac系统下安装nrm后执行nrm ls命令:-bash: nrm: command not found

使用npm install -g nrm和 nrm ls 命令报错报错如下解决方法如下:sudo npm install nrm -g输入开机密码nrm lsSUCCESS!

2020-12-31 13:10:07 3177

原创 搜索栏(ajax+本地存储)获取下拉表单案例详解

淘宝搜索栏ajax发送请求案例相关步骤绑定键盘抬起事件封装一个防抖函数,延长触发时间封装获取数据的函数封装渲染数据的函数html部分代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0">

2020-12-29 17:44:12 128 1

原创 模板引擎+jQuery实现商品查询案例

模板引擎渲染页面案例实现步骤准备渲染页面的数据封装渲染到页面的函数给按钮绑定点击事件html和css结构<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title><

2020-12-29 11:21:54 265 2

原创 模板引擎的使用步骤和语法

模板引擎的使用步骤导入template-web.js文件准备数据对象准备模板调用模板template函数,生成html字符串把内容渲染到页面中<body> <div id="container"></div> <!-- //step3:准备模板 --> <script type='text/html' id="tpl"> <!-- 这里传的是属性 --> <h

2020-12-20 16:58:31 306

原创 jQuery+ajax实现文件上传功能

jQuery+ajax实现文件上传功能(显示文件上传进度)具体实现步骤定义UI结构,引入bootstrap的CSS文件和jQuery文件给上传按钮绑定点击事件验证是否选择了文件向FormData中追加文件使用ajax发起上传文件的请求设置文件的路径使用xhr获得文件上传的进度当文件上传完成让进度条显示绿色<style> #loading { width: 20px; height: 20px; } #img

2020-12-20 16:15:12 1421 1

原创 用jQuery方法实现tab栏切换

具体实现功能切换选项卡添加选项卡删除选项卡编辑选项卡html结构<div class="tabsbox" id="tab"> <!-- tab标签 --> <nav class="firstnav"> <!-- tab栏标题 --> <ul> <li class="liacti

2020-12-17 19:56:06 2346 2

原创 sort方法进行数组排序

sort方法进行数组排序 // 用sort方法进行数组排序 var arr = [1, 2, 3, 6, 10, 5]; console.log(arr.sort(function(a, b) { return a - b })) // [1, 2, 3, 5, 6, 10] console.log(arr.sort(function(a, b) {

2020-12-16 11:57:34 276

原创 封装获取两个数之间的随机整数的函数(详解)

获取两个数之间的随机整数 // 封装min-max之间的随机整数的函数 function getRandom(min, max) { // Math.random()取到的是[0,1)的范围,要取到1要在后面加上1 // max - min + 1:取得是max到min之间的数所以要相减,要取到max所以要+1 // parseInt(Math.random() * (max - min + 1))得到的是[0,9] // min

2020-12-16 11:25:42 1126

原创 去除数组中重复的元素,数组去重

一个数组中有重复元素,删除所有的重复元素,即数组去重 【面试常问】实现步骤定义一个空的数组遍历数组indexOf() 方法查找每个值的索引添加元素到空数组中js实现代码 var arr = [1, 2, 3, 6, 6, 5]; // 定义一个空的数组 var arr2 = [] //遍历数组 for (var i = 0; i < arr.length; i++) { // indexOf(

2020-12-16 10:41:28 643

原创 用jQuery实现电梯导航模块

jQuery实现电梯导航模块功能模块当页面滚动到电器的模块, 显示电梯导航点击电梯导航中的 li, 页面滚动到对应的内容区域为当前点击的 li 添加 current 类页面内容滚动到第几个区域, 左侧的电梯导航自动高亮对应的 li为页面滚动设置节流阀(点击 li 时, 不进行第4步判断)html部分结构 <ul class="sidebar"> <li>手机模块</li> <li>电器模块</li&gt

2020-12-14 13:33:18 586 1

原创 用jQuery实现放大镜的功能

用jQuery实现放大镜的功能鼠标经过小盒子让大盒子和遮罩层显示与隐藏求出鼠标在盒子里面的位置让鼠标在遮罩层的中间位置遮罩层能移动的最大距离限制遮罩层上下左右的位置赋值给遮罩层求出大图移动距离给大图的赋值 * { margin: 0; padding: 0; } .smallBox { position: relative; width: 400px; height: 300px;

2020-12-13 16:44:09 287

原创 js实现留言板功能

基本步骤获取元素给发布按钮添加点击事件获取输入框中的值添加判断条件,如果为空弹出请输入内容把留言的内容渲染到页面发送后清除留言板的内容基本的HTML和CSS结构 * { margin: 0; padding: 0; } body { padding: 100px; } textarea { width: 200px; height: 100px;

2020-12-13 14:33:49 3214

原创 用jQuery实现反选与全选

用jQuery实现反选与全选HTML结构 <input type="checkbox" id="all"><label for="all">全选</label> <button id="reverse">反选</button> <ul id="list"> <li> <input type="checkbox" id="zs"><label for

2020-12-07 19:18:13 165

原创 用jQuery实现本地存储

用jQuery实现本地存储要求:点击提交按钮,让用户输入的内容分别加入到表格对应的列表中要求:点击每一行的删除按钮,能删除当前行要求:刷新页面时能保留当前的页面效果(数据状态不会消失)HTML结构<div style="margin-bottom: 15px;"> <input type="text" id="username" placeholder="请输入姓名"> <input type="text" id="sex" pla

2020-12-07 16:33:52 4164 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除