自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(35)
  • 收藏
  • 关注

原创 js俄罗斯方块

<!DOCTYPE html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <style> body{ margin: 0; paddi.

2020-09-03 18:58:49 192

原创 Git的常用基本命令

git init # 初始化仓库git add . # 把当前的文件夹内容提交到缓存区git commit -m ‘’ # 提交代码到本地仓库git checkout -b 分支名 # 创建一个新分支并切换过去git branch # 查看所有的分支git merge xx # 把指定的分支合并到当前分支git status # 最常用的一个命令,查看仓库当前状态git remote add origin 仓库地址 # 把本地仓库和远程仓库做关联(只能关联远程的空仓库)如果你想在已经存在的一

2020-09-03 17:32:15 156

原创 学习node.js 总结

npmnpm是nodejs的包管理工具。千万千万别再用cnpm了# npm安装插件的时候会特别慢,可以通过设置淘宝镜像来解决这个问题npm i nrm -g # 安装一个nrm模块,用来切换npm的仓库镜像地址nrm ls # 列出当前可以使用的镜像仓库地址nrm use taobao # 设置当前的安装仓库镜像地址为淘宝镜像, 此操作在一台电脑只需要设置一次就好npm中常用的命令npm init # 初始化一个node项目npm i xx # 安装依赖项npm i xx -g # 全局

2020-07-08 20:59:56 298 2

原创 vue实现todolist

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>todolist</title> <!-- Latest compiled and minif.

2020-07-08 19:10:00 198

原创 HTML5和CSS3自我学习认知基础知识

1、网页的组成、对应的语言、标准结构 表现 行为html css jsxhtml、xml css DOM、ECMAscript2、html与xhtml的区别3、<!doctype html> 声明文档类型 根元素 编码格式 网页标题 页面主体html 超文本标记语言4、html语法<标签 属性=“属性值”></标签><标签 属性=“属性值”/>5、

2020-07-06 08:53:52 427

原创 使用node.js,Bootstrap,axios实现增删改查存取数据带自写接口

index.html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>列表</title> <!-- Latest compiled and .

2020-07-01 18:49:53 575 2

原创 JS实现简单的游戏贪吃蛇

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title></head><body></body><script> // 贪吃蛇: // 键盘的方向键,控制蛇的方向,碰撞食物,实现增加长度的效果,撞到墙壁或自身,游戏结束 // 分析: .

2020-06-30 20:20:24 1261

原创 node,js的基础认识(一)

node,js淘宝镜像npm config set registry https://registry.npm.taobao.orgnpm install gulp -g //全局安装npm install gulp -D //安装本地依赖如果装SASS不下可以卸载重装npm uninstall gulp-sass -D卸载可以重装npm install gulp cnpm -g然后在cnpm install gulp-sass -Dnpm -V看版本号npm install gulp-

2020-06-29 21:09:26 212

原创 Jquery考试面试题(二)

一、单选题(共30题,每题2分)得分:2.0分1.Jq中找到指定div元素id为user错误的A$("#user")B$("#"+“user”)C$(“div[id=user]”)D$(“div[id==user]”)正确答案: D解析:元素获取得分:2.0分2.有代码 function foo(){ var a=10; return function(){ console.log(a++) } } foo()(); 运行之后,会在控制台中打

2020-06-17 11:16:01 7625

原创 Jquery考试面试题(一)

一、单选题(共30题,每题2分)得分:0.0分1.闭包的好处说法不对的A缓存变量B防止命名冲突C可能造成内存泄露D减少内存使用率正确答案: D解析:无得分:0.0分2.不能进行强制类型转化的为AparseIntBparseFloatCNumberDMath.floor正确答案: D解析:得分:0.0分3.不属于同源策略限制条件的A端口B协议C域名D网址正确答案: D解析:得分:0.0分4.alert(username);v

2020-06-17 11:13:45 3478

原创 怎样简单的测试Node.js

步骤1创建一个,第一个测试doAdd.jsfunction doAdd(a, b) { return a + b; } //对外暴露doAdd //module.exports.doAdd = doAdd; module.exports = { doAdd, };步骤2创建第二个测试doMulti.jsfunction doMulti(a, b) { return a * b; } module.exports.doMulti = doMulti;

2020-06-17 09:31:25 589

原创 Jquery实现简单的手风琴

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } img { border: none; displ.

2020-06-13 11:56:42 195

原创 jquery实现简单的树形动画

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <style type="text/css"> ul li { list-style: none; } li ul { display: none; } .min.

2020-06-13 10:33:19 238

原创 JS版本放大镜

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { m

2020-06-13 10:28:57 90

原创 Jquery实现图片轮播图(简单的)

样式<style type="text/css"> * { margin: 0; padding: 0; } ul li { list-style: none; } #main { width: 760px; height: 300px; position: relative; margin: 50px auto; } #main .pic { width: 760px; height: 3

2020-06-12 20:32:05 307 1

原创 ES6语法知识总结

重点知识this关键字以及bindlet/const变量解构箭头函数模板字符串class和继承ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言this关键字this可以用在构造函数之中,表示实例对象。除此...

2020-04-22 23:19:45 187

原创 javascript实现简单上下左右位置动画

<div id="container"> <div id="box" style="width: 200px; height: 200px;background: #00FFFF;"></div> </div></body><script t...

2020-04-16 21:24:09 414 2

原创 javascript实现简单网页滚动抽奖

Document 谁最帅? 开始 结束

2020-04-14 21:15:17 1169 1

原创 javascript简单的表格样式和计算

Document 运行如下图![在这里插入图片描述](https://img-blog.csdnimg.cn/20200414101528801.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L...

2020-04-14 10:16:05 236

原创 javascript实现九九乘法表

Document

2020-04-14 10:11:07 183

原创 javascript正则表达式

// 正则:// 正确的规则:// 字符的正则的规则,所以说,正则使用来操作字符串的 // 正则对字符串提供的三大功能: // 验证: reg.test(str) // 查询: str.search(reg) / str.match(reg) // 替换: str.replace(reg,newStr); // 注意:哪个方法...

2020-03-22 20:29:57 90 1

原创 js实现聊天对话框

Document </div> <div class="form"> <input type="text" id="txt"> <input type="button" id="btn" value="发送"> </div&g...

2020-03-22 20:18:30 2704 1

原创 js拖拽

Document

2020-03-22 20:13:51 78

原创 用JS面向对象拖拽

Document

2020-03-18 19:58:05 76

原创 jquery选择器,属性操作,样式操作

jQuery:方便操作。// 重新封装了选择器,DOM的操作,事件的绑定,ajax,动画,隐式迭代// jQuery的官方的主打思想:少些多做!写的更少,做得更多// 连缀执行: 一行代码解决所有问题// jQuery第三方封装的功能框架,要想使用jQuery,得到第三方的支持// 怎么得到支持?下载jquery的文件并引入要使用jquery的页面// console.log(jQu...

2020-03-18 19:48:40 107

原创 回调函数

编程分为两类:系统编程(system programming)和应用编程(application programming)。所谓系统编程,简单来说,就是编写库;而应用编程就是利用写好的各种库来编写具某种功用的程序,也就是应用。系统程序员会给自己写的库留下一些接口,即API(application programming interface,应用编程接口),以供应用程序员使用。所以在抽象层的图示...

2020-03-12 21:59:34 327

原创 javascript变量和运算符

变量的声明和定义var a = 10;var是关键字, a是变量名, =是赋值符号 10是值变量的命名规则变量是由数字、字母、下划线(_)和美元符号($)的一种或者几种组成,且不能以数字开头,严格区分大小写。(驼峰法则,见名知义)关键字ECMAScript描述了一组特定用途的关键字,不能用作变量名,例如:If else do while for in 等。定义变量要见名知意...

2020-03-11 22:22:34 107

原创 cookie如何使用

什么是Cookie?Cookie是Web服务器在用户访问Internet站点时传递到Web浏览器的消息。浏览器会将每条消息以名称 – 值对的形式存储在用户计算机上的一个小文件中。当用户从服务器请求另一个页面时,浏览器会将cookie发送回服务器。这些文件通常包含有关用户访问网页的信息,以及用户自愿提供的任何信息,例如:用户信息,用户首选项,密码记住选项等。使用Cookie的优点1、Cooki...

2020-03-11 21:34:02 402

原创 JavaScript学习认知简单介绍

ESCMAScript(核心)(教你如何编程)变量关键字一组特定用途的关键字:\nVar、if、else、do、while、for、in …var、let用于定义变量,使用了let定义变量不能重复,使用const定义的叫常量,定义之后不能改变保留字未来有可能成为关键字变量命名规则由数字、字母、下划线和美元符号的一种或几种组成,不能以数字开头,严格区分大小写数据类型基本(原始)数...

2020-03-10 20:41:59 160

原创 ASCII码和字符集

字符串常见API(charCodeAt\fromCharCode)(应用程序接口)charCodeAt方法返回字符串指定位置的 Unicode 码点(十进制表示),相当于String.fromCharCode()的逆操作。‘abc’.charCodeAt(1) // 98上面代码中,abc的1号位置的字符是b,它的 Unicode 码点是98。String.fromCharCode()S...

2020-03-10 20:17:51 441

原创 使用json数据创建对象

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成, JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言。JSON 语法数据使用键名/值对表示,键名是字符串,值没有限定;例如 “language”:”Java”每个数据之间由逗号分隔;使用大括号保存对象,对象可以包含若干个数据...

2020-03-08 22:32:44 781

原创 break 语句和 continue 语句

break语句和continue语句都具有跳转作用,可以让代码不按既有的顺序执行。break语句用于跳出代码块或循环。打印出来的结果是0_9.可以打断break当前的整个循环,可以节省电脑的CPU不知道循环次数,就是死循环可以配合break一起使用continue语句continue语句用于立即终止本轮循环,返回循环结构的头部,开始下一轮循环。结束满足条件的 某一次循环,完整...

2020-03-05 20:07:42 348

原创 ECMAScript 关键字 ECMAScript 保留字

ECMA-262 定义了 ECMAScript 支持的一套关键字(keyword)。这些关键字标识了 ECMAScript 语句的开头和/或结尾。根据规定,关键字是保留的,不能用作变量名或函数名。下面是 ECMAScript 关键字的完整列表:breakcasecatchcontinuedefaultdeletedoelsefinallyforfunctionifi...

2020-03-05 19:30:37 1514

原创 DOM高级-运动

1:运动原理通过连续不断的改变物体的位置,而发生移动变化。使用setInterval实现。匀速运动:速度值一直保持不变。多物体同时运动:将定时器绑设置为对象的一个属性。注:物体每次运动都应该把之前的定时器清除掉。2:边界处理遇到边界是应该停止掉还是反弹,方向相反。改变物体运动方向:将物体的速度值取反。3:加速减速加速:速度越来越快。减速:速度越来越慢。4:抛物线水...

2020-03-03 20:33:04 261

原创 JavaScript数组排序

数组的创建方式1-字面量var arr = [1, 2];//数组中有两个元素arr.length ;//获取数组的长度arr[i]获取数组中的第i个元素,i称为数组的下标或者索引,下标从0开始arr[0]//获取数组中的第一个元素arr[0] = 100;//修改数组中第一个元素的值为100构造函数方式创建数组Array是一个构造函数,可以用它生成新的数组var arr ...

2020-02-23 20:41:23 136

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除