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

后端换行符处理

// 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方法进行之后的判断;

前端异常监控

创建gitbook类的文档

给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

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

package.json

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

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

webpack css编译

结束某一端口进程

//查看
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
posted @ 2017-04-01 09:48  JinksPeng  阅读(245)  评论(0)    收藏  举报