css/js(工作中遇到的问题)-5

2023-07-29,,

后端换行符处理

问题描述

// Windows new line support (CR+LF, \r\n)
str = str.replace(/\r\n/g, "\n");

遍历对象

for/in

输出自身以及原型链上可枚举的属性;
可以借助 hasOwnProperty,可以过滤掉原型链上的属性;

Object.keys

获取对象自身可枚举的属性键
效果和for in+hasOwnProperty一样

Object.getOwnPropertyNames

获取对象自身的全部属性名,不分辨是否枚举

使用every/some方法进行之后的判断;

前端异常监控

前端代码异常监控
浏览器端 JavaScript 异常监控 For Dummies
badjs
badjs-blog
GER
GER-blog

创建gitbook类的文档

docsify
docute

给div添加focus/blur事件

增加属性: tabindex="0"
参考

css3设计arrow

参考

让pre自动换行 pre标签强制换行

pre{
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}

编译vue

vue-loader

//注意
1.当 <style> 标签有 scoped 属性的时候,它的 CSS 就只能作用于当前的组件

package.json

//files参数会过滤下载文件夹

  "files": [
"dist",
"src"
]

webpack css编译

参考
vue中样式文件

结束某一端口进程

//查看
netstat -vanp tcp | grep 3000 //kill
lsof -t -i tcp:1234 | xargs kill

正则过滤字符

表情符(emoji): /\ud83c[\udc00-\udfff]|\ud83d[\udc00-\udfff]|[\u2000-\u2fff]/
中文: /[\u4e00-\u9fa5]/
邮箱: /^\w+([-+.]\w+)*@\w+([-.]\w)*\.\w+([-.]\w+)*$/
合法URL: /(https?|ftp|mms):\/\/([A-Za-z0-9]+[_\-]?[A-Za-z0-9]+\.)*[A-Za-z0-9]+\-?[A-Za-z0-9]+\.[A-Za-z]{2,}(\/.*)*\/?/
SQL注入: /'|"|;|>|<|%/i

nodejs对mysql操作时特殊表名的处理

对表名添加反引号

参考

数字三位逗号分割

str.replace(/\B(?=(?:\d{3})+\b)/g, ',')

nodejs-request请求

//忽略ssl验证
process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";

高度自适应

使用display: table; display: table-cell , width: 25%;

//无法对table-cell使用margin,代替方法

.table {
border-collapse: separate;
border-spacing: 15px 0px;
margin: 0 -15px;
}

git对文件大小写敏感判断

Mac默认不敏感,linux默认敏感

//设置
//.git/config
[core]
ignorecase = false

css/js(工作中遇到的问题)-5的相关教程结束。

《css/js(工作中遇到的问题)-5.doc》

下载本文的Word格式文档,以方便收藏与打印。