- 博客(56)
- 收藏
- 关注
RSS订阅原创 vue2.x模式和环境变量
模式和环境变量官网链接一、 VUE模式development 模式用于 vue-cli-service servetest 模式用于 vue-cli-service test:unitproduction 模式用于 vue-cli-service build 和 vue-cli-service test:e2e package.json配置运行脚本"scripts": { "dev": "vue-cli-service serve --mode development",
2022-03-08 23:15:49
282
原创 JSON和XML之间的区别
今天刷牛客网题目，遇到JSON和XML之间的区别，有位大佬总结挺好的，于是记录下来JSON和XML之间的区别：1、JSON是JavaScript Object Notation；XML是可扩展标记语言。2、JSON是基于JavaScript语言；XML源自SGML。3、JSON是一种表示对象的方式；XML是一种标记语言，使用标记结构来表示数据项。4、JSON不提供对命名空间的任何支持；XML支持名称空间。5、JSON支持数组；XML不支持数组。6、XML的文件相对难以阅读和解释；与XML相比
2022-02-21 14:19:15
1978
原创 css隐藏元素的三种方式的区别
今天刷牛客网题目，遇到css隐藏元素的三种方式，有位大佬总结挺好的，于是记录下来display：none指的是元素完全不陈列出来，不占据空间，涉及到了DOM结构，故产生reflow与repaintvisibility：hidden指的是元素不可见但存在，保留空间，不影响结构，故只产生repaint，但不可触发绑定事件opacity=0：指的是元素不可见但存在，保留空间，不影响结构，并且，如果该元素已经绑定一些事件，如click事件，那么点击该区域，也能触发点击事件的...
2022-02-21 14:12:32
306
原创 js String类型方法笔记
js String类型方法笔记，用于查询或者CV目录length属性下标找出字符拼接concat , +切片slice、substring位置查找下标indexOf删除前置及后缀trim大小写转换toLowerCase、toUpperCase匹配方法替换Html的特殊字符的转义分割成数组转成数字length属性 // String类型 // 1. length // 每个实例对象都有一个length属性 (function () { var str = "你好
2022-02-18 12:01:37
286
原创 js改变函数this指向方法笔记
js改变函数this指向方法，用于CV //function的prototype属性改变绑定执行环境对象的方法 // 1. apply方法(执行函数环境对象,arguments/参数数组) (function () { function sum(num1, num2) { return num1 + num2; } function callSum1(num1, num2) { console.log(this);/
2022-02-18 11:23:24
217
原创 使用elementUI和axios实现请求时添加loading遮罩层
使用elementUI和axios实现请求时添加loading遮罩层1.后台数据在800ms返回，不添加loading遮罩层2.后台数据超过在800ms未返回，添加loading遮罩层
2022-02-16 22:52:50
1669
3
原创 简单实现侧栏拖拉改变宽度（二）
上次实现拖拽改变侧栏的宽度，但是不能隐藏侧栏，这就简单实现一下代码效果如下代码实现<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,
2022-02-16 20:58:38
408
原创 简单实现侧栏拖拉改变宽度（一）
需求就是像notion首页那样，拖拉侧栏右侧，便可改变侧栏宽度以下是代码实现的效果代码实现<!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
2022-01-30 13:09:41
329
原创 Typora设置gitee图床
Typora设置gitee图床最近使用typora遇到两个问题首先使用notion做个人笔记时，导入md文件，网站导入图片本地路径，无法显示，就需要一个个上传第二问题就是平时问朋友一下代码问题，于是把问题写成了md文件，无奈文件有图片，单单发文件是无法看到图片，这样要么导出成pdf文件；要么把图片文件一起打包给他，实在麻烦。于是上网搜有没有可以上传图片，然后再在typora引用的方法。解决问题后写了这篇博客纪录一下，方面后面查找下面方法有些参考了PicGo + Gitee(码云)实现markdo
2021-08-17 22:21:44
353
原创 用python/js修改文件名称
昨天在ping多多上买周杰伦的所用mp3歌曲，店家过来的网盘资源，文件名称全部都是有空格或者数字三百首歌曲，总不会一个个改吧好在之前学了python还没全忘，写了个遍历该目录所有的所有目录和文件，并且使用正则修改名称from os.path import isfile, isdirfrom os import listdirimport osimport re##查询文件夹的文件def traverseDir(path): for mulu in listdir(path):
2021-04-19 22:53:23
185
2
原创 javaScript的function类型
function类型每个函数都是Function类型的实例，而且都与其他引用类型一样具有属性和方法函数是对象，函数名是指针function的创建声明式创建function add(num1, num2) { return num1 + num2;}表达式创建var sub = function (num1, num2) { return num1 - num2;};var sub2 = sub;console.log(sub2(1, 3));//-2f
2020-11-18 10:21:31
166
原创 红宝石第四章学习笔记-变量、作用域、内存问题
变量、作用域、内存问题// 动态添加属性值 var person =new Object (); person.name="李华"; console.log(person.name); // 复制变量 function test_01(){ // 从一个变量到另外一个变量复制基本类型的值，会创建这个值的副本 //...........画一张图理解 var ...
2020-11-15 21:45:56
79
原创 async和await
async和await1. async定义在函数，可以使Promise可以结合函数的特性被async定义的函数返回是一个待解决状态的Promise对象async function pr() {}console.log(pr())执行后返回的结果是Promise对象,状态为待解决状态,参数为函数中返回的东西。结合函数的特性，怎样才return将变得很有意义async function pr() { return "成功"}pr().then(v=>{ consol
2020-11-12 20:08:23
260
原创 Promise的通知方法参数是另外一个Promise对象
情景：小米的妈妈告诉小米，小米的表姐小娥要去香港，小米的妈妈让小娥带点货。这段通话被同宿舍的小东听到了，小东刚好想买一双球鞋，听说香港的便宜，所以想让小米的表姐帮他带货情景1: 小米同意了，小娥也同意了const xiaoe = new Promise((resolve, reject) => { resolve("我是小娥,我同意了") }) // 返回了xiaoe,后面的then是对象p2状态的处理 const xiaoming = new Promise((resolv.
2020-11-12 10:53:45
200
原创 写给自己看的Promise
之前在做vue项目的，在网络请求数据的过程中，数据异步执行，同步获取不到的错误，为了解决这个问题，于是决定恶补Promise,看了哔哩哔哩Up主-后盾人的Promise视频后盾人Promise文档介绍以下是个人的理解static PENDING = "pending";//准备状态static FULFILLED = "fulfilled";//解决状态static REJECTED = "rejected";//拒绝状态1.初始化状态、值、then中没 有处理的函数数组2.将re
2020-11-11 16:08:36
211
原创 写给自己看的Node.js中模块加载机制
1. 拥有路径require(’./find.js’);该文件路径下find.js该文件路径下find文件中的index.js该文件路径下find文件夹中的package.json文件中mian选项指定的文件(该文件与package同目录)2.只有模块名称(去node_modules文件夹找)require(‘find’);查找跟(拥有路径)相同，只是该路径改为node_modules去node_modules文件路径下找find.jsnode_modules文件路径下find
2020-11-09 10:50:46
160
原创 写给自己看的vue中移动端适配
1. 创建一个vue项目vue create demo2. 安装normolize.css进行初始化npm install normalize.css在main.js引入import ‘normalize.css/normalize.css’3. 安装lib-flexiblenpm install lib-flexible --save(1) 在main.js引入import ‘lib-flexible’(2) 注释掉html文件的head中的 meta name="
2020-11-08 18:47:32
160
原创 写给自己看的找素材
参考哔哩up主：取景框看世界一 图片1 pixabay：https://pixabay.com/zh/2 Unsplash：https://unsplash.com/3 Pexels：https://www.pexels.com/zh-cn/4 Foodiesfeed ：https://www.foodiesfeed.com5 CC零图片网：https://cc0.cn/6 Logo神器：https://www.logosc.cn/so/7 iconfont：https://www.icon
2020-11-08 10:17:37
216
原创 写给自己看的适应不同手机屏幕
/* 根据不同屏幕适 使用不同html标签大小 */@import url('~@/assets/css/normalize.css')html { font-size: 50px;}@media screen and (min-width: 320px) { html { font-size: 21.33333333px; }}@media screen and (min-width: 360px) { html { font-size: 24px; }.
2020-11-08 10:12:29
133
2
原创 写给自己看的normalize.css移动端 CSS 初始化推荐
normalize.css下载链接/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *//* Document ========================================================================== *//** * 1. Correct（纠正） the line height in all browsers. * 2. Pre
2020-11-07 17:00:58
304
原创 配置maven --＞在idea创建maven项目
1. 下载maven链接2. 解压到一个文件夹中3. 配置环境变量4. 在cmd中输入 mvn –v 测试环境变量是否配置成功5. 找到conf中setting文件1. 配置本地仓库2. 配置阿里镜像<mirrors> <!-- 阿里云仓库 --> <mirror> <id>alimaven</id> <mirrorOf>centra
2020-11-03 15:47:25
724
原创 vue数据双向绑定原理--初学习笔记
// 数据存储对象 let data = { price: 20, quantity: 5 } console.log("target=null") //与data中属性相关的目标函数 let target = null; // 与data属性有关的每个函数保存在一个数组中 // 添加相关函数到改数组中 // 改变时 把该数组的函数都执行一遍 class Dep { constructor()
2020-10-30 22:32:18
81
原创 vue2.x组件通信和例子
1. 父子组件通信(1) 子组件渲染的时候–>父组件将值传到–>子组件(使用props)(2) 某个时间子组件触发方法A–>子组件中获取父组件数据(使用this.$parent)某个时间可以是创建子组件的时候，如果是创建子组件的时候，将方法A放在子组件的create函数(3) 父组件方法触发 --> 将父组件的值传递到子组件(使用this.$ref)(4) 父组件方法触发–>导致–>子组件方法触发(使用this.$ref)(5) 子组件方法触发–>
2020-10-28 20:33:01
1364
1
原创 Vue引用本地资源
vue引用本地资源img标签引用本地图片<img class="img-test" src="~@/assets/img/src.png" />background引用背景图<h3>vue background引用背景图</h3><div class="bg-test"></div>.bg-test { width: 200px; height: 200px; background-image: url("~@/
2020-10-25 20:25:30
694
原创 nrm ls因为在此系统上禁止运行脚本
1.查看get-ExecutionPolicy2. 修改执行策略set-ExecutionPolicy RemoteSigned选择Y即可
2020-07-12 17:35:43
724
原创 解决Error creating bean with name xxx defined in class path resource [applicationContext.xml]错误
今天使用基于MapperFactoryBean来实现MyBatis与Spring的整合，使用Mapper接口编程，一直报一个错误,调试了很久org.springframework.beans.factory.BeanCreationException: Error creating bean with name ‘customerMapper’ defined in class path resource [applicationContext.xml]: Initialization of bean f
2020-05-17 15:43:24
14925
原创 创建数据库后又删除登录显示ORA-12560: TNS: 协议适配器错误
在做实验的时候，使用Database Configuration Assistant创建一个stu数据库，使用完成之后便删除了stu数据库，第二天在用sqlplus登录数据库，出现了ORA-12560: TNS: 协议适配器错误。一开始我以为是口令打错了，在重复了很多次之后，还是失败了。于是上网查了一下有三个原因1.没有在服务打开OracleOraDb11g_home1TNSListener和OracleServiceXXX（我发现这些服务都是打开的，依旧还是报ORA-12560: TNS: 协议适配
2020-05-14 23:49:00
428
原创 Mybatis入门程序笔记（mysql查询）
以下教程参考黑马程序员的JavaEE企业级应用开发教程1. 创建数据表CREATE DATABASE mybatis CHARACTER SET utf8; USE mybatis;CREATE TABLE t_customer(id INT(32) PRIMARY KEY AUTO_INCREMENT,username VARCHAR(50),jobs VARCHAR(50),phone VARCHAR(16))DROP TABLE t_customer;INSERT INTO t_
2020-05-09 14:53:55
205
原创 iconMoon和iconfont字体图标的使用
以下教程参考哔哩哔哩pink老师的视频一. 字体图标的使用场景：主要用于显示网页中通用、常用一些小图标例如：百度的搜索框里面的相机和放大镜二. 为什么有些场景用字体图标代替精灵图：图片文件还是比较大的图片本身放大或者缩小会失真一旦图片制作完毕想要更换非常复杂三. 字体图标的优点：轻量级：比图片文件要小灵活性：本质是文字，可以随意改变颜色、大小、阴影、透明效果、旋转等四....
2020-05-08 09:48:06
801
原创 CSS浮动(潜水艇表示)
以下有些参考哔哩哔哩pink老师的视频注：下面第4和第6的图片浮动的潜水并不一前一后，而是浮动并排浮动的特性:1. 脱离标准普通流的控制(浮) 移动到指定的位置(动)2. 浮动的盒子不再保留原先的位置3.任何元素都可以浮动，不管原先是什么模式的元素，添加浮动之后具有行内块元素相似的特征4.浮动元素经常和标准流父级搭配使用5.浮动的盒子只会影响浮动盒子后面的标准流不会影响前面的标...
2020-05-05 10:25:12
157
原创 CSS优先级（权重）
下图来着哔哩哔哩pink老师的视频权重样式计算永不进位，即类选择器永远大于元素选择器等级的判断是从左到右去判断继承的权重是0，不管父元素的权重多高，子元素继承得到的权重都是0<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> ...
2020-05-02 22:44:55
347
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人