- 博客(41)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 node好方法总结
监控键盘输入 ctrl + c 退出程序 process.once('SIGINT', function() { console.log('键盘输入了 ctrl + c, 单次绑定了事件'); });获取命令行参数console.log(process.argv)
2021-04-16 09:44:50
143
原创 内容安全策略( 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
250
原创 MySQL严格模式
严格模式我们刚刚在上面设置了char,tinyint,存储数据时超过它们的最大存储长度，发现数据也能正常存储进去，只是mysql帮我们自动截取了最大长度。但在实际情况下，我们应该尽量减少数据库的操作，缓解数据库的压力，让它仅仅只管理数据即可，这样的情况下就需要设置严格模式show variables like "%mode%"; # 查看数据库配置中变量名包含mode的配置参数 ...
2020-06-03 11:12:21
612
原创 素材下载
音乐素材下载网站：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
378
原创 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
651
原创 SQL中好用的方法
字符串：字符串 方法 作用 示例 返回结果 LENGTH 字符串字节长度 select LENGTH('"名称"'); 8 CHAR_LENGTH 字符串字符长度 select CHAR_LENGTH('"名称"'); 4 选择语句：...
2019-10-22 19:27:15
167
原创 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
3717
原创 MySql查看存储过程隔离级别（使用 Navicat Premium ）
1、连接数据库并打开数据库命令行 方法（1）： 方法（2）：2、查询全局变量：show global variables; 这里可以看到系统当前隔离级别：3、查询当前会话变量：show session variables;-- 或如下命令show variables;4、查询全局某个变量（以 transaction_...
2019-09-29 19:03:57
2214
原创 关于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
182
原创 node启动时指定参数
环境变量 设置 读取 process.env.NODE_ENV windows 不太清楚，*NIX 系统下规则如下： export NODE_ENV=production && node xxx.js 这样在当前命令行下后续的命令中读取 NODE_ENV，都会得到 production 值； 如果直接...
2019-02-25 12:10:10
3426
原创 文本超出范围后展示省略号
单行超出范围展示省略号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
296
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
2220
原创 工作经验
混合开发移动APP：对于混合开发(webview+H5)，第一次发布前一定要有checkAPI来测试是否存在webview和js相互调用的桥 必须借助webview向后端传数据时尽量让webview透传，方便维护JS开发：函数传参// 禁止传多个参数function fun1(param1，param2，param3，param4){}// 鼓励传对象function fun...
2018-12-03 21:42:37
157
原创 浮点数计算相关库
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
1005
原创 好用的node库
开源库 地址 描述 备注 q https://github.com/kriskowal/q q模块不仅仅是为了解决回调地狱的问题，还能很大程度上辅助你进行一些需要并行，串行，定时等操作 参考：https://blog.csdn.net/ii1245712564/ article/details/51419533 百度“...
2018-11-21 15:40:25
1540
原创 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
11278
原创 好用的前端库
开源库 地址 描述 备注 PhotoSwipe https://github.com/dimsemenov/PhotoSwipe 模仿微信朋友圈图片放大滑动浏览 https://github.com/search?q=photoswipe可以看到相关库 moment http://momentjs.cn/ Jav...
2018-11-15 15:20:06
471
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
173
转载 postMessage解决跨域和跨页面通信的问题
转载：https://www.cnblogs.com/stephenykk/p/7193845.html（如有侵权请告知）
2018-10-08 14:54:48
494
原创 好用的浏览器原生方法汇总
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
695
原创 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
355
原创 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
214
原创 判断页面滑动到底部
window.addEventListener('scroll', function(){ const scrollHeight = document.body.scrollHeight || document.documentElement.scrollHeight; const clientHeight = document.body.clientHeight || docu...
2018-08-14 21:28:10
1222
转载 浏览器缓存机制
出处：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
119
转载 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
258
原创 正则表达式（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
148
原创 table布局
tr:nth-child(2n+1)nth-child伪元素能处理奇偶元素等情况 <colgroup>标签该HTML标签可批量按列设置表格样式，比如下面截图设置表格中列的宽度 colspan rowspan <td>标签中的这两个属性用于指定单元格跨过多少...
2018-05-01 21:41:02
719
原创 css神奇的属性
pointer-events: none 使元素可以被穿透，比如在绝对定位时该元素不会被点中，被点中的是其下方的元素 white-space:pre 换行和空格会展示在页面中，这里的换行并不是说'\n'而是键盘输入的回车键，类似HTML中的pre标签 滚动条相关样式 作用 例子（https://www.cnblogs.com/lfhy/p/6796653.html）...
2018-05-01 20:37:22
229
原创 HTML资源标签onerror属性
测试代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> </head> <script> alert('first'); function alertError(thisObject){
2018-04-12 21:47:52
2715
原创 onload 属性到底是资源加载完成还是渲染完成测试
测试图片加载代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> </head> <script> alert('first'); </script> <
2018-04-12 17:47:47
2599
原创 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
731
原创 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
4562
原创 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
52247
4
原创 ES6多重箭头函数
ES6多重箭头函数多重箭头函数涉及计算机科学中的柯里化。TyepScript是ES6的超集，其官网(https://www.tslang.cn/)中包含在线编辑器，并可将TypeScript代码实时转换成JavaScript代码，方便阅读和理解，借助其理解ES6中的箭头表达式非常方便。TyepScript官网主页点击"练习"按钮即可跳转TyepScript编辑页面。测试代码如下截图：解释：1、看函...
2017-08-13 12:54:41
2172
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
20408
1
转载 JavaScript原型链详解
JavaScript原型链详解注：个人Chrome浏览器亲测，图示无错误，童鞋们可以放心理解。图片出处：https://www.ibm.com/developerworks/cn/web/1306_jiangjj_jsinstanceof/
2017-08-13 11:31:44
219
原创 Windows7环境下命令行一次运行多条命令
Windows7环境下命令行一次运行多条命令Windows7命令行(cmd)下，如果想一次运行多条命令可能用到的连接符个人了解到的有三个：&&，||和&。aa && bbmeans：执行aa，成功后再执行bbex:node a.js && node b.js如果a.js运行失败则b.js不会再运行aa || bbmeans：先执行aa，若执...
2017-07-28 23:33:06
24737
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人