shadow_glory-CSDN博客

原创关于搭建脚手架提示淘宝镜像错误问题

今天突然想搭个vue3测试一下问题，但是一直显示淘宝镜像错误，于是上网查了查，原来是地址更新了，这样的话一直用原来的地址肯定就没用了。C:\Users\用户名\AppData\Roaming\npm\node_modules@vue\cli\lib\util。保存之后重新运行 vue create project 就可以成功了。找到registries.js文件。然后找到npm位置修改文件。

2024-04-18 15:08:40 297

原创 vue简易导出word文档——docxtemplater使用介绍

{#data}{name}{age}{address}{/data} 和判断一样的包裹方式，可以理解为先判断是否有无，有的话遍历或查找data中的name、age、address。if-else：{#isShow}{str1}{/isShow}{^isShow}{str2}{/isShow} else为 ^开头 /结尾。对于普通的字符串、数字等普通类型直接使用{}包裹住即可使用：{num}、{str}{#data}{.}{/data} 把里面指定的属性名改为 . 即可。注意，导出所使用的模板的路径在。

2023-04-04 16:06:23 2580 1

原创关于Vue使用axios的封装

2022年2月三日，初三，又是家里蹲的一天，更篇博客吧。差点忘了，大家在Vue的项目中，我们会需要用到多次获取数据，不可能一个链接搞定，就比如增删改查，这个怎么看也不会是一个链接就能搞定的。那我们需要用到多个链接的同时，前面的路径又都是一样的，我们其实完全是可以省略掉的。首先使用npm安装axiosnpm install axios -S然后在我们的js文件内import引入import axios from 'axios'这里面我们就可以对axios写一个默认的链接let myA

2022-02-03 17:51:32 724

原创判断对象中是否包含另一个对象

お早う，盆友们。有的时候可能我们需要去进行一些对象（object）的判断。 var obj1 = { a: 1 } var obj2 = { a: 1 } console.log(obj1 === obj2); // false如上，在长度、内容相等时，我们去判断，依然不会像等，这是关于堆的问题，两个对象不在同一个堆中时，即使我们看着值是相等的，但是我们获取到的判断依然不会是true。但是如果我们需要判断的对象更长，在不知道他的键的时候，该如何判断一个对象是否包含一个对象时，这又是一个问

2022-01-11 16:23:54 2416

原创 ES6 新增数据类型Symbol

今天更两篇，嘿嘿想到什么就更什么，随缘更新大法。这次讲一下ES6的新增数据类型Symbol，以前我们是五大基本数据类型，字符串（String）、数字（Number）、布尔值（Boolean）、未定义（Undefined）、对空（Null），现在成员喜加一。Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值，最大的用法是用来定义对象的唯一属性名，那我们就试一试嘛。Symbol 函数栈不能用 new 命令，因为 Symbol 是原始数据类型，不是对象。可以接受一个字符串作为参数

2021-12-10 14:30:00 307

原创 this指向

2021/12/10，星期五，晴，回想上一次更博客就像是在十天前一样。今天来看看this指向的一个知识点，毕竟用到的地方也不少。 // 谁调的函数，this指向谁（上一级） var name = 'aaa' function one() { var name = 'bbb' console.log(this.name); } one() // "aaa" 指向window

2021-12-10 09:30:39 94

原创 Vue 自定义指令(directive)

气温骤降，南京又开始了降温速冻模式，这谁受得了。进入主题：vue自带了很多的指令，v-once、v-model、v-for等，这些指令对我们的代码带来了很多的帮助，也让他们的编写简单了不少，但是不可能什么问题都帮我们解决，那有些我们想要方便又没有vue自带指令的时候，我们就可以去自己写一个。vue：无中生有我：顺手牵羊directive也是分全局指令和局部指令，我们先看全局指令：直接用Vue.directive注册了一个叫v-red的全局指令，后面括号中的第一个值就是使用了这个指令的标签，后

2021-11-30 11:31:44 895

原创 MongoDB安装（详细流程）

emmmm，更新一篇前端学习之中可能会用到的数据库的安装。一个介于关系数据库和非关系数据库之间的产品————MongoDB首先，我们去官网看看，MongoDB下载。先把压缩包下载下来

2021-11-18 09:50:54 42562 20

原创 js字符串方法

没错，这次是日更昨天是数组方法，这次是字符串方法：var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; var str1 = "abcdefghijklmnopqrstuvwxyz"; var str2 = "abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz"; var str3 = "abcdefghijklmnopqr

2021-11-17 10:48:53 577

原创 js数组方法

2021年11月16日，晴，看了看天气预报，出差的那一天有雨，后面还降温，可能老天爷在为我悲伤吧，要加衣服啦！直接开始今天的重点： var arr = [3, 5, 8, 1, 6, 4, 52, 77, 25]; // 通过 new 关键词来定义 Date 对象 var date = new Date() // [3, 5, 8, 1, 6, 4, 52, 77, 25] console.log(arr); // 3-

2021-11-16 11:56:57 871

原创 NodeJS Express模拟后台接口

时间过得真快，上一篇文章好像就在五个月前，真是转瞬即逝。今天写一个NodeJs使用Express模拟后台接口的小demo。话不多少了，直接开敲。首先，我们要安装一些需要用到的模块。// 加载express模块const express = require('express');// 创建express应用程序const app = express();// 加载cors模块（解决跨域）const cors = require('cors');// 端口号const port = 300

2021-09-19 14:10:33 769

原创关于input标签中v-model的理解

2021/04/09，太阳辣么大，我却辣么冷。好久没水了，水一帖有些同学可能在刚接触v-model的时候对他还是无法理解，那么接下来我们一步一步来去研究一下。在这里插入代码片当我们想做到上面的效果时，如果用js可以这么写：<div id="app"> <input type="text" value="" oninput="change()"> <h1></h1></div><script> var

2021-04-09 10:09:35 8099 1

原创 iconfont的三种引用方法

Hi，guys！虽然我好像不写VUE就没啥人看了，本来也没什么人看但我还是不写VUE，hhhh今天我们来看看iconfont的三种引入方法首先我们先挑一个要用到的图片，添加图库然后右上角的小车里就会有了你添加的东西再把它添加进你的项目里我们可以看到，下面有Unicode，Font class，Symbol三种方法，先记得更新下面的代码第一种 Unicode我们先用的一种，将他给的font-face全部复制到页面的样式中<style> @font-face {

2020-09-07 11:01:46 6554 2

原创 js随机色背景图

Yes,i’m here也不知道写点啥，就来写个随机的颜色吧现在写个div，然后设置他的宽高，加个边框看看咋样。emmm~，还不错，继续写。我要写的是十六进制的颜色，大家应该知道，十六进制的颜色开头都是#（井号），里面不是数字就是字母，那咱就开整。function color(){ //井号放在开头拼接 let colorStr = "#"; //十六进制里字母最大到F数字最大到9 let str = "ABCDEF123456789"; //看到for循环和我前面提到的拼接，大家应

2020-09-04 09:18:00 956

原创简易页面内跳转，大佬：有手就行！！！

2020年8月14日，晴天烈日，想起好久没写了，我来划个水冒个泡（PS：咕嘟咕嘟）。。。首先，我们得了解一下这个“简易”的标签，iframe。iframe标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。我们需要先准备3个（我只是举个例子，不是只能3个）。首先，我们先画一个导航栏，用于点击切换。<div class="nav"> <a href="">1</a> <a href="">2</a&

2020-08-14 10:51:47 287

原创 VUE点击切换样式

2020年7月6日，晴，今天又是炎热的一天，无聊的我积极的我来写一篇博客吧。 |ू･ω･` )我们需要先写好内容，还有样式<div id="app"> <ul> <li>aaa</li> <li>bbb</li> <li>ccc</li> <li>ddd</li> </ul></di

2020-07-06 15:28:50 6599 1

原创 Vue脚手架使用swiper轮播图,CV大法好！

时隔多日，我又更新了，今天写一个Vue脚手架swiper轮播图的使用方法。首先在项目内安装swiper，//如果安装过镜像的可以使用cnpm，国内会更快些npm install swiper vue-awesome-swiper --savevue-awesome-swiper中也有教程我们使用局部的,script中写入如下代码：<script> import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper

2020-06-18 12:18:13 1329 2

原创不会吧不会吧！你还认为v-if和v-show一样？

v-if和v-show都能使元素隐藏，那么到底有什么区别呢？#app>div { width: 50px; height: 50px; border: 1px solid red; margin: 5px;}<div id="app"> <div v-if="a" class="if"></div> <div v-show="a" class="show"></div><

2020-06-04 19:52:58 296 5

原创前端必学！vue实现打星评分

vue实现打星评分功能//首先引用vue.js<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.js"></script>然后设置vue<script> let vm = new Vue({ el: '#app', data() { return { score1:2,

2020-06-03 20:13:08 2695

原创 web前端-CSS Position 定位

web前端-CSS Position 定位position属性指定一个元素（静态的，相对的，绝对或固定）的定位方法的类型。static默认值，没有定位。relative（相对定位）生成相对定位的元素，相对于其正常位置进行定位。如left和top设置为20px时，该元素的left和top就会有20像素；（p1）absolute（绝对定位）生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。绝对定位会脱离文档流，在没有设置距离时，绝对定位的元素会与前一个的元素保持间距，

2020-06-03 19:21:30 327

crsitin_spade的博客