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

后端换行符处理

• 问题描述

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

遍历对象

• 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})+)/g, ',')

nodejs-request请求

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

高度自适应

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

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

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

git对文件大小写敏感判断

• Mac默认不敏感，linux默认敏感

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