![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习
文章平均质量分 52
程序猿--豪
热爱学习,热爱生活,想要的就要努力去争取。
展开
-
如何返回顶部
来往下看????首先呢先计算一个下规定在500ms之内完成滚动速度 = 路程 / 时间(ms) 结果:每1ms需要走的路程速度 = 路程 / 时间 * 16.6667 结果:每16.6667需要走的路程路程:st - 1000 时间:500var v = (st - 200) / 500 * 16.6667; // 速度 每16.6667ms需要走的距离<!DOCTYPE html><html lang="en"><head>原创 2021-09-15 09:52:47 · 213 阅读 · 0 评论 -
JavaScript 数组遍历的方法
*1.Array.forEach()循环顺序:按数组从左到右依次循环 循环次数:数组本身的长度循环顺序:按数组从左到右依次循环 循环次数:数组本身的长度value数组中的每一项 index数组中每一项所对应的索引 array数组本身(当数组arr发生变化时,array也会发生变化)var arr = [2, 5, 6, 4, 9, 64, 45, 485, 75, 15, 753, 856, 553] arr.forEach(function(value, index, array原创 2021-07-17 22:38:22 · 490 阅读 · 2 评论 -
带你彻底了解回调函数
代码展示var obj = {a: 1,b: ‘2’,forEach: function(f1) {f1(1, 2, [1, 2])}}function f(item, index, array) {console.log(11111111111);console.log(item, index, array);}obj.forEach(f)下面赋上图片原创 2021-07-16 12:20:21 · 171 阅读 · 1 评论 -
node.js的安装以及脚手架
1 node安装win+R :node -v :node版本号npm -v:npm版本号下载功能模块的工具 迅雷,采用的外国服务器,也就是npm下载的资源都是从国外下载,导致速度比较慢修改npm下载源,改为淘宝镜像下载源 npm install -g cnpm --registry=https://registry.npm.taobao.orgcd C:\Users\机械革命\Desktop\node 进入这个文件夹npm init —改成nodejs项目npm init -y 一直回车原创 2021-07-12 23:39:13 · 406 阅读 · 0 评论 -
MongoDB安装以及学习资源
MongoDB安装以及学习资源MongoDB参考资料菜鸟教程http://www.runoob.com/mongodb/mongodb-tutorial.html非常简单,适合入门官方网站https://www.mongodb.com/官方文档https://docs.mongodb.com/下载地址https://www.mongodb.com/download-center?jmp=nav#communityMongoDB 是一个基于分布式文件存储的数据库安装MongoDB:1原创 2021-07-12 23:34:36 · 75 阅读 · 0 评论 -
教你快速轻松的使用git库
首先打开cmdgit config --global user.email “你的邮箱地址”git config --global user.name "你的姓名"1、在项目根目录里面输入cmd --》 回车2、git init 初始化仓库3、git add . 添加文件4、git commit -m 提交信息 将文件提交到初始化的仓库里面git log 查看提交历史版本git ls-files 查看缓存区文件git reset --hard 版本的id原创 2021-07-12 23:29:59 · 155 阅读 · 0 评论 -
你绝对用的着的“前端笔试题”。
1.请写出你知道的所有display属性默认为inline-block的元素。答:img input button selsect2.HTML布局中,怎么,怎么实现子元素在父元素中水平、垂直都居中?怎么实现元素的内容在自身中水平、垂直都剧中?请尽可能写出多种方法。position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;1-父子元素进行定位,对子元素绝对定位,子元素marg原创 2021-06-15 22:42:27 · 100 阅读 · 0 评论 -
小程序史诗级面试题
1, 小程序页面有哪些生命周期函数onLoad: 页面加载onReady: 页面初次渲染完成onShow: 页面显示onHide: 页面隐藏onUnload: 页面卸载2, 一个小程序页面有哪些文件组成,分别有什么作用.wxml: 使用微信框架设计的一套组件构建页面结构.wxss: 用于设置页面样式, 和css基本一致.js : 设置页面数据与逻辑.json: 页面的配置信息3, 小程序中rpx和px有什么不同px是固定单位, 指的是物理像素, 小程序样式不建议使用px,而建议原创 2021-06-09 23:49:20 · 248 阅读 · 0 评论 -
VUE史诗级面试题
1.列举一下Vue组件生命周期函数,什么时候需要在destroyed中写代码?1 beforeCreate: 可以发请求,但是不能赋值给data里面的数据 科瑞特2 created 发请求 初始渲染的工作在此处执行 亏诶特得3 beforeMount 虚拟DOM生成 ,数据未挂载 ·1mounted 虚拟DOM解析。数据已经挂载 进行获取DOM元素 毛武特5 beforeupdate 数据更新之前调用6 updated 数据更新之后调用7 beforedestroy 在销毁之前调用原创 2021-06-09 23:45:34 · 402 阅读 · 0 评论 -
html+css史诗级面试题
1.什么叫优雅降级和渐进增强?都是解决网站对于老旧版本浏览器的兼容问题。优雅降级:Web站点在所有新式浏览器中都能正常工作,如果用户使用的是老式浏览器,则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题,针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案,使之在旧式浏览器上以某种形式降级体验却不至于完全失效。渐进增强:从被所有浏览器支持的基本功能开始,逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的。当浏览器支持.原创 2021-06-09 23:36:06 · 157 阅读 · 0 评论 -
js史诗级的面试题
**1, Js数据类型有哪些?**数值、字符串、布尔、undefined、null、数组、对象、函数2.Js函数中的this有哪些指向?怎样改变函数中this的指向。一般情况下,通过谁调用,就指向谁。在js全局作用域, this一般指向window在对象中,this一般指向这个对象本身构造函数中,this是正在创建的对象。在事件函数中,this指向事件目标(注意: 在计时器中this会被还原成window或置空,但箭头函数可以保留this指向)可用通过call(), apply(),原创 2021-06-09 23:29:10 · 86 阅读 · 0 评论 -
vue常用的生命周期函数
vue常用的生命周期函数 beforeCreate() { // 能不能在beforeCreate发起请求?能发起请求,但是不能赋值给data里面的数据 // 组件的生命周期函数也可以称为钩子函数,但是导航钩子函数是另一个概念 console.log("1 beforeCreate在执行时,组件对象创建了,data选项没有初始化,渲染的虚拟DOM也没生成,数据也没有挂载") console.log(this,th原创 2021-04-15 23:49:37 · 576 阅读 · 1 评论 -
一个简单的拼图游戏
/* 1. 开始游戏时把图片打乱 2. 按下方向键,让图交换位置 3. 判断是否完成游戏(类名的顺序num1-num9,把空白去除)*/// 获取开始游戏按钮var btnStart = document.querySelector('#btnStart');// 获取重新游戏按钮var btnReset = document.querySelector("#btnReset");// 获取所有的图片var items = document.querySelecto.原创 2021-01-26 23:35:42 · 304 阅读 · 1 评论 -
关于正则表达式符号的用法
[]表示一个范围,可以是数字范围也可以是字母范围 -中线 表示至或者是到// *表示0个或者是多个 ?表示0个或1个 +表示一个或多个(两个以上)[0-9]匹配0-9之间的单个数字 其中[]表示范围[a-z]匹配a-z之间的单个字母[A-Z]匹配A-Z之间的单个字母+匹配1个或多个字符?匹配0个或一个字符*匹配0个或多个字符^匹配以xxx字符开头,特别注意在[]中使用表示取反操作$匹配以xxx字符结尾{}匹配的字符串的长度 {2,6} 相当于str.length >=2 &a原创 2021-01-21 22:38:54 · 366 阅读 · 0 评论 -
做一个真正合格的程序员,应该具有的素质。
作一个真正合格的程序员,应该具有的素质。1:团队精神和协作能力团队精神和协作能力是作为一个程序员应具备的最基本的素质。软件工程已经提了将近三十年了,当今的软件开发已经不是编程了,而是工程。独行侠可以写一些程序也能赚钱发财,但是进入研发团队,从事商业化和产品化的开发任务,就必须具备这种素质。可以毫不夸张的说这种素质是一个程序员乃至一个团队的安身立命之本。2:文档习惯文档是一个软件系统的生命力。一个公司的产品再好、技术含量再高,如果没有缺乏文档,知识就没有继承,公司还是一个来料加工的软件作坊。作为代码程原创 2021-01-14 23:23:25 · 2149 阅读 · 0 评论 -
一款好玩的经典游戏-五子棋
<!DOCTYPE html><html><head><title>HTML5双人五子棋小游戏</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"><style> html,bod.原创 2021-01-10 17:49:51 · 327 阅读 · 0 评论 -
了解一下拖拽事件
整个过程,需要经历以下三个事件: // 1. dragstart 拖拽开始 // 2. dragover 拖拽中 // 3. drop 放下拖拽的元素1.拖拽开始【拖拽的元素 img,监听dragstart事件】:img.addEventListener(“dragstart”, function (e) {// (1)开始拖拽时,把拖拽元素的数据信息存储起来。// 存储数据的目的是为了,让容器能够接收到img// 使用 dataTransfer 进行数据传输e.dataTran.原创 2021-01-10 15:55:53 · 419 阅读 · 0 评论 -
数组遍历(迭代)的方法
forEach(),与for循环类似: var arr8 = ["a", "b", "c", "d", "e", "f"]; arr8.forEach(function (value, index, array) { // value: 指的是 数组中的元素 // index: 指的是 元素对应的索引号 // array:指的是 arr8 console.log(value); // console.lo原创 2020-12-27 19:25:35 · 340 阅读 · 2 评论 -
带你了解数组中的接口(API)
1. Array.from(likeArr) 将类数组转换为 真正的数组: var str = "hello"; console.log(str.length); console.log(str[0]); var arr_str = Array.from(str); console.log(arr_str); console.log(arr_str instanceof Array); // Array.from(参数1,原创 2020-12-27 19:20:07 · 553 阅读 · 0 评论 -
万物皆对象
Math对象1、 PI属性 获取到圆周率:// Math对象是js中的一个内置对象,他提供了一些数学相关的属性和方法。console.log(Math.PI);2.向下取整 floor: console.log(Math.floor(2.999)); //2 console.log(Math.floor(-2.9999)); //-33.向上取整 ceil: console.log(Math.ceil(2.0001)); //3 console.log(Math.ceil(-2.原创 2020-12-27 18:54:33 · 133 阅读 · 0 评论 -
遍例数组使用跟方法
前言1,for循环遍历数组; 2,forEach() ;3.map()4,filter() 5,some()一、forEach()方法使用?代码如下(示例):var x=[1,2,3,45,6,8,6,41]x.forEach(function (value,index,array){ //value:代表数组的元素 //index:元素对应的索引号 //array:值得是数组名; 以上这些都是可自己命名。})二、map()映射方法?代码如下(示例):map(原创 2020-12-26 11:22:27 · 246 阅读 · 0 评论 -
字符串常用API
1.toLowerCase() toUpperCase() 转换大小写,返回新的字符串 var str1 = "Hello World"; console.log(str1.toLowerCase()); console.log(str1.toUpperCase());2.charAt(index) 根据索引获取字符串中的某一个字符 console.log(str1.charAt(1));3.charCodeAt(index)根据索引获取字符串中的某一个字符的ASCI原创 2020-12-23 22:07:52 · 477 阅读 · 0 评论 -
这个键盘想要吗?
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>JS彩色笔记本键盘按键特效</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body> .原创 2020-12-21 23:34:32 · 235 阅读 · 3 评论 -
简单的判断一个数是否为质数
1质数(prime number)又称素数,有无限个。一个大于1的自然数,除了1和它本身外,不能被其他自然数整除,换句话说就是该数除了1和它本身以外不再有其他的因数;否则称为合数。2根据算术基本定理,每一个比1大的整数,要么本身是一个质数,要么可以写成一系列质数的乘积;而且如果不考虑这些质数在乘积中的顺序,那么写出来的形式是唯一的。最小的质数是2。var a = prompt(‘输入一个数’) - 0;function lyh() {if (a % 2 != 0) {if ((a % 3 != 0原创 2020-12-17 22:45:20 · 277 阅读 · 1 评论