路人葵-CSDN博客

原创原生js实现canvas粒子特效

要实现的效果当鼠标移入容器时，让鼠标作为中心点半径为80到圆内的粒子散开当粒子不在圆的范围后，粒子返回原来的位置主要代码创建初始位置 // NUM_PARTICLES是粒子总个数 for ( i = 0; i < NUM_COUNT; i++ ) { p = { vx: 0, vy: 0, x: 0, y: 0, ox: 0, oy: 0 }; // 点的当前...

2020-11-17 11:34:10 1706 1

Mongodb数据库Mongodb启动 Mongod --dbpath=E:\softwareData\db操作数据库show dbs : 可以查看当前有几个数据库(数据库必须有内容，才能显示出来) db / db.getName() : 查看当前在哪个数据库下 db.stats() : 查看db的状态 db.version() : 查看db的版本 db.getMongo() : 查看主机的名字 db.dropDatabase() : 删除当前数据库 use local...

2020-10-30 20:11:49 208

原创 node的一些基本功能和方法

node基本命令node -v 查看nodeJS版本 npm -v 查看npm版本 node -h node帮助信息 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装淘宝镜像命令行基本操作cd .. 进入目录、跳出目录上下键查看输入历史记录 tab键自动补全内容 ctrl + c 退出操作( 向后执行 ) cls...

2020-10-30 19:48:15 733

原创 vue 02品牌管理案例涉及知识点

1.数组添加- posh(item1,item2,) 在最后添加一项或多项，并返回数组的长度- unshift(item1,item2,) 在最前面添加一项或多项，并返回数组的长度2.数组删除- pop()删除最后一项并返回删除元素的值- shift（）删除最前一项并返回删除元素的值3.修改数组- splice(start,deleteCount,item1,item2,)4.数组...

2020-02-20 18:56:58 163

原创 vue03过滤器涉及知识点

1.字符串替换- replace(参数1，参数2)；– 第一个参数是需查找的字符串，可为字符串或正则表达式– 第二参数是替换字符串2. 过滤器- 过滤器可以用在两个地方 mustache插值和v-bind表达式- 过滤器调用时的格式 {{ data | 过滤器名称1(参数1，参数2，，，) } | 过滤器名称2（参数1，参数2，，，）}- 过滤器的定义语法 Vue.filter...

2020-02-20 18:53:46 171

原创 vue 走马灯效果涉及知识点

1.vue使用用法- 导入vue.js- 创建vm实例2. 定时器的用法- 创建定时器 var 变量名 = setInterval(()={},time);- 关闭定时器 clearInterval(变量名)；变量名为空；3.截取字符串方法- substring(num1,num2);两个参数中较小一个作为起始位置，较大的参数作为结束位置，参数为负数时，直接转换为0- subst...

2020-02-20 18:51:13 395

转载即使聊天（超简版）

