- 博客(32)
- 收藏
- 关注
RSS订阅原创 vue3组件通信的方式 父传子 props 和子传父 $emit 非父子组件的通信Provide和Inject 全局事件总线mitt库
组件监听的方法上面总共演示了三类。开发中还有一些vuex，localStorage、sessionStorage都是可以进行任意组件的通信。现在就先写到着，后续还会进行补充！！
2022-11-17 11:00:46
3866
1
转载 Postman 中文包使用
Github最新中文版本：9.12.0更新时间：2022-02-04不要Clone存储库！请按照下面步骤：Postman官方文档QQ群：494969115不使用联网工作区，可以点开右上角设置图标中的便笺(Scratch Pad)模式禁用自动更新❗❗❗下载对应版本的 app.zip进入目录复制到目录重启Postman就可以了下载对应版本的 app.zip解压 进入 替换文件夹重启Postman就可以了解压&&替换文件夹禁用自动更新❗❗❗将此解析加入你电脑的主机文件hostshos
2022-06-18 18:38:04
2720
转载 JavaScript设计模式——订阅者-发布者模式简单实现
订阅者把自己想订阅的事件注册到调度中心，当发布者发布该事件到调度中心，就是该事件触发时，由调度中心统一调度订阅者注册到调度中心的处理代码。基本思想就是内部保存了一个对象存储订阅的函数，调用者通过名字来触发函数，订阅多个就按照队列的形式触发。......
2022-06-17 17:57:20
736
转载 VUE的MVVM模型原理和双向数据绑定原理
MVVM 是 Model-View-ViewModel 的缩写，是一种设计思想。View层代表的是视图、模版，负责将数据模型转化为UI展现出来。Model层代表的是模型、数据，可以在Model层中定义数据修改和操作的业务逻辑。ViewModel层连接Model和View。 在MVVM的架构下，View层和Model层并没有直接联系，而是通过ViewModel层进行交互。ViewModel层通过双向数据绑定将View层和Model层连接了起来，使得View层和Model层的同步工作完全是自动的。因此开发者
2022-06-17 17:42:59
466
转载 水平垂直居中的几种方式
1 使用flex布局利用flex的alignItems:center垂直居中，justifycontent:center水平居中2 利用相对定位和绝对定位的margin:auto相对定位下，使用绝对定位将上下左右都设置为0，再设置margin:auto即可实现居中3 利用相对定位和绝对定位，再加上外边距和平移的配合相对定位下，使用绝对定位，利用margin偏移外容器的50%，再利用translate平移回补自身宽高的50%即可4 利用textAlign和verticalAlign利用textAlig
2022-06-09 15:47:03
1121
原创 JavaScript深度优先和广度优先
深度优先：打印的结果：a b e f c g h打印的方式是：先打印根的val 然后再选择b这边的元素进行打印，之后再打印c这边的元素前置： shift() 方法的使用方式是，移除第一个元素。并且返回第一个元素打印结果：a b c d e f引用别人的话语：
2022-06-02 15:32:15
233
转载 利用Browserify 在浏览器中使用nodejs模块
Browserify的出现可以让Nodejs模块跑在浏览器中，用require()的语法格式来组织前端的代码，加载npm的模块。在浏览器中，调用browserify编译后的代码，同样写在用 Browserify 的操作，分为3个步骤。1npm install browserify -g–outfile, -o: browserify日志打印到文件–require, -r: 绑定模块名或文件，用逗号分隔–entry, -e: 应用程序的入口–ignore, -i: 省略输出–external, -x:
2022-06-02 11:50:55
2281
1
原创 扩展运算符的基本使用 结合vuex使用扩展运算符
复制数组 const arr = new Array(1,2,3,4,5,6,7,8,9) const arr2 = [...arr] console.log(arr2);//[1,2,3,4,5,6,7,8,9]复制对象const object = new Object({name:"古月",age:18,sex:"男"})const object2 = {...object}console.log(object2);//{ name: '古月', age: 18, sex: '男'
2022-05-23 13:45:23
385
转载 JS 数据类型 基本数据类型 引用数据类型
要了解数组和函数在内存中如何存储的，首先的了解数组与函数属于什么数据类型JavaScript数据类型基本数据类型：Number、String、Boolean、Undefined、Null，引用数据类型：Object、Array、Function其次得了解数据结构数据结构名词解释：在计算机科学中，数据结构（英语：data structure）是计算机中存储、组织数据的方式。常见的数据结构：堆栈，队列，数组，链表，树，图，堆积，散列表基本数据类型基本数据类型：基本数据类型保存在栈中，这些类型在
2022-05-21 13:02:03
195
原创 webpack 中遇到的问题
PS C:\Users\86182\Desktop\webpack> npx webpack ./src/main.js[webpack-cli] Unknown command or entry './src/main.js'[webpack-cli] Run 'webpack --help' to see available commands and options原因：没有找到入口文件， npx webpack ./src/main.js中 ./src/main.js和package.
2022-05-19 01:34:09
2596
转载 uni-app动态加载图片图片不显示
uniapp图片加载不出来的解决方案//分为两种12//第一种 //使用v-bind + require12345//第二种//第一种可以解决99%的问题，若有1%的没解决，可以使用background-image属性background-image:url(…/…/static/picture.png);//使用图片的最好是，本地图片使用背景图，万无一失，网络图片使用image src。...
2022-05-06 17:45:50
7203
原创 windows创建RSA公钥和私钥
windows 创建公钥和私钥由于Windows没有自带的ssh可以下载ssh也可以使用git base here安装后进入软件 bin 目录，打开 openssl.exe生成私钥genrsa -out private_key.pem 2048生成公钥rsa -in private_key.pem -pubout -out public_key.pub生成带密码的RSAgenrsa -aes128 -passout pass:foobar -out private_key.pem 204
2022-04-27 17:36:40
2728
原创 node.js Buffer 的基本使用 通过插件sharp对图片进行裁剪复制
重要：Buffer 是一个全局对象一、使用Buffer对象直接创建buffer对象const buffer = new Buffer('./foo.txt') //可以传入文件，也可以传入string字符console.log(buffer);打印数据：这样创建是可以直接创建buffer对象，但是这个方法node是已经弃用了的打印数据：<Buffer 2e 2f 66 6f 6f 2e 74 78 74>(node:10128) [DEP0005] DeprecationWar
2022-04-13 15:54:43
742
原创 packaage.json 和package-lock.json 解析和npm 基本的命令合集
packaage.json 和package-lock.json 解析{ "name": "aaa", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "IS
2022-04-08 19:40:03
2186
原创 Node.js内置模块 events的基本使用
Node.js内置模块 events的基本使用上一篇：内置模块fs 的基本使用上上篇：内置模块path 的基本使用// // events的简单使用// const EventEmitter = require(‘events’)// //创建发射器// const emitter = new EventEmitter()// //注册事件一// let i = function (name){// console.log(name+“触发事件一”);// }// // 开
2022-04-08 18:32:56
1281
原创 Node 内置模块 fs 的使用
Node 内置模块 fs的基本使用上一篇：内置模块path 的基本使用// 文件系统// fs模块 对文件进行操作//借助于node的封装不需要考虑系统问题直接操作文件// 一 同步执行// const file = "./bar.js"// const info = fs.statSync(file)// console.log("后续需要执行的代码");// console.log(info);// 二 异步执行// const fs = require('fs')//
2022-04-08 18:24:55
550
原创 node.js 中内置模块 path模块的基本使用
//node加载文件是同步执行的 执行代码会被阻塞//加载过后的模块会被缓存 ，加载过后的模块module里面的loaded会变为true//node 使用的加载方式是深度优先// 一// const path = require('path')// const basePath = '/user/stu';// const filename = 'hu.text'// const p = path.resolve(basePath,filename)// console.log(p
2022-04-01 17:59:36
473
原创 原型与原型链，prototype与__proto__
原型与原型链，prototype与__proto__笔记// function Person (){// }// let person = new Person()// Person.prototype.name="原型名字"// person.name="实例名字"// console.log(person.name);// Object.prototype.name="对象的构造函数中的原型"// function Person(){// }// let person =
2022-03-30 11:32:24
246
原创 函数的执行上下文理解
执行上下文执行上下文栈的作用:是用来跟踪代码的，由于JS是单线程的，每次只能做一件事情，其他的事情会放在指定的上下文栈中排队等待执行。经过阅读下面这几个博客终于理解了函数上下文的意思。慕课网 带图片的解释 https://zhuanlan.zhihu.com/p/72959191 初步理解冴羽 https://github.com/mqyqingfeng/Blog/issues/5加深理解 https://blog.csdn.net/yucihent/article/details/79768
2022-03-24 15:34:48
596
原创 vuex的基本使用
Vuex的基本使用安装vuex我使用的是npm 安装npm install vuex --save安装完之需要再main中导入import Vuex from 'vuex'Vue.use(Vuex)导入完成之后还是在main中创建一个store对象const store = new Vuex.Store({ state: { count: 0, message: "你好啊，vuex！" }, mutations: {
2021-11-03 10:04:23
54
原创 插槽slot的使用
Vue slot的使用一、什么是slot在子组件中，使用特殊的元素就可以为子组件开启一个插槽该插槽插入什么内容取决于父组件如何使用二、插槽的基本使用在子组件中使用为子组件开启一个插槽<template> <div class="hello"> 这是子组件内部！ <slot></slot> </div></template>在父组件中使用该组件，并为slot填充内容<template
2021-11-02 17:33:02
2554
转载 浏览器本地存储数据cookies、sessionStorage和localStorage
cookies、sessionStorage和localStorage解释及区别在浏览器查看HTML4的本地存储 cookie浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别：1、保持状态：cookie保存在浏览器端，session保存在服务器端2、使用方式：（1）cookie机制：如果不在浏览器中设置过期时间，cook
2021-10-29 12:16:54
1613
原创 通过i18n插件实现国际化
通过i18n插件实现国际化首先，我开发是以 vue 为技术栈，所以如题用的国际化插件是 vue-i18n我们得先有开发环境，先有项目跑起来，我推荐如果是喜欢用 vue 的小伙伴，可以尝试 vue-cli 官方脚手架。这边有我整理的一个脚手架 demo ，有助于你快速的进行 vue 模块化开发。我们需要安装i18n依赖包我使用的是npm安装npm install vue-i18n当然还有别的安装方法<script src="https://unpkg.com/vue/dist/v
2021-10-27 10:47:27
578
1
转载 mysql 5.7 压缩包安装教程
mysql 5.7 压缩包安装教程前言 ： 避免之前装的MySQL影响首先进入dos窗口执行**sc delete mysql**删除已有的mysql服务(一) 下载MySQL5.7 版本压缩包网址https://dev.mysql.com/downloads/mysql/(二)解压到自己想要放的目录我放在了F盘F:\phoneMall\mysql-5.7.26-winx64在这个目录下新建 data文件夹 和 my.ini文件 如下图所示用记事本打开my.ini 放
2021-10-26 20:54:40
4299
原创 vue组件化开发
vue组件化开发认识组件化：组件化就是将一个复杂的页面拆分出来逐个实现可复用的组件，再将其放在整体当中。如果我们将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展。组件化我们讲一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，那么之后整个页面的管理和维护就变得非常容易了。注册组件的基本步骤：创建组件构造器 Vue.extend()注册组件 Vue.componene()使用组件 或全局组件和局部组件当
2021-10-26 18:04:47
247
原创 vue的基本指令
基本指令：v-ones:只渲染一次v-html:会将string的惠特米勒解析出来并且进行渲染v-text:作用和mustache比较相似，都是数据显示在界面中v-pre:用于跳过这个元素和他子元素的编译过程，用于希纳是原本的mustache语法。v-cloak:----斗篷 我们浏览器可能会直接显示出未编译的mustache语法。斗篷的作用未进行编译的时候。当编译后就不会有作用了。v-bind:动态绑定属性动态绑定a元素的和href属性动态绑定img元素的src属性动态绑定class
2021-10-26 17:08:58
147
原创 简单的DOS命令操作
基本DOS命令操作打开方式1.开始+系统+命令提示符2.win键+R 输入cmd打开控制台3.在任意文件夹下面，按住shift键+鼠标右键，选择在此处打开命令行窗口。4.资源管理器的地址栏前面加上cmd路径。管理员方式运行开始+系统+命令提示符 右键可以管理员方式运行常用的DOS命令#切换盘符： 切换D盘：D:#查看当前目录上的所有文件： dir#切换目录： 切换到上级目录：cd.. 切换到同盘符的文件夹：cd ide 进入IDE文件夹 切换到不同盘符的文件夹：cd /d
2021-03-25 21:01:28
102
原创 Markdown学习
Markdown学习标题四级标题五级标题字体你好，Markdown！你好，Markdown！你好，Markdown！你好，Markdown！引用冰冻三尺非一日之寒！分割线三个-或者*图片[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-a714zqQl-1616641526884)(C:\Users\86182\Desktop\Markdown\img\我的世界.jpg)]超连接百度链接列表ABCDABCD表格
2021-03-25 11:06:17
62
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人