- 博客(29)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 常用的配置命令
vw和px的转换 用量取的距离除以设计图的宽度XMLHttpRequest的兼容var request;if(Windows.XMLHttpRequest){ request=new XMLHttpRequest();}else{ request=new ActiveXObject("Microsoft.XMLHTTP"); //IE 5,IE6}npm测试：npm -v初始化项目：npm init -y 会产生一个package.json文件安装模块：npm
2021-09-02 14:19:51
132
原创 lottie在前端引用
以在vue中使用为例一、下载lottienpm i vue-lottie -S二、在main.js中引入vue-lottieimport lottie from 'vue-lottie'Vue.component('lottie',lottie)三、在组件中注册使用1、引入jsonimport * as animationData from '@/assets/lottie/data.json'2、使用组件<lottie :options="defaultOptions" v
2021-09-02 14:14:27
1226
原创 苹果手机和安卓手机分享的区别
在做钉钉或微信分享的时候如果需要打开分享页面实时获取数据就需要在地址栏中拼接id，然后在页面初始时获取id发送后端获取数据，但是由于在电脑上无法实现分享，或者自己拼接本地地址，所以基本都是靠猜测，所以刚开始我是这样截取id的 let url = window.location.href let obj = {id:url.split("=")[1]}但是这样截取的地址在安卓手机上面可以，但是苹果手机上面就会出错，截取到的会有其他东西，所以需要优化function getQueryS
2020-11-11 10:22:55
577
1
原创 常用的前端配置命令
npm测试：npm -v初始化项目：npm init -y 会产生一个package.json文件安装模块：npm i 模块名@版本号(版本号可以不写，不写默认为最新版本) 参数参数：-g(全局安装) --save-dev(本地安装) --save(本地安装（开发依赖）)删除模块：npm uninstall 模块名 参数清除缓存：npm cache clear -fnrm安装：npm install nrm -g查看版本号：nrm --version查看镜像列表：nrm l
2020-07-06 20:33:58
1397
原创 vue项目前端解决跨域
前端在请求后端接口的时候经常会遇到跨域问题，导致无法请求到后端接口，如果你的后端在开发阶段不给你解决时，便要自己解决首先在项目文件夹的根目录下，创建一个文件vue.config.js然后将这段代码复制便可以解决跨域问题了module.exports ={ devServer:{ proxy: { '/api': { target: 'http://localhost:4000/', //对应自己的接口
2020-07-06 20:31:39
249
原创 原生JavaScript的拖拽
#box2{ width: 100px; height: 100px; background: red; position: absolute; left: 0; top: 0;}HTML代码<div id="box2"></div>JavaScript代码 var box2 = document.getElementById("box2"); var clientW = document.documentElement.clientWidth
2020-06-11 17:38:58
116
原创 一串跟随鼠标移动的元素（类似丝带，当棍子挥动时，丝带跟随棍子）
#box8 div{ width: 10px; height: 10px; background: blue; position: absolute; }HTML代码 <div id="box8"> <div></div> <div></div> <div&...
2020-06-11 17:36:26
251
原创 简易版聊天对话框
#box2{ width: 400px; height: 500px; border: solid 1px black; margin: 20px auto; } .msg{ height: 400px; border-bottom: solid 1px black; overflow: auto;
2020-06-11 17:30:07
402
原创 跟随鼠标的提示框
CSS样式 *{margin: 0;} div{ width: 300px; margin: 50px auto; position: relative; } h1{ background-color: cyan; text-align: center; line-height: 50px; } p{
2020-06-11 15:58:59
213
原创 关于JavaScript的一些练习题（十六）
第七十三题：按钮的动态交互 ele[0].checked img.setAttribute("src","../img/dog.jpg"); //尽可能HTML代码 <input type="button" id="btn1" value="彼岸花"> <input type="button" id="btn2" value="海棠花"><br><br> <img src="https://ss1.bdstati
2020-06-06 14:18:05
288
原创 关于JavaScript的一些练习题（十五）
第六十八题：倒计时HTML代码<div id="box"></div>JavaScript代码 var oBox = document.getElementById("box") var a = 10; var time = setInterval(() => { box.innerHTML = "" if(a === 0){ clearInterval(time) }
2020-05-28 10:51:20
670
原创 关于JavaScript的一些练习题（十四）
第五十八题：冒泡排序 var arr = [2,3,8,7,6,5,2,3,8,9,8,7]; var t=0; for(var i=0;i<arr.length-1;i++){ for(var j=0;j<arr.length-1;j++){ if(arr[j]>arr[j+1]){ t=arr[j]; arr[j]=arr[j+1];
2020-05-25 09:10:20
1327
原创 关于JavaScript的一些练习题（十三）
第五十题：编写函数，输入n，n为偶数时调用函数求1/2+1/4+。。。1/n n为奇数时调用函数求1/1+1/3+。。。1/n function fn(n){ if(n%2===0){ var sum = 0; for(var i=2;i<=n;i=i+2){ sum += 1/i } console.l
2020-05-23 08:57:44
409
原创 关于JavaScript的一些练习题（十二）
第四十二题：用一个函数实现加减乘除求余 HTML代码 <input type="text" id="num1"> <select id="bol"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> &
2020-05-22 14:01:31
440
原创 关于JavaScript的一些练习题（十一）
第三十一题：求1!+2!+3!+…+10!的值 var sum = 0; for(var i=1;i<=10;i++){ var s=1; for(var j=1;j<=i;j++){ s = s*j; } sum =sum + s } console.log(sum)第三十二题：求2/1,3/2,5/3,8/5,13/8,21/13,... 前20项之和。 v
2020-05-21 17:42:51
291
原创 关于JavaScript的一些练习题（八，九，十）
第二十二题：输入两门课的成绩，如果两门成绩都在60分以上。则输出“it is pass.”只要有一门低于60分就输出“it is not pass.”如果输入的任何一门成绩不在0-100范围内则输出“it is error.”。 var c = 700; var m = 64; if(c>=60&&m>=60&&c<=100&&m<=100){ console.log("it is pass")
2020-05-19 16:42:34
239
原创 关于JavaScript的一些练习题（七）
第十九题：输入1个四位数，求各位数字的平方和。 例如：输入 1234，输出30。 var n = 1234; var s=0; var a,b,c,d; a=parseInt(n/1000); b=parseInt(n/100)%10; c=parseInt(n/10)%10; d=n%10; s = a*a+b*b+c*c+d*d; console.log(s)第二十题：铁路托运行李规定：行李重不超过50公斤的，托运费按每公
2020-05-19 10:56:19
284
原创 关于JavaScript的一些练习题（六）
第十六题编程实现以下功能：读入两个运算数（data1和data2）及一个运算符（op），计算表达式data1 op data2的值，其中op可为+，-，*，/。 var data1=3; var data2=4; var n=0; var op="*"; switch(op){ case "+": n=data1+data2; break; case "-": n
2020-05-18 08:41:27
1084
原创 关于JavaScript的一些练习题（五）
第十三题：开发一款软件，根据公式（身高-108）*2=体重，可以有10斤左右的浮动。来观察测试者体重是否合适提示：输入身高(厘米)算体重(斤)，然后判断算出的体重和输入的体重差值在正负10斤以内,可使用Math.abs () var h=156; var t=100; var s = (h-108)*2 if(s+10>=t&&s-10<=t){ console.log("你的体重达标") }else{ c
2020-05-16 17:50:51
713
原创 关于JavaScript的一些练习题（四）
第十题：输入一个整数，判断大于0小于0还是等于0 var n = 4; if(n>0){ console.log(n+"大于0"); }else if(n=0){ console.log(n+"等于0"); }else{ console.log(n+"小于0") }第十一题：输入一个数判断是奇数还是偶数，并输出结果 var n=3; if(n%2===0){ console.l
2020-05-16 10:32:23
222
原创 关于JavaScript的一些练习题（三）
第七题：根据日期，判断这个日期是这一年的第几天。 (使用switch 穿透编写)例如： 2016，02，11，计算后结果为42 var n=2016; var y=2; var d=11; var s=0; switch(y){ case 12: s=s+30; case 11: s=s+30; case 10: s=s+30; case
2020-05-15 11:45:24
308
原创 JavaScript的一些练习题（二）
第四题：设90度的角度，转成弧度是多少？角度转弧度公式：pai/180 * deg var deg = 90; var rad ; var pai = 3.1415; rad = parseInt(pai/180*deg) console.log("转成弧度是" + rad)第五题：判断一个年份是不是闰年 var n = 2021; if(n%4===0&&n%100!==0||n%400===0){ cons
2020-05-14 14:28:22
194
1
原创 关于JavaScript的一些练习题
第一题：为抵抗洪水，战士连续作战89小时，编程计算共多少天零多少小时？ var t = 89; var s; var l; s = parseInt(89 / 24) l = 89%24 console.log("共"+s+"天零"+l+"小时")第二题：编程将华氏温度（80度）转换为摄氏度，并以华氏度和摄氏度为单位分别显示该温度。提示：摄氏度与芈氏度的转换公式为：摄氏度 = 5/9.0*(华氏度-32)，保留3位小数 var h = 80;
2020-05-13 15:12:37
440
原创 详解jQuery动画
内置动画：(1) 当前这一波动画效果为：显示或隐藏固定的，只能显示，或隐藏，而且，方向不可改变，大小不可改变，除了运动时间，什么都不能改隐藏：.hide()HTML代码 <input type="button" id="btn1" value="隐藏">JS代码 $("#btn1").click(function(){ $("#box6")....
2020-03-25 09:22:31
117
原创 Javascript中_==_和_===_的区别
：相等运算符=：严格运算符区别：相等运算符，只要等号两边的值相等，结果就为true严格运算符，不仅要等号两边的值相等，并且等号两边的数据类型也相等，结果才为true，否则为false例：JS代码如下：双等号：100 == “100” ...
2020-03-09 21:32:21
142
原创 论JS函数传参时:值传递与引用传递的区别
一、JS传参时的基本类型Js传参时共有两种类型：1，值传递；2，引用传递。function fn(num){for(var i=0;i<20;i++){num += 10;}return num;}// var a = 2;// console.log(fn(a)); // 202console.log(fn(2)); //202从上面的代码可以看出，代码执行...
2020-02-21 22:05:08
173
空空如也
淘宝小程序跳转直播间
2022-08-17
淘宝直播链接开播之后会变吗
2022-08-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人