前端：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>即时聊天</title> <style> * { margin: 0; pa...

2019-07-05 15:37:29 149

转载通过AJAX获取数据列表

前端代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>通过AJAX获取数据列表</title> <style> * { margin: 0; ...

2019-07-05 15:34:01 2613

转载验证用户名代码

前端代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>验证用户名是否存在</title> <script> window.onload = function () {...

2019-07-05 15:31:56 647

转载 ajax连接后端代码

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ajax</title> <script> window.onload = function () { var...

2019-07-05 15:29:24 537

原创九宫格拖拽交换

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>九宫格拖拽交换</title> <style> * { margin: 0; padd...

2019-06-10 16:04:27 322

原创原生js实现拖拽效果代码

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽效果</title> <style> * { margin: 0; padding...

2019-06-03 16:01:32 139

原创事件委托

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件委托</title> <style> * { margin: 0; padding...

2019-05-27 21:57:07 120

原创 css模拟下拉菜单

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css模拟下拉菜单</title> <style> * { padding: 0; m...

2019-05-27 21:56:07 631

原创模拟键盘

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>模拟键盘</title> <style> * { margin: 1px; paddi...

2019-05-27 21:55:04 159

原创鼠标跟随特效

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>鼠标跟随特效</title> <style> * { margin: 0; paddi...

2019-05-18 21:57:18 548

原创聊天对话框

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>聊天对话框</title> <style> * { margin: 0; paddin...

2019-05-18 21:48:28 402

原创选项卡

这是仿照京东写的选项卡，在很多网站也可以看见类似的界面，算是低配版的选项卡html部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选项卡</title> <link rel="style...

2019-05-16 22:15:22 188

原创搜索框获取焦点失去焦点

搜索框获取焦点 onfocus()搜索框失去焦点 onblur()搜索框值默认为羽绒服，当首次点击搜索框时搜索框值变为空，当搜索框失去焦点时，如果搜索框的值为空，则搜索框值置为‘羽绒服’，再次点击搜索框时，如果搜索框的值未改变还是羽绒服，则搜索框值置为空，否则搜索框值不改变<!DOCTYPE html><html lang="en">&l...

2019-05-15 15:26:11 1695

原创日历

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>日历</title> <style> * { padding: 0; margin: ...

2019-05-13 21:49:54 141

原创用script实现隔行变色的效果(用来练习DOM相关知识)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>隔行变色</title> <style> * { margin: 0; padding...

2019-05-13 21:13:51 486

原创回到顶部

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>回到顶部</title> <style> * { margin: 0; padding...

2019-05-13 20:05:38 136

原创访问节点样式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>访问节点样式</title> <style> #parent { border: 1px solid red;...

2019-05-10 21:57:24 122

原创如何通过classname获取DOM节点列表

function byClassName(className) { //高级浏览器 if(document.getElementsByClassName){ return document.getElementsByClassName(className); ...

2019-05-10 21:10:24 3254

原创获取浏览器窗口宽高和浏览器滚动条宽高

1、浏览器宽高document.documentElement.clientWidth;document.documentElement.clientHeihgt;2、获取浏览器滚动条宽度/高度显示的数值是页面上方滚上去的隐藏的内容的数值 var iScrollTop = document.documentElement.scrollTop...

2019-05-10 20:31:07 330

原创广告弹出框自动关闭

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>广告弹出窗（自动关闭）</title> <style> * { margin: 0; ...

2019-05-10 20:09:34 1049

原创进度条

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>进度条</title> <style> * { margin: 0; padding:...

2019-05-10 20:08:01 81

原创统计字符串中的每个字符的个数

代码如下：一共两种方法，一个用数组一个用对象，思路一样但代码长度还是有点差距的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>统计字符串中每个字符的个数</title> <script> ...

2019-05-08 20:47:08 2003 1

原创 javascript常见字符串函数

一属性：str.length长度 str.constructor字符串的创建函数二函数str.charAt(num);返回字符串在num位置的字符 str.charCodeAt(char);返回char对应的ASCII码 String.fromCharCode(num);返回ASCII码对应的字符 str.indexof(char);返回char第一次出现的对应位置 str.l...

2019-05-08 20:42:05 132

原创 ES5新添函数和数组方法

ES5新增函数方法bind方法：改变了函数内部上下文的this指向。返回值是函数。 var food = '辣条'; var shop = { food: '火腿肠' }; function eat() { console.log(this.food); } ...

2019-05-06 21:16:27 136

原创 date对象的应用和常用方法

一、date对象的基本应用1、空构造函数获取当前时间var d = new Date();console.log(d);结果如下：2、构造函数中传入毫秒值获取对应时间var a = new Date(1502088177988);console.log(a);3.可以传入日期形式的字符串var b = Date('1998-8-8 8:8:...

2019-04-27 22:18:38 880

原创数组常用方法

Array.isArray(arrayname);判断是否是数组 HTML5 toString(); valueOf(); push(); pop(); shift(); unshift(); reverse(); sort(); concat(); slice(); splice(); indexof(); lastindexof(); every(); filte...

2019-04-26 20:54:09 108

原创数组的相关知识

清空数组arr.length = null; arr = []; arr.splice(0,arr.length());二维数组的创建：1var arr = new Array(); for(var i = 0;i<3;i++){ arr[i] = new Array(); }2、var arr = [[...

2019-04-25 22:03:33 77

原创九九乘法表如何对齐

九九乘法表对齐方法就是在第二层循环中加'\t'，此方法本人只在javascript上证实过，其他语言并不清楚var str = '';for (var i = 0;i<5;i++){ for (var j = 0; j <= i; j++) { str = str + i + "*" + j + "=" + (j*i) +...

2019-04-25 20:37:09 2017

原创遍历对象和删除属性

1、遍历对象属性访问时是obj['name'] 而使用for in方法时则是obj[key]一个带单引号一个不带单引号另外此方法还可以输出方法名和方法内容，比如这里就输出f(){console.log(this.name + ':hello');} var obj = { name:'zs', age: 18, ...

2019-04-24 21:57:05 1538

原创对象的四种创建方法

1、对象自变量方法较为简便var hero = { name:'黄忠', weapon: '弓箭', equiment: ['弓箭','靴子','盔甲'], attack: function () { console.log(this.name + '：射...

2019-04-24 21:18:42 356

原创定义对象

1.定义对象var student = {name:"张飞"，age:18，sex:'男'，sayHi:function(){ //方法console.log('hello'); }}2、对象：属性和方法函数和对象的区别：函数可以封装一段代码，对象封装一组属性和方法函数和方法的区别：函数独立存在着，调用时用函数名调用，方法属于对象，调用时用对象名...

2019-04-24 20:37:00 657

原创预解析

1.变量提升，把变量的声明提升到当前作用域的最上面，不包括变量的赋值2.函数提升，把函数的声明提升到当前作用域的最上面，不包括函数的调用//在函数和变量都发生预解析时，函数优先eg:var a = 25;function abc(){ alert(a); var a = 10;}abc();结果：undafinedeg:console.log(...

2019-04-22 19:58:36 93

原创函数相关知识

1、arguments 我们可以在不确定实参个数时用arguments获取函数调用的时候的实参 argument不是数组 /!*求任意个数的最大值*!/ function getMax(){ var max=arguments[0]; for (var i = 1; i < arguments.le...

2019-04-21 21:56:24 136

原创 console常用方法

console常用方法console.log：输出普通信息console.warn：输出警示信息。console.info：输出提示性信息。console.error：输出错误信息。console.debug：输出调试信息。console.group：开始一组输出信息。console.groupEnd：结束一组输出信息。console.time：必须传入一个字段标识...

2019-04-21 16:18:20 3422

空空如也

空空如也