- 博客(18)
- 收藏
- 关注
原创 项目如何引入eslint、配置、vscode格式化配置
一、eslint安装配置起初的安装按照官网提示操作即可:1.安装npm install eslint --save-devnpx eslint --init 按顺序安装和引入eslint即可,你会在外层发现一个.eslintrc.js文件2.引入airbnbnpm i eslint-config-airbnb -S这里我引用的是airbnb,当然你也可以根据需要引入其他eslint配置3.设置相关eslint配置:module.exports = { env: { bro
2021-12-16 10:42:41
623
原创 Error: ENOENT: no such file or directory, open ‘./favicon.ico‘
我这里的原因是因为读取文件时用了同步readFileSync,所以读的过程要用try catch.而不能直接读,或者if判断来读
2020-12-03 12:03:59
1135
原创 npm版本符号的四种形式区别
node package versions13.4.6major: 13, minor: 4, patch: 6npm 版本符号^ : 锁定major~ : 锁定minor空 : 锁定patch: 最新版本
2020-12-01 09:35:09
712
原创 JS__视频弹幕(观察者模式)
用观察者模式,写了一个视频弹幕小功能,有需要了解观察者模式可以看一下通过一个固定,只读的实例化对象.来控制每一条实例化对象弹幕HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
2020-11-21 18:59:02
128
原创 三级级联菜单(面向对象,,函数式编程,node,ajax,前后端数据交互)
三级联动效果,最终实现结果如下:当点击河北切换省份,会产生联动,自动更新市级和县级, 当更新市级时,会自动更新县级 页面下拉菜单产生变化时,会触发事件,从而通过AJAX向服务器请求相关联的数据,获取到关联数据后,发送给前端,在不跳转页面的情况下,更新页面数据. js中将每一块功能基本都提取了出来,放在不同的函数中分离调用执行. 每一块代码实现的功能都做了注释,函数式编程的好处大家都懂.具体代码如下:HTML代码此处我直接将form,select写到了页面中, 并未更改至js文件中.可以
2020-11-15 00:28:09
292
原创 js中各种情况下this指向问题总结___全面总结(无举例)
1.this指向undefinedES6的严格模式中,如果调用函数中的this 或者 顶层的this (就是最外层的this,相当于script中最近一层的this),将会被指向undefined2.this指向window(1)非严格模式中,函数或者顶层中调用this,会被指向window(2)回调函数中,默认this的指向是window(3)当时用call,apply,bind时,如果带入的第一个参数时null或undefined时,this会被默认指向window3.this指向上下文
2020-11-13 19:32:52
304
1
原创 获取officewidth,height;clientwidth,height scrollwidth,height.......等,结果为0的原因
officewidth,height;clientwidth,height scrollwidth,height 等 这类属性只有在渲染完成后,生成DOM树才能获取到值,如果没渲染就获取,值始终为0注意:内联元素 如span等 , 没有这些值;解决方法: 调整 获取这类值的代码 的执行顺序,将其放在页面渲染完成后执行!...
2020-11-13 19:29:20
494
原创 js_获取不到Promise,为undefined的原因:
代码不能等待异步完成后返回,而是函数同步执行完成的返回 async function loadImage(src){ var img=new Image(); img.src=src; img.onload=function(){ return img;//这里不能返回img,因为load是异步,需要等待一段时间 } //return undefined;
2020-11-13 19:26:57
1723
原创 javaScript中20种字符串方法的简单整理
1.concat 连接字符串 返回新字符串原字符串不变连接数组时,将数组转换为字符串str.concat([“aaa”,“bbb”]str.concat(“aaa”,“bbb”)2.replace 替换 (可正则) 返回新字符串原字符串不变两个参数都是必须的,第一个是要替换的字符串或正则表达式第二个参数是一个字符,也可以是一个函数var str=“abcdef”;var str=“abcdecf”;var str1=str.replace(“c”,“z”);con
2020-11-13 19:24:50
86
原创 运动-----打砖块小游戏(原生JS面向对象)
通过面向对象,通过修改对JS的调用次数可直接设置打砖块游戏的个数小球的反弹速度以及反弹方向都设置了随机值,当小球与砖块发生碰撞时,会使砖块display属性设置为none,从而达到消失的效果.HTML代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
2020-11-09 14:18:26
164
原创 购物评价五星好评功能(JS面向对象+cookie保存数据)
案例实现的是购物评价中五星点评功能.通过JS面向对象方法实现,利用cookie实现历史点评保存的功能,在下一次打开页面仍保存上一次点评效果.具体html,js代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&
2020-11-01 22:37:58
435
原创 滚轮事件兼容写法(鼠标滚轮+触摸板)
document.addEventListener("mousewheel",wheelHandler); document.addEventListener("DOMMouseScroll",wheelHandler) // 谷歌 // deltaMode: 0 // deltaX: -0 // deltaY: 125 向下 // deltaZ: 0 // detail: 0
2020-10-20 20:07:25
564
原创 利用基础JS写简单计算器(适合JS新手练习条件和循环语句)
首先你要有一个思路,然后读一遍我的代码,尝试理解我的思路,然后自己试着写一遍.希望对刚接触JS的你有所帮助.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
2020-10-06 22:23:15
396
原创 三目运算符(通过三元运算符,进一步了解返回值与赋值的顺序)
三目运算符(通过三元运算符,进一步了解返回值与赋值的顺序)最近刚入门前端的朋友问了我这样一个问题,挺有趣,和刚接触JS的朋友分享一下,希望能有帮助:var a = 1;var b = a -= 0 ? a += 1 : a += 2;console.log(b);应该有不少新朋友认为b的值为什么不是0? a += 2 返回值是3,a-=3,不就是3 -= 3,不就是等于0, b = 0了吗?欧,那一定是你对于返回值与赋值的顺序没有了解清楚: 先返回值然后再赋值!比如我在这里:var a;v
2020-10-06 17:08:26
727
原创 oracle中查找某一个时间段内的数据
Select * from a where date between to_date(‘2018-1-1’, ‘yyyy-mm-dd’) and to_date(‘2018-8-1’,‘yyyy-mm-dd’)查询结果1)select * from tableName t where start_times > to_date(‘2015/6/26 10:00:00’,‘yyyy/mm...
2019-06-11 09:49:04
15210
1
转载 left join(左关联)、right join(右关联)、inner join(自关联)的区别 ||| 左关联用法
用一张图说明三者的区别:总结:left join(左联接) 返回包括左表中的所有记录和右表中关联字段相等的记录right join(右联接) 返回包括右表中的所有记录和左表中关联字段相等的记录inner join(等值连接) 只返回两个表中关联字段相等的行举例如下:表A记录如下:aID aArea1 北京2 上海3 广州4 深圳...
2019-06-11 09:44:22
1437
1
转载 死锁解决
死锁查找死锁进程select t2.username,t2.sid,t2.serial#,t2.logon_timefrom vlockedobjectt1,vlocked_object t1,vlockedobjectt1,vsession t2where t1.session_id = t2.sid删除进程alter system kill session ‘sid,serial...
2019-06-11 09:23:46
93
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人