2.前端面试中 字符串转数字 （常用） 正则表达式 vscode setting 设置 多媒体标签video audio 设置默认换行符lf git拉取代码不转crlf 批量crlf转lf

1---字符串减0操作： "1"-0

一元运算符：

"1.23" * 1 // returns 1.23

"0xFF" - 0 // returns 255

"0xFF.jpg" / 1 // returns NaN

+"023" // returns 23

2---parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。

parseInt()方法还有基模式，可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的，示例如下：

代码如下:
parseInt("AF", 16); //returns 175
parseInt("10", 2); //returns 2
parseInt("10", 8); //returns 8
parseInt("10", 10); //returns 10

3---number()转换为数字类型，不太常用

4---正则表达式学习

 

 

5--vscode 设置 配置

{
  "path-autocomplete.extensionOnImport": true,
  "path-autocomplete.pathMappings": {
    "@": "${folder}/src"
  },
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "workbench.iconTheme": "vscode-icons",
  "vsicons.dontShowNewVersionMessage": true,
  "cssrem.rootFontSize": 75,
  "less.compile": {
    // "outExt": ".wxss"
  },
  "px2vw.width": 375,
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "vetur.validation.template": false,
  "vetur.validation.script": false,
  "vetur.validation.style": false,
  "editor.tabSize": 2,
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "files.autoSave": "onWindowChange",
  "npm.enableRunFromFolder": true,
  // "terminal.integrated.defaultProfile.windows": "PowerShell",
  "terminal.integrated.profiles.windows": {
    "Git-Bash": {
      "path": "D:\\app_download\\git_install\\Git\\git-bash.exe", //git  安装目录
      "args": []
    },
    "PowerShell -NoProfile": {
      "source": "PowerShell",
      "args": [
        "-NoProfile"
      ]
    }
  },
  "terminal.integrated.defaultProfile.windows": "PowerShell",
  "vetur.format.defaultFormatter.html": "prettyhtml",
  "eslint.enable": true,
  "eslint.run": "onType",
  "eslint.options": {
    "extensions": [
      ".js",
      ".vue",
      ".jsx",
      ".tsx"
    ]
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  // //配置新建文件注释和方法注释
  // "fileheader.configObj": {
  //   "createFileTime": true, //设置为true则为文件新建时候作为date，否则注释生成时间为date
  //   "autoAdd": false, //自动生成注释，老是忘记的同学可以设置
  //   "annotationStr": {
  //     "head": "/*",
  //     "middle": " * @",
  //     "end": " */",
  //     "use": true //设置自定义注释可用
  //   },
  //   "headInsertLine": {
  //     "php": 2
  //   }
  // },
  // "fileheader.cursorMode": {
  //   "description": "",
  //   "param ": "",
  //   "return": ""
  // },
  // "fileheader.customMade": {
  //   "Description": "", //文件内容描述
  //   "Author": "yaoxiaoqing", //编辑人
  //   "Date": "Do not edit", //时间
  //   "LastEditTime": "Do not edit",
  //   "LastEditors": "yaoxiaoqing",
  // },
  "bracket-pair-colorizer-2.depreciation-notice": false,
  "editor.guides.bracketPairs": true,
  "appworks.materialSources": [],
  "gitlens.hovers.currentLine.over": "line",
  "gitlens.currentLine.enabled": false,
  "gitlens.codeLens.enabled": false,
  "gitlens.defaultDateStyle": "absolute",
  "appworks.showWelcomePage": false,
  "terminal.integrated.enableMultiLinePasteWarning": false,
  "security.workspace.trust.untrustedFiles": "open"
}

6.多媒体标签video、audio

    <!-- muted静音播放，谷歌浏览器必须加这个，autoplay自动播放
     poster加载第一张图片，即视频封面controls视频控件
     loop视频循环播放 -->
    <video src="media/she.mp4" autoplay="autoplay" muted='muted' controls='controls' loop='loop'
        poster="images/img.jpg"></video>
    <!-- <video controls="controls" width="300">
        <source src="move.ogg" type="vidio/ogg">
        <source src="move.mp4" type="vidio/ogg">
        您的浏览器暂不支持&lt;vidio&gt;标签播放视频
    </video> -->

    <audio src="media/music.mp3" controls='controls' autoplay='autoplay' loop='loop'></audio>

7.vscode设置默认换行符（只在编辑时有效）

注意：此处分为用户和工作区，都要设置

8.git拉取代码不转crlf 

vscode git拉下来后LF CRLF问题_vscode设置lf_StrongerIrene的博客-CSDN博客点击这里可以更改红色报错，windows下默认是CRLF, 类unix下LF。_vscode设置lfhttps://blog.csdn.net/StrongerIrene/article/details/128304417

在你使用git拉取代码的时候，git会自动将代码当中与你当前系统不同的换行方式转化成你当前系统的换行方式，从而造成这种冲突。

window系统解决办法：

修改git全局配置，禁止git自动将lf转换成crlf, 命令：

git config --global core.autocrlf false

9.解决拉取完git之后的代码又要crlf转lf

解决前端的ESLint换行符问题：ESLint: Expected linebreaks to be 'LF' but found 'CRLF'. (linebreak-style) - 知乎零，问题原因 各开发平台的换行符不一致，win平台会出问题。 一，修改项目配置 有时候使用脚手架创建的项目，比如vue-cli，会默认使用eslint的一些规则，比如airbnb。其中基本会包含这样一条规则： "linebreak…https://zhuanlan.zhihu.com/p/418972384

修改git配置

不少开发者可能遇到过这个问题：从git上拉取服务端代码，然后只修改了一处地方，准备提交时，用diff软件查看，却发现整个文件都被修改了。这是git自动转换换行符导致的问题。

原因
不同操作系统使用的换行符是不一样的。Unix/Linux使用的是LF，Mac后期也采用了LF，但Windows一直使用CRLF【回车(CR, ASCII 13, \r) 换行(LF, ASCII 10, \n)】作为换行符。而git入库的代码采用的是LF格式，它考虑到了跨平台协作的场景，提供了“换行符自动转换”的功能：如果在Windows下安装git，在拉取文件时，会自动将LF换行符替换为CRLF；在提交时，又会将CRLF转回LF。但是这个转换是有问题的：有时提交时，CRLF转回LF可能会不工作，尤其是文件中出现中文字符后有换行符时。

解决方案
1.禁用git的自动换行功能：
在本地路径C:\ Users\ [用户名] \ .gitconfig下修改git配置[core]，如果没有就直接添加上去：

示例

[core]
	autocrlf = false
	filemode = false
	safecrlf = true

示例

git bash命令行也可以修改，最终也是修改.gitconfig配置文件：

分别执行：
git config --global core.autocrlf false
git config --global core.filemode false
git config --global core.safecrlf true

保险起见，先保存配置文件，再使用 git bash执行命令

修改完git，重新去git上拉去项目源码

10.vscode如何将crlf批量替换为lf

vscode如何将crlf批量替换为lf_vscode如何把crlf批量改成lf_AspNetSunny的博客-CSDN博客vscode如何把crlf批量替换为lf prettier_vscode如何把crlf批量改成lfhttps://blog.csdn.net/sunnywuxian/article/details/128918403