- 博客(34)
- 收藏
- 关注
RSS订阅原创 【学习记录25】学习一些比较有用的git命令
2、初始化并创建分支并切换到dev分支二、添加文件1、添加要提交的全部文件2、对这次提交的说明描述三、分支操作1、查看分支2、创建分支3、创建分支并切换到分支4、修改分支名字,把test分支修改为prod5、删除分支prod,强制删除分支用-D四、合并子分支到主分支1、切换到主分支main2、合并dev分支的内容到main分支五、commit提交操作1、修改上一次提交相关操作实例：比如我提交了文件a.text情况1：是这次提交的a.text里面有错别字，重
2024-02-20 14:24:20
613
原创 【学习记录24】vue3自定义指令
1、在components下创建loading文件夹，在loading文件夹里创建directive.js2、在loading文件夹里创建loading.vue3、在loading文件夹里放入一张GIF图（loading.gif）
2024-01-18 17:01:37
580
原创 【学习记录23】Linux环境下安装nginx
自己折腾了个服务器在上面跑前端项目，记录一下以备后期查询，为了省钱每年都换一次云服务器。每次都得重装各种东西！
2024-01-03 16:06:09
370
原创 【学习记录22】git删除远程主分支和文件
项目分支太多，代码冗余太多，项目也没正式启用，想着全部清空重新来一遍，参考了网上的步骤都不太理想，全部走不通，搜出来大部分都是类似下面的操作。经过一段时间折腾终于删掉并清空。因此记录一下以备后期查看。注意：删除需谨慎，线上的项目慎用！！！不可恢复！我的项目实现步骤1、拉取远程代码 2、在git网站上创建test分支，参考如下（gitee网站）其他git网站类似
2023-05-25 16:25:26
1228
原创 【学习记录21】Vue+ElementUI el-upload多文件上传，一次请求上传多个文件！
前情回顾说点废话。。。1、项目当中遇到需要上传多个图片，一次选取多个图片。但是吧el-upload默认只能一个一个传，每次上传成功还的自己去push，一个一个去判断。2、关键是后台给的接口，要一次性接收一堆，无奈之下只能去网上搜索，大佬们都是给的代码片段无法直接使用。3、闲下来就想着自己写一个吧。大家共同学习进步，我也巩固一下知识点！有问题的地方欢迎各位大佬指正！话不多说直接撸代码！！！
2023-03-30 09:47:14
7308
5
转载 JavaScript 代码技巧
如果 if-else 的逻辑比较简单，可以使用下面这种方式镜像简写，当然也可以使用三元运算符来实现。如果仅在变量值为 true 的情况下才调用函数，则可以使用 && 运算符。当我们处理多个变量并将不同的值分配给不同的变量时，这种方式非常有用。我们可以在数组中存储多个值，并且可以使用数组include方法。我们可以将条件保存在键值对象中，并可以根据条件使用。看到一篇挺实用的文章搬运过来防止遗忘，以备后期查询。当我们声明多个同类型的变量时，可以像下面这样简写。可以使用三元运算符来实现这些功能。
2023-01-19 08:52:05
98
原创 bat批处理+文件名更改+把文件夹下的一个文件复制到这个文件夹里所有的文件夹中+获取文件夹里的所有文件名
业余菜鸟整理平时用到的批处理，以备平时查询。
2022-10-13 17:02:32
4589
转载 Vue — 详解mixins混入使用，应用场景
当我们的项目越来越大，我们会发现组件之间可能存在很多相似的功能，你在一遍又一遍的复制粘贴相同的代码段（data，method，watch、mounted等），如果我们在每个组件中去重复定义这些属性和方法会使得项目出现代码冗余并提高了维护难度，针对这种情况官方提供了Mixins特性混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。......
2022-08-31 14:58:49
4755
6
原创 【学习记录20】vue使用blob流预览word ，Excel，pdf，TXT，图片，视频
TXT，PDF直接使用浏览器本身预览excel使用插件 xlsx，这个插件需要用到arraybuffer的流格式，我是使用前端转换的详见js代码，也可以叫后台返回arraybuffer的数据流word 使用插件 docx-preview话不多说直接上菜，css样式自己调就行。.........
2022-08-12 17:35:32
11135
14
原创 【学习记录19】重新认识JSON
想当年，只知道json得用法就是parse() 方法和stringify() ，也没有详细的去阅读过相关资料和书籍，直到今天回头去阅读才发现，以前对于json只是了解了个皮毛。let wenhui = { name: '温慧', age: 18, sex: '男', school: '家里蹲大学'}// 大家是不是和我也一样只会用下面的2种，如果你比我懂得多，那么恭喜你，你基础不错，为你点赞//JSON.stringify// 第一种let str = JSON.stri
2022-02-17 15:35:30
113
原创 【学习记录18】学习map和reduce
map()map() 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。有点绕口，直接上例子。const array1 = [1, 4, 9, 16];// 数组中的每个数都乘以2const map1 = array1.map(x => x * 2);console.log(map1);// 输出结果：数组 [2, 8, 18, 32];// 如果是计算平方const map2 = array1.map(x => x * x);conso.
2022-02-10 16:06:13
344
原创 【学习记录17】vue3使用mockjs
1、安装mock依赖npm installmockjsnpm installvite-plugin-mock2、在src目录下创建mock目录文件夹 ，并创建index.jsexport default [ { type: 'get', url: '/api/getUser', response: () => { return [{name: 'tttt', age: 18}] } }]3、在vite.config.j..
2021-12-13 17:26:21
1690
原创 【学习记录16】vue3配置404路由
vue3对404配置进行了修改,必须要使用正则匹配常规参数只匹配 url 片段之间的字符，用/分隔。如果我们想匹配任意路径，我们可以使用自定义的路径参数正则表达式，在路径参数后面的括号中加入 正则表达式 :import { createRouter, createWebHashHistory} from 'vue-router'const routes = [ { path: '/404', name: 'NoPage404', comp...
2021-12-13 17:06:22
2857
原创 nginx报错：the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx/conf/nginx.conf:128
前情回放：准备把域名换成https，证书从阿里云下载免费的ssl证书并放到了服务器中，遇到了几个个问题，记录一下。一、重启出现错误：unknown directive "ssl" in /usr/local/nginx/conf/nginx.conf:116根据网上搜出来的步骤1、安装ssl模块./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module2、编译.
2021-10-26 15:07:14
7282
原创 【学习记录15】vite+vue3的配置文件
话不多说直接上代码！下面是最近学习中使用的，不断加入中....../*vite.config.js*/import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import path from 'path'export default defineConfig({ plugins: [ vue() ], css: { // css预处理器 preprocessorOpti
2021-10-19 10:48:10
509
原创 vue3使用表单el-form的坑+el-input无法输入+el-date-picker选择时间不能赋值
遇到一个大坑，弄了好几个小时才找到问题。vue3使用el-form的时候，如下代码，会导致输入框无法输入，无法赋值，选择框无法选择<el-form class="my-form" ref="form" :model="form" label-width="80px"> <el-form-item label="活动名称"> <el-input v-model="form.name"></el-input> </el.
2021-09-14 17:11:52
3552
原创 【学习记录14】vue3+vite+router+element+sass开发项目总结
1、用vite新建一个vue3项目1.全局安装vitenpm install -g create-vite-app2.使用vite创建一个vue3项目create-vite-app vue-dome3.进入刚才创建的项目文件夹cd vue-dome4.npm安装依赖包npm install5.启动项目npm run dev2、安装vue-routernpm install vue-router@next --save使用[email protected]+（
2021-09-01 15:26:45
902
原创 【使用记录1】青龙安装+docker操作
记录我使用当中遇到的问题和操作docker容器操作1、查看运行容器：docker ps2、查看所有容器：docker ps -a下面字符串d27bd3008ad9为容器ID，上图红框中3、进入容器：docker exec -it d27bd3008ad9 /bin/bash4、停止容器：docker stop d27bd3008ad95、删除容器：docker rm d27bd3008ad9安装青龙我的是阿里服务器，其它的应该都是类似的如果你已经安装失败过...
2021-08-10 10:02:41
12476
原创 学习记录【13】VUE路由异步加载（懒加载）并起别名
一、异步加载设置// 无异步的路由import A from '@/views/recommend'// 异步路由const A = () => import('@/views/a'/* webpackChunkName: "recommend" */)1、如果不设置异步路由所有的js都会打包到app.js中2、设置异步路由后，访问a路由的时候才会加载这个路由相关的js，比如控制台network的js中a路由对应的就会出现0.js类似的这种js二、路由起别名// .
2021-08-09 16:51:11
1301
2
原创 【学习记录12】VUE设置路由命名视图
一个vue项目App.vue中设置两个router-view，根据不同的配置显示不同的视图，比如说：路人A,B路由使用正常的router-view，另一个特殊的路人（多动症）C 路由使用一个带动画路由。一、路由文件设置，一般的文件路径都是router/index.jsconst routes = [ { path: '/a', component: A }, { path: '/b', component: B }, { path: '/
2021-08-09 15:18:58
260
原创 【学习记录10】学习CSS3 transform中的Matrix(矩阵)
先说点废话，写这篇文章是因为在学习一个vue网课的时候用到了transform动画中的matrix，就去学习了一下，此文章是在大佬张鑫旭的博客中学习以后，我又记录巩固了一下大部分内容都是来着大佬博客中。费话不多说，步入正题！一、什么是矩阵 在数学中，矩阵（Matrix）是一个按照长方阵列排列的复数或实数集合[1]，最早来自于方程组的系数及常数所构成的方阵。这一概念由19世纪英国数学家凯利首先提出。矩阵是高等代数学中的常见工具，也常见于统计分析等应用数学学科中。。。。。。当...
2021-07-07 10:43:46
760
原创 【学习记录9】迭代器和生成器
迭代器迭代器是一种特殊的对象，它具有一些专门为迭代过程设计的专有接口，所有的迭代器对象都有一个next()方法，每次调用都返回一个结果对象。结果对象有两个属性：一个是value，表示
2021-06-11 17:52:07
136
原创 【学习记录8】vue项目中全局引入cass（scss）变量和sass（scss） mixin
一、全局引入cass（scss）变量和sass（scss） nixin，这样就可以直接使用变量和mixin了，不用给每个vue文件都import相关文件1、使用场景variable.scss文件样例// 颜色定义规范$color-background: #222;mixin.scss文件样例// 背景图片@mixin bg-image($url) { background-image: url($url + "@2x.png"); @media (-webkit-min-
2021-04-13 16:34:47
618
原创 VUE安装vuecli脚手架并用vuecli4创建一个vue3的新项目
一、安装脚手架VUECLI1、安装vueclinpm install -g @vue/cli// ORyarn global add @vue/cli2、检查是否安装成功，使用vue --version// ORvue -V// 查出的结果如下@vue/cli 4.5.123、升级vueclinpm update -g @vue/cli// 或者yarn global upgrade --latest @vue/cli二、创建项目1、使用命令：vue..
2021-04-09 16:34:14
464
原创 【学习记录7】ECMAScript6中的Set和Map
1.Set集合// 添加项目let set = new Set()set.add(5)let key = {}set.add(key)// set的长度set.size// 检查指定键名是否存在 hasset.has(key) // true// 移除元素set.delete(5)set.delete(key)// 全部删除set.clear()// 循环set.forEach(function(value, key, ownerSet) { // 代码区
2021-03-03 16:18:57
56
1
原创 【学习记录6】ES6解构：使数据访问更便捷
1.对象解构let node = { type: 'identifier', name: 'wenhui'}let { type, name } = nodeconsole.log(type) //identifierconsole.log(name) // wenhui 在这段代码中，node.type的值被存储在名为type的变量中；node.name的值被存储在名为name的变量中。2.解构赋值let node = { type: ...
2021-01-12 11:21:05
105
1
原创 【学习记录5】HTTP常用状态码
状态码的职责是当客户端向服务端发送请求时，描述返回的请求结果。借助状态码，我们可以知道服务端是正常处理了请求，还是出现了错误。 状态码如200 OK，已3位数字和原因短语组成。 数字中的第一位指定了响应类别，后俩位无分类。响应类别有如下5种。 类别 原因短语 1XX informational（信息状态码） 接收的请求正在处...
2019-12-11 15:45:04
115
原创 【整理收集】使用当中IE浏览器遇到的兼容性问题
（所有测试的IE浏览器 版本是ie11）1、new Date() 时间兼容性问题，IE只识别 “2019/08/01 17:58:54” 斜杠格式，.getTime()才能正常转换成时间戳。‘-’这种的会返回NaN，其他浏览器‘/’或者‘-’都能正常运行。2、IE浏览器不支持ES6语法。3、input属性placeholder（IE9不支持）4、get请求在ie浏览器会被强制...
2019-08-01 18:12:34
328
原创 【学习记录4】判断一个变量的正确类型
Object.prototype.toString.call(xx) Object.prototype.toString.call([111]) "[object Array]" Object.prototype.toString.call({a:1}) "[object Object]" Object.prot...
2019-01-21 10:32:07
170
原创 【学习记录3】Promise
1、Promise.all 全部执行完回调var p1 = new Promise(function (resolve, reject) { setTimeout(resolve, 500, 'P1');});var p2 = new Promise(function (resolve, reject) { setTimeout(resolve, 600, 'P2');});...
2018-05-11 13:36:44
126
原创 【学习记录2】数组里的字符串转换成数字或者把数字转换成字符串
js学习记录之数组里纯数字和纯字符串之间的转换var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];arr.map(String); //结果： ['1', '2', '3', '4', '5', '6', '7', '8', '9']var a = ['1', '2', '3', '4', '5', '6', '7', '8', '9']a.map(Number...
2018-04-12 09:53:31
11832
1
原创 【学习记录1】手机浏览器调试方法
首先你的电脑安装了nodejs，npm安装方法很简单：百度nodejs（window系统），下载exe文件，下一步下一步就会安装成功第一步：安装: npm install spy-debugger -g第二步：手机和 PC 保持在同一网络下（比如同时连到一个Wi-Fi下）第三步：命令行输入：spy-debugger没有自动打开浏览器，就按命令行提示用浏览器打开相应地
2018-01-24 11:11:01
19577
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人