- 博客(29)
- 收藏
- 关注
RSS订阅原创 【无标题】安装依赖报错：Refusing to install package with name “***“ under a package
报错信息：Refusing to install package with name “vue-” under a packagenpm ERR! also called “vue-”. Did you name your project the same原因是安装的依赖和项目重名了 ，解决方式在package.json这里修改一下项目名称即可，不和安装的依赖名字一样就行...
2022-05-24 10:10:14
1429
原创 command failed: npm install --loglevel error --legacy-peer-deps
自定义创建vue2.0遇到的问题
2021-12-23 16:05:04
1016
原创 JavaScript实现发送短信验证码
HTML代码<input type="number"><button>发送验证码</button>JavaScript代码var btn = document.querySelector('button'); //获取点击按钮var time = 3; //定义剩下的秒数var timer = null; //定义定时器的名称btn.addEventListener('click', function() { btn.disabled = true
2021-11-02 22:48:54
2531
原创 VsCode快捷生成HTML代码
<!-- 输入 .div --> <div class="div"></div> <!-- 输入 #div --> <div id="div"></div> <!-- 输入 text{文字} --> <text>文字</text> <!-- 输入 text{文字$}*3 --> <text>文字1</t...
2020-07-05 08:10:50
1030
原创 JavaScript实现抽奖效果
代码<div id="box"> <div class="option">民主</div> <div class="option">文明</div> <div class="option">和谐</div> <div class="option">自由</div> <div id="start">Start</div>
2020-06-08 22:34:27
657
2
原创 KTV风格炫彩流光按钮
效果话不多说 代码如下<div class="container"> <civ class="circle"></civ> <span>COOL</span></div>样式 .container { position: relative; width: 100%; height: 100vh; border: 1px solid red;
2020-06-08 21:29:29
1025
原创 VUE实现购物结算功能
代码 <div id="app"> <div v-if="list.length"> <table> <thead> <tr> <th></th> <th>书籍名称</th> <th>出版日期</th>
2020-06-05 16:16:58
1132
原创 Eslint常见Rules规则
"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow": 2,//禁止catch子句参数与外部作用域变量同名"no-class-assign": 2,//禁止给类赋值"no-cond-assign": 2
2020-05-31 16:20:17
7376
原创 关于码云生成SSH公钥失败
在终端中输入ssh-keygen -t rsa -C "xxxxx@xxxxx.com"时，你的电脑C盘用户下面的文件夹千万不要使用中文，不然生成不了
2020-05-27 20:59:07
1936
6
原创 VUE-路由的嵌套
笔记router-link是vue中提供的标签 默认会被渲染为a标签to属性默认会被渲染为href属性to属性的值默认会被渲染为#开头的hash地址router-view为路由填充位，渲染指定路由对应的组件先引入vue.js，再引入vue-router.js <router-link to="/user">User</router-link> <router-link to="/register">Register</router-link
2020-05-24 22:27:34
193
原创 JavaScript淘宝相册切换
<img src="images/c1.jpg" id="bigImg"> <ul> <li class="active"> <a href="JavaScript::"> <img src="images/c1.jpg" alt="" class="smallImg"> </a> </li> <li> <a href="J..
2020-05-24 03:11:19
223
原创 JavaScript实现简单的图片切换
<img src="images/image01.jpg" id="fruit" width="200px" height="200px"> <br> <button id="prev">上一张</button> <button id="next">下一站</button>JavaScript var minIndex = 1, maxIndex = 4; currentIndex = m..
2020-05-24 02:17:50
857
原创 VUE-侦听器实现验证用户名是否被注册过
1 通过v-model实现数据绑定2 需要提供验证信息3 需要侦听器监听输入信息的变化4 通过v-model.lazy监听事件代码如下 <div id="app"> <span>用户名：</span> <span> <input type="text" v-model.lazy='uname'> </span> <span>{{tip}}</span> &
2020-05-22 00:27:45
1473
1
原创 Vue实现简单的Tab栏切换
v-on:click=‘handle(index)’ 点击事件实现切换功能并且传参v-bind:class='currentIndex==index?“active”:""'利用三目运算符判断生命的currentIndex是否等于index 如果等于就给li标签添加active样式 如果不等于则为空 <div id="app"> <div class="tab"> <ul> <li v-on:click='handle(i.
2020-05-16 00:56:14
1851
原创 var let const的区别
使用var声明的变量其作用域为该语句所在的函数内，且存在变量提升现象使用let声明的变量其作用域为该语句所在的代码块内，不存在变量提升现象使用const声明的是常量，在后面的代码中不能修改该常量的值varletconst函数级作用域块级作用域块级作用域变量提升不存在变量提升不存在变量提升值可更改值不可更改值不可更改...
2020-05-13 15:38:01
377
原创 正则表达式-验证用户名输入是否正确
创建一个输入框和一个span标签css样式 span标签为常用样式 其它两个为后期判断做准备span{ color: #aaa; font-size: 14px; } .right{ color: green; } .wrong{ color: red; }<input type="text" class="uname"><span>请输入用户名</span>JavaS.
2020-05-13 02:24:30
1271
原创 ES6面向对象版Tab栏切换
主要功能包括tab栏切换增加删除tab栏双击可以修改tab栏的文字双击可以修改文本内容* { margin: 0; padding: 0; } ul li { list-style: none; } input{ height: 25px; } .tabsbox { width: 800px; height: 400px; border: 1px solid #
2020-05-11 18:21:25
686
1
原创 localStorage存储案例
输入文本存储本地，如果文本框内部有内容，复选框选中 则关闭页面重新打开会显示已有内容，如果重新输入内容且选中文本框则会保存本地 下次打开依然显示重新输入的内容，如果不选中复选框则打开不会显示创建文本框 <input type="text" id="username"> <input type="checkbox" name="" id="remember"> 记住用户名var username = document.querySelector('#userna
2020-05-10 15:06:18
608
原创 纯CSS实现三角形
代码如下角度可调整其他几条border宽度来实现角度变化div{ width: 0px; height: 0px; border-top: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-bottom: 10px solid red; border-left: 10px solid rgba(0, 0, 0, 0);
2020-05-08 22:26:51
266
1
原创 JavaScript五行代码生成九九乘法表
五行JavaScript代码实现九九乘法表 document.write('<table>') for (var i = 1; i <= 9; i++) { document.write('<tr>'); for (var j = 1; j <= i; j++) { document.write('<th&...
2020-05-06 18:11:14
251
原创 JavaScript实现京东轮播图效果
纯JavaScript代码实现京东轮播图效果功能包括，点击左右按钮跳转下一张图片，点击小圆圈跳转图片，鼠标移动轮播图上面停止轮播，无缝循环播放，代码注释写在里面咯CSS样式 * { margin: 0; padding: 0; } .box { width: 415px; height: 241px; bac...
2020-05-06 04:41:24
2316
1
原创 JavaScript实现倒计时功能（包括天时分秒）
CSS样式简单的样式span { display: inline-block; width: 50px; height: 50px; background-color: black; text-align: center; line-height: 50px; font-size: 20px; ...
2020-05-04 18:03:55
1416
原创 JavaScript仿快递查询输入框
JavaScript仿快递查询输入框CSS样式<style> .search { position: relative; margin: 200px auto; width: 178px; height: 100px; } .con { display: none; position:...
2020-05-04 16:19:38
762
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人