- 博客(70)
- 收藏
- 关注
RSS订阅原创 css中的display、visibility、opacity
opacity：用来设置透明度(0-1)display：用来定义建立布局时元素生成的显示框的类型(‘block’,‘flex’,‘inline’,‘inline-block’,‘table’,‘none’)visibility：用来设置元素是否可见(‘visible’,‘hidden’)是否占据了空间opacity、visibility 不显示仍占据空间display 不显示不占据空间对子元素的影响如果父元素和子元素的显隐性不同（父隐子显），opacity、display子元素的设置.
2022-05-17 11:42:54
1183
3
原创 MongoDB 的安装、配置和““Authentication failed“”的处理
去官网下载适合自己版本的 mongodb community server下载相应的 .msi 文件下载完成后双击打开，按提示操作安装安装过程通过点击 “custom" 按钮来设置自己想要存放的目录下一步安装 “install mongodb compass”[图形化可视工具]不勾选安装完成后，创建数据目录如果在D盘下安装，就在D盘创建 D:\data\db运行命令，指认dbpath,logpath切换到当前bin目录执行mongod --dbpath “D:\my test\data\.
2022-04-19 09:06:22
3719
原创 git运行“git add .“时报错“warning: LF will be replaced by CRLF in src/views/base/warehousecamera.vue....“
在向缓冲区提交文件时会出现如下报错：原因windows中的换行符为 CRLF，而在Linux下的换行符为LF，所以在执行add . 时出现提示解决设置false取消此功能git config --global core.autocrlf false
2022-04-03 16:00:32
377
原创 实现elementUI多语言切换
整体目录根据自己的需要加载表情包，不需要在页面上手动切换使用 i18n 手动切换语言根据自己的需要加载表情包，不需要在页面上手动切换// 在main.js中引入并设置// import locale from "element-ui/lib/locale/lang/zh-CN";import locale from 'element-ui/lib/locale/lang/en'Vue.use(ElementUI, { locale, size: 'small' })使用 i18n 手动切换语
2022-03-22 17:23:51
2555
原创 typescript基础-做项目了解
ts基础基本类型boolean、number、stringnull、undefinedanyunknownvoidArray。两种写法（常规写法、泛型写法）TupleEnumObjectnever断言保护类型（类型守卫）联合类型(|) 和 交叉类型(&)接口 interface 和类型别名 type泛型基本类型boolean、number、stringlet a1: boolean = truelet a2: number = 3let a3: string = 'hello world'
2022-03-21 15:29:13
952
原创 初识canvas
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>canv
2021-10-11 08:49:38
145
原创 el-tree和el-table相关使用
文章目录el-tree实现模糊查询el-tree实现node节点增删改el-tree 实现节点懒加载el-tree获取所有选中的当前节点el-tree获取当前节点及其选中父节点el-table 获取多选行的所有节点el-table 动态添加删除行数据el-tree实现模糊查询<template> <div class="app-container"> <el-input placeholder="请搜索" prefix-icon="el-icon-search"
2021-08-25 11:05:41
3411
原创 http、html、css、js常见问题合集
文章目录httphttp2，优点及存在的问题？HTTP报文的请求和返回会有几个部分（请求行、请求头、请求体）；每部分具体都有什么（常见的请求头）GET和POST区别HTTP缓存控制，缓存相关的HTTP请求头HTTPS？HTTP和HTTPS的区别HTTPS加密过程从输入url到页面加载的全过程对跨域的了解，跨域怎么解决TCP拥塞控制和流量控制TCP三次握手和四次挥手前端性能优化问题CSS盒模型position（值+定位标准）栅格布局的原理布局：垂直居中、水平居中、水平垂直居中、上中下布局，中间自适应、左中右布
2021-05-09 21:06:16
297
1
原创 js正则表达式相关集合
文章目录正则创建应用正则创建/** * 创建正则表达式 * 构造函数创建 - test()方法检测，返回true or false * 字面量创建 */// 构造函数var reg1 = new RegExp('a')var reg2 = new RegExp('A', 'i')var str1 = 'hello koa2'var str2 = 'love pit'console.log(reg1.test(str1)) //trueconsole.log(reg1.test
2021-04-25 20:39:23
224
原创 js面向对象集合
文章目录面向对象创建自定义对象对象的基本操作浅拷贝和深拷贝对象冻结面向对象创建自定义对象/** * 创建自定义对象 * 对象字面量 * 工厂模式 new Object() * 构造函数 */// 创建1 - 对象字面量var obj1 = {}var obj2 = { name: 'falcon', age: 21,}var obj3 = { name: 'alice', age: 21, detail: { teacher: 'rose',
2021-04-25 20:38:21
150
原创 js函数集合
文章目录函数定义、调用、arguments作用域、变量提升预编译this 指向 + call/apply/bind高阶函数+闭包函数定义、调用、arguments/** * 函数定义 * 命名函数 * 函数表达式 * 构造函数：var 函数名 = new Function(形参1,形参2,函数体) * 【注】所有函数都是通过new Function构造出来，都是'function实例'，都是实例对象，也属于对象 */function test() { console.log('hel
2021-04-25 20:37:01
170
原创 vue vs 微信小程序
文章目录vue 和微信小程序的区别生命周期请求数据变量绑定列表渲染控制元素的显示与隐藏事件处理数据的双向绑定绑定事件传参父子组件通信vue 和微信小程序的区别生命周期√ vue 周期vue:beforeCreate – created – beforeMount – mounted – beforeUpdate – updated – beforeDestory – destoryed√ 小程序周期WeChat：onLunch – onLoad – onShow（onHide\onUnLoad\
2021-04-25 20:32:13
174
原创 数组方法合集
文章目录数组创建基本操作数组方法类型相关isArray()toString()Array.from()Array.of()数组元素的添加和删除push()、pop()unshift()、shift()slice()splice()fill()数组的合并和拆分concat()join()、split()(为字符串方法)数组排序reverse()、sort()查找数组的方法indexOf()、lastIndexOf()includes()find()、findIndex()every()、some()遍历数组f
2021-04-24 20:31:12
403
原创 Number&Math&Date相关方法
文章目录NumberNumber.isInteger()toFixed()MathMath.PI、Math.pow()、Math.sqrt()Math.abs()Math.random()、Math.round()Math.max()、Math.min()、Math.ceil()、Math.floor()URL 编码和解码Date创建对象时间、日期格式化时间戳应用moment.js -- JavaScript 时间库NumberNumber.isInteger()/** * boolean = Nu
2021-04-23 16:17:32
261
原创 字符串相关方法
文章目录查找字符串indexOf()、lastIndexOf()search()includes()startsWith()、endsWith()获取指定位置字符charAt()charCodeAt(index)字符串截取slice()、substring()substr()padStart()、padEnd()string.fromCharCode()concat()split()replace()repeat()trim()toLowerCase()、toUpperCase()html 方法练习for.
2021-04-23 16:15:49
150
原创 搭建webpack+vue项目报错
解决：1.卸载当前的webpack-cliyarn uninstall webpack-cli2.安装指定版本的webpack-cliyarn add webpack-cli@3.3.12 -D
2021-04-19 09:16:18
224
原创 项目中常用方法合集
文章目录根据id数据对象去重遍历获取数据特定项根据id数据对象去重let obj = {}let formArr = data.reduce((cur, next) => { obj[next.id] ? '' : (obj[next.id] = true && cur.push(next)) return cur}, [])console.log(formArr)遍历获取数据特定项var get_object_xth_attribute = function
2021-03-26 11:54:34
182
原创 封装使用组件的过程中打印this.props发现history属性为空，不能进行路由跳转
问题图片解决导入withRouter，组件导出时使用withRouter包裹import { withRouter } from 'react-router-dom'export default withRouter(Counter)这时候后台就会出现相关信息：
2021-03-10 09:45:57
386
原创 react在创建项目时报错
报错内容You are running `create-react-app` 4.0.2, which is behind the latest release (4.0.3). We no longer support global installation of Create React App. Please remove any global installs with one of the following commands: - npm uninstall -g create-reac
2021-03-03 10:58:28
1065
原创 win10系统一直处于欢迎界面
解决长按电源键关机按键开机开机后进入登录界面，不要登录按住“shift”键同时点击重启电脑重启后选择“疑难解答”选项进入“疑难解答”界面，选择“高级选项”进入“高级选项”界面，选择“启动设置”进入“启动选项”界面，选择一个选项（按“F4”键，注，此时没有反应），然后点击右侧“重启”按钮，重启电脑重启电脑后，会出来一个蓝色的选项界面，按“F4键”选择进入安全模式，并输入密码登录登录成功后，系统进入安全模式，壁纸为黑屏，并显示“安全模式”等字眼在安全模式界面按 “Win+R”打开命令运行
2021-02-26 10:58:54
7044
6
原创 html引入本地文件跨域+html抽离公共部分
抽离公共部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-02-22 11:30:25
973
原创 JQ项目用load方法提取页面公共部分显示跨域
index页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-02-22 11:02:29
1264
原创 安装wampserver时出现“由于找不到MSVCR110.dll,无法继续执行代码........“
遇到wamp启动丢失msvcr110.dll、vcruntime140.dll等文件的解决办法到wampserver官网根据自己电脑的位数，下载vcredist_x64.exe或vcredist_x86.exe程序安装，然后把wampserver卸载，重新安装打开即可如果第一种方法不可行，就直接下载微软的vc运行集成库，把vc库都安装上，然后把wampserver卸载，重新安装打开即可网络搜到大神的资源，下面奉献给大家：32位：https://pan.baidu.com/s/1pOuVQJdgzd
2021-01-27 21:46:28
2465
原创 小程序入门学习笔记
慕课网课程学习，完成了小程序上的入门，现将源码和笔记整理如下，欢迎借鉴、补充、订正小程序项目地址码云：仓库地址github：仓库地址相关笔记在没有错误的情况下小程序的新建页面并注册才能生效在小程序中装了新的安装包不能直接使用，需经过以下步骤:任务栏选择“工具”— ”构建npm“ — 构建完成点击 “确定”在 .json 中进行定义在 wxml 中使用【注】如果想一次定义并在全局中都能使用该组件，定义在全局的app.json中小程序现在是支持数据的双向绑定的。一开始的时候完全
2021-01-25 23:05:58
141
原创 vue-element-admin项目的一些总结
文章目录代码初始化，实现login和logout配置路由api的调用和页面的展示在src/api的目录下定义相应的api接口在页面中调用api获取数据验证规则的封装在src/api目录下添加verify.js在页面中引用验证规则在页面中调用验证规则函数时间日期格式化在src的main.js中定义格式化函数页面中的使用vue-tabletable中定义索引列table中定义展开列tree-table的实现table标签的条件渲染table操作列的渲染条件判断table的显示与隐藏数组随机获取数组任一项数组中的
2020-12-25 15:31:05
851
原创 vue-element-admin实现login和logout
【注】本篇文章介绍的是基于花裤衩链接地址的vue-element-admin模板改造的一个前端的后台管理系统解决方案，数据库运用的是（mysql）黑马教程的电商管理系统的.sql文件，操作步骤来自于网络资料和自己不断尝试的合集，感谢参考和建议！文章目录克隆项目去掉eslint安装依赖启动项目后端编写登录接口修改baseurl编辑.env.development文件修改vue.config.js`npm run dev`重新运行，点击登录查看是否配置生效实现登录找到登录请求找到store中的user.js
2020-12-03 17:15:32
5015
10
原创 这里是关于ajax的东西
文章目录传统网站中存在的问题Ajax的应用场景Ajax的运行环境Ajax运行原理Ajax的实现步骤服务器端响应数据的格式请求参数传递传统网站的表单提交ajax的请求参数传递GET请求参数POST请求参数请求报文请求参数的格式获取服务器端的响应Ajax状态码onreadystatechange事件两种方式的比较Ajax错误处理浏览器缓存问题同步异步请求Ajax函数封装模板引擎FormData对象作用使用实例方法二进制文件上传传统网站中存在的问题网速慢的情况下，页面加载事件长，用户只能等待表单提交后，如
2020-11-04 17:55:57
431
2
原创 css样式问题合集
文章目录css实现下拉三角形清除浮动的几种方式背景图片平铺问题让两个块级元素显示在同一行css水平居中css垂直居中css实现下拉三角形第一种实现形式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
2020-11-03 14:39:34
1282
原创 路由跳转的四种方式
query和params区别query类似 get, 跳转之后页面 url后面会拼接参数,类似?id=1, 非重要性的可以这样传, 密码之类还是用params刷新页面id还在params类似 post, 跳转之后页面 url后面不会拼接参数 , 但是刷新页面id 会消失1.router-link不带参数<router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行,
2020-10-21 10:34:10
2555
原创 前后端交互node服务器
文章目录概念创建web服务器获取报文响应报文请求参数GET请求参数POST请求参数路由静态资源和动态资源同步API和异步API同步API异步API区别回调函数回调地狱回调地狱的解决（Promise）异步函数Node全局对象global数据库（MongoDB）mongoose第三方包下载启动连接创建数据库MongoDB的增删改查创建集合创建文档（向集合中插入数据）向MongoDB数据库中导入数据查询文档删除文档概念URL（统一资源定位符）URL的组成：传输协议://服务器IP或域名:端口/资源所在位置
2020-10-20 09:53:59
401
1
原创 jquery基础
文章目录1.jQuery优点2.jQuery入口函数3.jQuery和DOM的比较4.jQuery选择器5.jQuery样式操作6.jQuery效果7.jQuery属性操作8.jQuery内容文本值9.jQuery元素操作10.jQuery事件11.jQuery其他方法12.jQuery尺寸和位置操作1.jQuery优点2.jQuery入口函数$(function(){})$(document).ready(function(){})3.jQuery和DOM的比较用原生JS获取过来的对象.
2020-10-15 18:04:27
140
原创 github远程仓库
文章目录1.完成github的注册1.完成github的注册https://github.com/2.多人协作开发流程初始化本地仓库创建A文件夹，文件夹中创建git-demo文件夹，文件夹中创建index.html文件初始化这个仓库（git init），并将index.html文件进行提交（git add .、git commit -m "第一次提交"）创建远程仓库...
2020-10-15 16:41:42
1342
原创 git操作本地仓库
使用git操作本地仓库文章目录git基本工作流程常用git命令git使用前的配置git提交步骤git撤销git分支临时保存更改git基本工作流程常用git命令查看git版本：git --veresiongit使用前的配置1.配置提交人姓名：git config --global user.name 提交人姓名2.配置提交人邮箱：git config --global user.email 提交人邮箱3.查看git配置信息：git config --list注：1）如果要对配置信息进行修.
2020-10-15 11:20:52
907
原创 PS切图
文章目录切jpg图1.打开ps导入图片2.选择左边工具栏的“切片工具”3.用切片工具切出自己想要的范围4.切片选择工具调整切片的范围（注：切片工具不能选择之前的切片，需要借助切片选择工具，其他蓝边，选中为黄边）5.切好后保存切PNG图1.ps打开psd或tif文件，一定要带图层2.选择移动工具，并在顶部选项栏勾选自动选择，下拉框选图层4.移动工具，点击自己不需要的背景图5.在图层面板中，把对应这层的左边小眼睛关掉，让背景图先隐藏起来6.然后利用切片工具切出自己想要的图标7.文件—导出—存储为web所用格式(
2020-10-14 16:37:31
403
1
原创 蓝湖的安装和使用
1.下载蓝湖插件蓝湖不是一个独立的应用，而是以插件的形式出现在应用中，支持Sketch、ps以及Adobe XDSketch插件地址：https://lanhuapp.com/macPS插件地址:https://lanhuapp.com/psAdobe XD插件地址：https://lanhuapp.com/xd2.安装插件安装成功后，打开photoshop，然后：窗口 —> 扩展功能 —> 蓝湖触发一次后，蓝湖图标会固定在最右边3.使用1.先输入项目名称2.再选择设计
2020-10-13 15:38:46
16319
原创 为组件uni-icons增加自定义图标
1.在阿里巴巴图标库找到需要的图标，下载为svg格式备用2.通过在线ttf编辑器http://fontstore.baidu.com/static/editor/index.html#打开项目static文件夹下的uni.ttf文件3.导入第一步下载的svg图标4.选中新导入的图标，点击设置代码点，新增的图标会按顺序自动生成代码注：一定要选中图标操作，不然所有图标代码都会改变...
2020-10-13 08:19:41
560
1
原创 清除浮动的几种方式
1.额外标签法在最后一个浮动标签后，新加一个标签，给其设置 clear:both (不推荐)2.给父级元素添加overflow属性父元素添加 overflow:hidden (不推荐)3.使用after伪元素清除浮动（推荐使用）4.使用before和after双伪类清除浮动...
2020-10-11 11:20:35
152
原创 ajax实例
文章目录验证邮箱地址是否已经注册验证邮箱地址是否已经注册<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>验证邮箱地址是否已经注册</title> <link r
2020-10-09 15:06:19
95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人