- 博客(43)
- 资源 (1)
- 收藏
- 关注
原创 node好方法总结
监控键盘输入 ctrl + c 退出程序 process.once('SIGINT', function() { console.log('键盘输入了 ctrl + c, 单次绑定了事件'); });获取命令行参数console.log(process.argv)
2021-04-16 09:44:50 163
原创 内容安全策略( CSP )
内容安全策略 (CSP) 是一个额外的安全层,用于检测并削弱某些特定类型的攻击,包括跨站脚本 (XSS)和数据注入攻击等。(摘自MDN)具体内容请参考MDN:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CSP对于XSS攻击的防止,请参“美团技术团队”公众号,相关文章地址:https://segmentfault.com/a/1190000016551188对于React和Vue,XSS攻击已经在框架里进行了防范,但是使用 dan...
2020-11-10 16:11:25 287
原创 MySQL严格模式
严格模式我们刚刚在上面设置了char,tinyint,存储数据时超过它们的最大存储长度,发现数据也能正常存储进去,只是mysql帮我们自动截取了最大长度。但在实际情况下,我们应该尽量减少数据库的操作,缓解数据库的压力,让它仅仅只管理数据即可,这样的情况下就需要设置严格模式show variables like "%mode%"; # 查看数据库配置中变量名包含mode的配置参数 ...
2020-06-03 11:12:21 647
原创 素材下载
音乐素材下载网站:1、https://www.tukuppt.com/peiyue/?plan=10556-11841-1826429&bd_vid=100616261793143511952、http://www.tuke88.com/peiyue/?plan=197-5330-533207&bd_vid=10696080732693113922
2020-06-01 09:16:37 479
原创 MySql中浮点数类型和定点数类型的精度问题
以下是官网截图(Chrome浏览器翻译了中文),具体看官方参考文档以上截图就是参考文档1以上截图就是参考文档3官方参考官方文档:1、https://dev.mysql.com/doc/refman/8.0/en/fixed-point-types.html2、https://dev.mysql.com/doc/refman/8.0/en/precision-math.html3、https://dev.mysql.com/doc/refman/8.0/en/pre..
2020-05-27 17:24:42 675
原创 SQL中好用的方法
字符串:字符串 方法 作用 示例 返回结果 LENGTH 字符串字节长度 select LENGTH('"名称"'); 8 CHAR_LENGTH 字符串字符长度 select CHAR_LENGTH('"名称"'); 4 选择语句:...
2019-10-22 19:27:15 183
原创 html中svg标签源码转.svg文件
1、拷贝svg标签源码,例如:<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path d="M36 4H12C9.79 4 8 5.79 8 8v32c0 2.21 1.79 4 4 4h24c2.21 0 4-1.79 4-4V8c0-2.21-1.7...
2019-10-11 21:41:11 3942
原创 MySql查看存储过程隔离级别(使用 Navicat Premium )
1、连接数据库并打开数据库命令行 方法(1): 方法(2):2、查询全局变量:show global variables; 这里可以看到系统当前隔离级别:3、查询当前会话变量:show session variables;-- 或如下命令show variables;4、查询全局某个变量(以 transaction_...
2019-09-29 19:03:57 2311
原创 关于iframe
页面中获取iframewindow.frames是个伪数组,可以通过window.frames[index]或window.frames[name]来获取iframewindow.frames[index],索引是从左往右,从上往下的,从0开始,通常我们使用window.frames[name]来获取frame获取iframe的window和document下图中window....
2019-03-15 11:19:49 204
原创 node启动时指定参数
环境变量 设置 读取 process.env.NODE_ENV windows 不太清楚,*NIX 系统下规则如下: export NODE_ENV=production && node xxx.js 这样在当前命令行下后续的命令中读取 NODE_ENV,都会得到 production 值; 如果直接...
2019-02-25 12:10:10 3490
原创 文本超出范围后展示省略号
单行超出范围展示省略号white-space:nowrap;overflow:hidden;text-overflow:ellipsis;多行超出范围后展示省略号(以两行为例)display: -webkit-box;overflow: hidden;text-overflow: ellipsis;/* 关闭autoprefixer的自动删除功能,否则-webkit-box-...
2019-02-14 18:38:33 308 1
转载 input上传图片
1、上传图片<head> <meta charset="UTF-8"> <title>Blob Test</title> <script> function handleFile1(inputDom) { var file = inputDom.files[0]; ...
2018-12-10 15:12:29 2234
原创 工作经验
混合开发移动APP:对于混合开发(webview+H5),第一次发布前一定要有checkAPI来测试是否存在webview和js相互调用的桥 必须借助webview向后端传数据时尽量让webview透传,方便维护JS开发:函数传参// 禁止传多个参数function fun1(param1,param2,param3,param4){}// 鼓励传对象function fun...
2018-12-03 21:42:37 171
原创 浮点数计算相关库
1、常见精度问题如:0.1+0.2,1.1*1.12、有很多同学将浮点数扩大成整数,直接乘以10^N,其实这也会可能导致误差,例如 0.57*100 => 56.99999999999999;另外除法运算也可能导致误差,5.7/10 => 0.5700000000000001;记住,包含浮点数的加减乘除都可能导致计算误差。(参考:https://zhuanlan.zhihu.com...
2018-11-30 14:02:15 1048
原创 好用的node库
开源库 地址 描述 备注 q https://github.com/kriskowal/q q模块不仅仅是为了解决回调地狱的问题,还能很大程度上辅助你进行一些需要并行,串行,定时等操作 参考:https://blog.csdn.net/ii1245712564/ article/details/51419533 百度“...
2018-11-21 15:40:25 1575
原创 XMLHttpRequest使用和跨域
发送json类型数据var request = new XMLHttpRequest();request.open('post', '/address/dosomething');var params = { name: '张三', age: 18};// 发json类型request.setRequestHeader("Content-Type","applica...
2018-11-20 14:22:08 11691
原创 好用的前端库
开源库 地址 描述 备注 PhotoSwipe https://github.com/dimsemenov/PhotoSwipe 模仿微信朋友圈图片放大滑动浏览 https://github.com/search?q=photoswipe可以看到相关库 moment http://momentjs.cn/ Jav...
2018-11-15 15:20:06 500 1
转载 flex布局
转载(如涉侵权请告知):https://weibo.com/1712131295/CoRnElNkZ?ref=collection&type=comment#_loginLayer_1539076687680相关资料:https://www.aliyun.com/jiaocheng/654042.html (阮一峰博客)...
2018-10-09 17:26:03 189
转载 postMessage解决跨域和跨页面通信的问题
转载:https://www.cnblogs.com/stephenykk/p/7193845.html(如有侵权请告知)
2018-10-08 14:54:48 504
原创 好用的浏览器原生方法汇总
dom设置或移除className let bodyElement = document.getElementsByTagName('body')[0];bodyElement.classList.add('myClass1'); // body元素添加calss:myClass1bodyElement.classList.add('myClass2'); // body元素添加ca...
2018-09-14 16:19:22 722
原创 scss好用的用法汇总
混合指令 某一条件下可用使用某些样式,比如iPhone X条件下要适配刘海屏@mixin isIphoneX() { @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){ @content; }}.my...
2018-09-14 16:10:00 371
原创 HTML标签好用属性总结
<input pattern="[0-9]*" placeholder="请输入手机号码" maxlength="11" type="text" value=""> 移动端可以调起数字键盘,pattern是正则,决定输入的内容 <a href="tel:110">110</a> a标签调起打电话功能
2018-09-10 16:10:31 224
原创 判断页面滑动到底部
window.addEventListener('scroll', function(){ const scrollHeight = document.body.scrollHeight || document.documentElement.scrollHeight; const clientHeight = document.body.clientHeight || docu...
2018-08-14 21:28:10 1240
转载 浏览器缓存机制
出处:https://www.cnblogs.com/skynet/archive/2012/11/28/2792503.html相关参考:1、https://blog.csdn.net/baidu_38742725/article/details/771810782、https://blog.csdn.net/jiabeis/article/details/7...
2018-08-14 21:23:25 128
转载 css长度单位
特别声明:此篇文章由Jekst根据Chris Coyier的英文文章原名《The Lengths of CSS》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://css-tricks.com/the-lengths-of-css以及作者相关信息——作者:Chris Coyier——译者:Jekst著作权归作者所有。商业...
2018-05-07 20:33:38 277
原创 正则表达式(JavaScript)
1、g的作用 let reg1 = /3/; let reg2 = /3/g; let x = '353'; 则:x.match(reg1)只能匹配到第一个符合条件的子串,x.match(reg2)能匹配所有符合条件的子串2、利用正则表达式进行匹配替换 正则替换时,第二个参数可以是函数 function replace...
2018-05-01 22:30:41 164
原创 table布局
tr:nth-child(2n+1)nth-child伪元素能处理奇偶元素等情况 <colgroup>标签该HTML标签可批量按列设置表格样式,比如下面截图设置表格中列的宽度 colspan rowspan <td>标签中的这两个属性用于指定单元格跨过多少...
2018-05-01 21:41:02 735
原创 css神奇的属性
pointer-events: none 使元素可以被穿透,比如在绝对定位时该元素不会被点中,被点中的是其下方的元素 white-space:pre 换行和空格会展示在页面中,这里的换行并不是说'\n'而是键盘输入的回车键,类似HTML中的pre标签 滚动条相关样式 作用 例子(https://www.cnblogs.com/lfhy/p/6796653.html)...
2018-05-01 20:37:22 246
原创 HTML资源标签onerror属性
测试代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> </head> <script> alert('first'); function alertError(thisObject){
2018-04-12 21:47:52 2789
原创 onload 属性到底是资源加载完成还是渲染完成测试
测试图片加载代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> </head> <script> alert('first'); </script> <
2018-04-12 17:47:47 2689
原创 JS创建自定义事件及触发
var test1 = document.getElementById('test1');var event = new Event('build');test1.addEventListener('build', function(e){console.log('test1')});test1.dispatchEvent(event)页面引入这几行js代码,加载完成后浏览器控制
2017-12-09 16:57:32 750
原创 html网页标题头图标
说明:添加方法:在HTML文件的head标签下添加任意一行即可1. 2.my-title.png">3.my-title.png">注:1. 百度“html title图标”可发现很多相关文档2. link标签中type指的是引入文档的解析方法,百度“mime类型”3. icon和shortcut icon的区别可以百度“shortcut icon和i
2017-12-02 16:33:58 4606
原创 npm 更改为淘宝镜像的方法
npm 更改为淘宝镜像的方法1、命令行临时使用指定镜像(淘宝)npm --registry https://registry.npm.taobao.org install express2、命令行永久更改使用指定镜像(淘宝)npm config set registry https://registry.npm.taobao.org以后 npm install exp...
2017-09-26 09:30:56 54620 4
原创 ES6多重箭头函数
ES6多重箭头函数多重箭头函数涉及计算机科学中的柯里化。TyepScript是ES6的超集,其官网(https://www.tslang.cn/)中包含在线编辑器,并可将TypeScript代码实时转换成JavaScript代码,方便阅读和理解,借助其理解ES6中的箭头表达式非常方便。TyepScript官网主页点击"练习"按钮即可跳转TyepScript编辑页面。测试代码如下截图:解释:1、看函...
2017-08-13 12:54:41 2221 1
原创 JavaScript控制滚动条左右移动
JavaScript控制滚动条左右移动完整HTML代码:<!DECTYPE html> <html> <head> <meta charset=‘utf-8’> <title>onwheel-test</title> </head> <body> &a
2017-08-13 12:29:12 20668 1
转载 JavaScript原型链详解
JavaScript原型链详解注:个人Chrome浏览器亲测,图示无错误,童鞋们可以放心理解。图片出处:https://www.ibm.com/developerworks/cn/web/1306_jiangjj_jsinstanceof/
2017-08-13 11:31:44 234
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人