- 博客(49)
- 收藏
- 关注
原创 小程序流程
1.创建项目并初始化3.配置4.json-server 基于nodejs开发出来的三方产品npm install -g json-server 安装json-server --watch db.json --port 5000 启动5.loading框 6.7.8.9.
2022-07-02 09:36:17
132
原创 react 租房项目
1.介绍2.部署本地数据库3.引入组件库 antd-mobilenpm install --save antd-mobile-v24.安装路由npm i react-router-dom@55.6.7.8.
2022-06-19 23:33:05
110
原创 后台管理系统项目-上
1,安装脚手架npm i -g create-react-app(全局安装)2.给项目自定义一个名字 create-react-app my-react3.npm start4.初始化项目5.安装npm i --save sass6.安装axios npm i --save axios
2022-06-15 12:31:50
64
原创 尚品汇项目实战
1.vue-cli脚手架初始化项目node+webpack+淘宝镜像淘宝镜像:npm config set registry=https://registry.npm.taobao.org替换npm仓库地址为淘宝镜像地址(推荐) 命令:npm config set registry https://registry.npm.taobao.org, 查看是否更改成功:npm config get registry,以后安装时,依然用npm命令,但是实际是从淘宝国内服务器下载的 3.代码快捷片段扩展里面搜索v
2022-05-31 11:13:05
73
原创 动画函数的使用
function animate(obj,target,callback){ //先清除以前的定时器,只保留当前的一个定时器执行clearInterval(obj.timer);obj.timer = setInterval(function(){ // 步长值写到定时器的里面 // 把我们步长值改为整数 不要出现小数的问题 // var step =Math.ceil(target - obj.offsetLeft) /10; var step = (target -.
2022-05-30 16:10:05
80
原创 创建react脚手架
--------------------------------------------------------------------------------------------------
2022-05-30 16:04:44
346
原创 vue后台管理项目
1.首先打开官网下载node.js Node.js 中文网 找到对应版本进行下载2.下载完成 打开终端输入node-v 查看对应的版本 (也可以在cmd上面打印对应的版本 查看是否安装成功)3.输入npm-v可以查看npm包是否安装成功4.可以安装cnpm(由阿里所创建)替代npm(因为npm下载速度慢)5.在终端输入 $ npm install -g cnpm --registry=https://registry.npmmirror.com 执行完成之后 ...
2022-05-29 15:25:22
656
原创 动画函数的使用
animate.jsfunction animate(obj,target,callback){ //先清除以前的定时器,只保留当前的一个定时器执行clearInterval(obj.timer);obj.timer = setInterval(function(){ // 步长值写到定时器的里面 // 把我们步长值改为整数 不要出现小数的问题 // var step =Math.ceil(target - obj.offsetLeft) /10; var step
2022-05-22 15:34:21
248
原创 简单动画函数封装——PC端网页特效
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2022-05-22 14:20:26
77
原创 5秒之后跳转页面
<body> <button>点击</button> <div></div> <script> var btn = document.querySelector('button'); var div = document.querySelector('div'); btn.addEventListener('click',function(){ .
2022-05-19 15:08:55
352
原创 发送短信案例
<body> 手机号码:<input type="number"> <button>发送</button> <script> // 按钮点击之后,会禁用disabled 为true // 同时按钮里面的内容会变化 注意button里面的内容通过innerHTML修改 // 里面的秒数是有变化的,因此需要用到定时器 // 定义一个变量 在定时器里面,不断递减 ..
2022-05-18 23:11:21
82
原创 动态生成表格案例
<style> table{ width: 500px; margin: 100px auto; border-collapse: collapse; text-align: center; } td, th{ border: 1px solid #333; } th...
2022-05-16 22:44:17
122
原创 【排他思想】
<body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script> // 1.获取所有按钮元素 var btn.
2022-05-15 13:40:51
50
原创 显示隐藏文本框内容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2022-05-15 12:13:06
40
原创 显示隐藏文本框内容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2022-05-15 12:09:11
57
原创 查找字符串中某个字符出现的次数及位置
<script> // 查找字符串“hjkdsncbasqbqhsqgqjq”中的所有q出现的位置以及次数 // 核心算法:先查找第一个q出现的位置 // 然后 只要indexof 返回的结果不是-1 就继续往后查找 // 因为indexof 只能查找到第一个,所以后面的查找,一定是当前索引加1,然后继续查找 var str = 'hjkdsncbasqbqhsqgqjq'; var index .
2022-05-14 15:08:33
2244
原创 数组去重——JavaScript
<script> // 1.数组去重['a','f','a','f','g','r','h','h']去除数组中重复的元素 // 2.目标:把旧数组里面不重复元素选取出来放到新数组中,重复的元素只保留一个,放到新数组中去重 // 3.核心算法:遍历旧数组 然后拿着旧数组元素去查询新数组 如果该元素在新数组里面没有出现过, // 就添加,否则就不添加 // 4.利用新数组.indexOf(数组元素)如果返回时 -1 就说明 新数组里面没有该元素 .
2022-05-14 00:32:18
180
原创 仿活动 时-分-秒 倒计时效果
function countDown(time){ var nowTime = +new Date(); //返回的是当前时间总的秒数 var inputTime = +new Date(time); //返回的是用户输入时间总的毫秒数 var times = (inputTime - nowTime)/1000; //time 是剩余时间总的秒数 var d = parseInt(tim...
2022-05-13 22:44:48
82
原创 Date日期——格式化日期时分秒
// 格式化日期 时分秒 var date = new Date(); console.log(date.getHours()); //时 console.log(date.getMinutes()); //分 console.log(date.getSeconds()); //秒 <script> // 封装一个函数返回当前的时分秒 function getTime()...
2022-05-13 15:27:38
2709
原创 Math对象——猜数字游戏
猜数字游戏1.随机生成一个1-10的整数 我们需要用到 Math.random()方法2.需要一直猜到正确为止,所以需要一直循环3.while 循环更简单4.核心算法: 使用 if else if 多分支语句来判断大于 小于 等于 function getRandom(min,max){ return Math.floor(Math.random()*(max-min+1))+min; } v
2022-05-13 13:29:37
874
原创 Math对象——利用Math.random()对象实现随机点名
< <script> // 1.Math对象随机数方法 random()返回一个随机的小数 0 =< x < 1 // 2.我们想要得到两个数之间的随机整数 并且 包含这2个整数 // Math.floor(Math.random()*(max-min+1))+min; function getRandom(min,max){ return Math.floor(Math.ran.
2022-05-13 13:07:34
832
原创 冒泡排序-js
<script> var arr = [2,4,5,1,3]; for(var i = 0; i <= arr.length - 1;i++){ //外层循环管趟数 for(var j = 0; j <= arr.length - i - 1; j++){ //里面的循环管每一趟的交换次数 if(arr[j] < arr[j+1]){ var te..
2022-05-10 22:59:47
53
原创 [ 翻转数组 ]
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2022-05-10 21:14:34
105
原创 数组去重(删除数组指定元素)
var arr =[2,3,56,78,5,34,0,35,0]; var newArr = []; for(var i = 0;i < arr.length; i++){ if(arr[i] != 0){ newArr[newArr.length] = arr[i] } } console.log(newArr);
2022-05-10 20:45:52
89
原创 数组 { 求数组中的最大值Max }
1.求数组[2,4,6,7,90,34,45]中的最大值2.声明一个保存最大元素的变量max3.默认最大值可以取数组中的第一个元素4.遍历这个数组,把里面每个数组元素和max相比较5.如果这个数组元素大于max 就把这个数组元素存到max里面,否则继续下一轮比较最后输出这个max var arr = [2,4,6,7,90,34,45]; var max = arr[0]; for(var i = 1; i < arr.lengt
2022-05-10 12:46:28
1896
原创 ★ 打印倒三角形案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2022-05-09 23:42:01
159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人