- 博客(28)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 vue实用组件Loading，自定义样式
解：当进程还在执行，还没有执行完成的时候，用户可能并不知道，那么我们是不是应该提示用户，那怎么样才能更让客户客观的看到正在执行，而且又有一点高级感呢？那就是LoadIng组件了，我elementui的基础上修改了他的样式。完成，年轻的程序员，大佬勿喷，希望对大家有用，有问题可以留言。1.我为什么用到了组件Loading是干什么的？vue laoding组件。
2022-09-22 14:29:58
1005
原创 ethers.js Metamask和CoinbaseWallet，TronLink钱包连接方式
ethers.js Metamask和CoinbaseWallet，TronLink钱包连接方式
2022-07-06 11:34:02
3624
15
原创 vue项目父组件更改子组件的值
有的时候一个页面的内容太多，需要分成几部分去编写时，那么就要分为不同的组件去写，那父组件需要更改数据，子组件也要同步修改，那如何做到父组件修改子组件的值呢？
2022-06-10 15:42:21
905
原创 CSS实现内容颜色渐变的动画效果
这是css动画的文档，不知道的可以去了解（https://www.runoob.com/cssref/css-animatable.html），废话不多说，直接上代码。二、CSS代码完成，年轻的程序员，大佬勿喷，希望对大家有用，有问题可以留言。
2022-06-01 12:31:33
1187
原创 CSS实现内容旋转向下移动的动画效果
这是css动画的文档，不知道的可以去了解（https://www.runoob.com/cssref/css-animatable.html），废话不多说，直接上代码。二、CSS代码完成，年轻的程序员，大佬勿喷，希望对大家有用，有问题可以留言。
2022-06-01 12:10:13
1628
原创 react安装时出现 D:\Desktop\my-app\node_modules\core-js: Command failed报错，然后删除 node_modules
react安装时出现 D:\Desktop\my-app\node_modules\core-js: Command failed报错，然后删除 node_modules一、react安装时二、解决方法一、react安装时react安装时出现 D:\Desktop\my-app\node_modules\core-js: Command failed报错，然后：Deleting generated file… node_modulesDeleting generated file… package.
2021-06-07 10:42:29
1525
原创 es6新增的数据类型Symbol
es6新增的数据类型SymbolSymbol是什么及用法Symbol的实例Symbol是什么及用法它是JS的第七种数据类型，类似于字符串Symbol的值是唯一的，解决命名冲突的问题不能参与运算Symbol定义的对象属性不能用for in循环Symbol的实例1.创建Symbol let s = Symbol() console.log(s) console.log(typeof s)//判断数据类型返回值：2....
2021-04-12 19:54:28
128
原创 了解es6中的set
了解es6中的setset是什么？set应用set是什么？1.es6中的set本身是一个构造函数，用来生成set的数据结构，类似数组，值是唯一的（可用于数组去重）set应用1.set函数可以接受一个数组作为参数，自动数组去重，返回类数组const arr = new Set([1, 1, 2, 3, 4, 5])console.log(arr)返回值：add 可以给set添加某个值，返回set本身 const arr = new Set() arr.add(1).a
2021-04-10 11:40:45
316
原创 JavaScript push(),pop(),unshift(),shift()方法的区别
JavaScript push,pop,unshift,shift方法的区别push()，pop()，unshift()，shift()方法的区别1. push2. pop3.shift4.unshiftpush()，pop()，unshift()，shift()方法的区别1. push数组末尾添加一个或更多元素，并返回新的长度， 该方法不新建新数组，而是直接修改原数组。push方法使用数组提供的先进后出栈的功能 const arr=[1,2,3,4,5] con
2021-04-06 20:47:01
207
原创 javascript关于点击事件小案例
javascript关于点击事件小案例案例展示HTML代码CSS代码JS代码案例展示1.一开始2.点中最上面的全选按钮3.随便选中下面单个按钮4.选中反选按钮HTML代码 <div class="wrap"> <table> <thead> <tr> <th> <
2021-04-06 19:36:41
437
原创 JavaScript 中的forEach()方法
JavaScript 中的forEach方法一、forEach()的定义和用法？1.第一个是数组的每一项值（必选）2.第二个是数组下标（可选）3.第三个是原数组（可选）4.forEach()第二个参数对象一、forEach()的定义和用法？1.forEach()方法用于调用数组的每个元素，并将元素传递给回调函数。2.forEach()有三个参数，第一个是function()函数，第二个是对象；3.函数里面有三个参数，第一个是数组的每一项值（必选），第二个是数组下标（可选），第三个是原数组（可选）4
2021-03-29 19:29:26
19635
2
原创 JavaScript的sort()方法
这里写自定义目录标题sort()方法sort()方法1.当sort没有参数时，按照顾字母对数组排列例如：var arr = [1, 2, 11, 0, 9];const a = arr.sort();console.log(a);//[0, 1, 11, 2, 9]2.sort中可以传递函数，用于进行定义排列规则例如： // 根据名字字符长度排序 var obj1 = { name : 'Li Hua ', age : 14,
2021-03-29 18:48:36
145
原创 JavaScript数组方法slice()
@TOC1.数组方法slice()1.当数组有两个在长度大小内的参数是，则返回从第一个参数位置的值到第二个参数前一个的值例如： var arr = ["eee", "a", "b", 1, 2, 3, 10, "abc"]; var result = arr.slice(3, 7); console.log(result);//[1, 2, 3, 10] 2.当数组的第二个参数大于数组长时，取到最后一位例如： var arr = ["eee", "a", "b", 1, 2, 3,
2021-03-21 23:37:27
995
原创 JavaScript Promise 对象的作用与用法
JavaScript Promise 对象的作用与用法Promise是什么，有什么作用Promise的创建Promise是什么，有什么作用1.promise是es6提供的对象2.解决异步问题，避免了层层嵌套的回调地狱Promise的创建1.创建一个 promise 对象、可以使用 new 一个 Promise 的构造器来进行实例化。 var pro=new Promise((resolve,reject)=>{ //进行数据处理 //处理结束后，调用resolve 或 rejec
2021-03-20 15:54:58
466
原创 es6中filter，startsWith，endsWith，repeat，padStart，padEnd
文章目录filter方法startsWith方法endsWith方法repeat方法padStart方法padEnd方法filter方法1.filter过滤返回结果为true的内容 let arr = [{ shop: '赵信', age: '22' }, { shop: '小李', age: '21' }] let result=arr.filter(dat
2021-03-02 20:45:07
440
原创 es6中includes，findIndex，Array.from方法
es6，Array.from方法Array.from方法Array.from方法1，Array.from方法将原数组“映射”成对应新数组` let arr = [1, 2, 3] let newArr = Array.from(arr, function (item) { return item * 2 }) console.log(newArr);//[2,4,6]`,Array.from方法将数组对象“映射”成对应新数组`let arr={
2021-03-02 19:46:47
123
原创 html+css3应用animation制作动画效果（跳动的熊）
html+css3应用animation制作动画效果（跳动的熊）所需素材animationxhtml,css代码所需素材素材：animationx1.是css3新增的属性，由于动画效果2.动画是使元素从一种样式逐渐变化为另一种样式的效果。3.可以改变任意多的样式任意多的次数。4.用关键词 "from"是开始 和 "to"是结束或 0%是的开始，100% 是的完成。。html,css代码/*css代码*/ <style> * { ma
2021-01-11 20:05:52
1024
2
原创 html+js写双向绑定
html+js写双向绑定效果图简单的html代码主要的js代码效果图**双向绑定：**当选中省份时会把与省份对应的市显示出来简单的html代码 <form action=""> 省份<select name="" id="s"></select> 城市<select name="" id="c"></select> </form>主要的js代码<script>
2020-12-29 20:39:05
759
原创 利用html+CSS（transition,transform,animation）完成开门关门效果
利用html+CSS（transition,transform,animation）完成开门关门效果一:效果展示二:html代码三:CSS代码一:效果展示关门效果：开门效果：二:html代码<div id="a"> <div id="a1"></div> <div id="a2"></div> </div>建立两个div存放门的图片三:CSS代码<style>
2020-12-23 14:49:36
1450
4
原创 html+css+原生js实现放大镜功能
html+css+js实现放大镜功能一.放大镜效果展示二. html代码三. CSS代码四. js代码一.放大镜效果展示1.简单的放大镜功能二. html代码1.简单的html代码就不解释了，如果有什么不懂的可以评论或者私聊我，我为你解答。 <div class="box" id="box"> <div class="small" id="small"> <img src="images/small.jpg" width=
2020-12-14 20:18:46
636
原创 html+css+javascript,用date完成，距离某一天还有多少天
html+css+javascript,用data完成，距离某一天还有多少天一. 用data完成距离某一天还有多少天二.HTML部分代码三.CSS部分四.js部分一. 用data完成距离某一天还有多少天1.图片展示注：因为不是视频，所以看不到每秒更新效果二.HTML部分代码<body><h1 class="title">距离双十二，还有</h1> <div class="time-item"> <span><s
2020-12-11 22:23:10
2200
8
原创 了解阶层
js 阶层了解阶层求阶层三种方法了解阶层阶乘是指从1乘以2乘以3乘以4一直乘到所要求的数.比如：6的阶层=65432*1求阶层三种方法一. for循环1.当运行代码时，n传5进fn函数中。2.n加入for循环中，如图所示：当i大于5时退出for循环返回sum.二.while循环1.当运行代码时，n传5进fn函数中。当n小于1时退出while循环返回sum.二.递归算法1.当运行代码时，n传5进fn函数中。2.当fn大于1时，fn函数会一直调用自身，如图所示：当n等于1
2020-12-05 18:25:19
400
原创 HTML,CSS.JS切割轮播图
切割轮播图切割轮播图效果展示制作思路分析代码解析切割轮播图效果展示切割轮播图效果展示视频链接制作思路分析一.轮播图轮播原理。例如：我所做的四面轮播图1.图片中的“1”，“2”，“3”，“4”对应的四个面分别放置一个图片。2.上下翻转此正方体盒子，就形成了四个图片的切换。3.轮播图的切割：就拿切割成两份来举例，把一张图片分别分为两半来显示，用两张一样的图片，第一张显示左半部分，另一张显示右半部分，然后拼接成一张图。代码解析第一步，创建标签：1.建两个div，一个用来储存两个ul，另
2020-12-05 16:20:07
432
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人