学习前端遇到的知识点补救

 

vscode方面

node

对于node运行结果不支持中文，我终于改成功了！真的感动哭了。（①有一个相对路径的问题②在cmd下可以运行，run code就读不出文件问题）

解决：

配置launch.json

加一个"cwd":"${workspaceFolderDirname}",就可以和我们习惯的定义路径的方式一样了。

对于中文显示乱码，我就把文件下面以及该js下面的格式都设置为UTF-8就可以了。

至于网上的iconv-lite我没成功，主要是路径没安对？我搞不明白。 

在4.11的早上，如果打开vscode，直接右键-->run  code，无论是读文件还是写文件我都失败了。但是手动cd切换路径后，就可以运行成功。此时再直接在文件那里右键+run code，也可以成功。

各种配置json

c_cpp_properties.json

{

        "configurations": [
    
            {
    
                "name": "(gdb) Launch",
    
                "intelliSenseMode": "clang-x64",
    
                "includePath": [
    
                    "${workspaceFolder}",
    
                    "D:/mingw64/mingw64/lib/gcc/x86_64-w64-mingw32/8.1.0/include/c++",
    
                    "D:/mingw64/mingw64/lib/gcc/x86_64-w64-mingw32/8.1.0/include/c++/x86_64-w64-mingw32",
    
                    "D:/mingw64/mingw64/lib/gcc/x86_64-w64-mingw32/8.1.0/include/c++/backward",
    
                    "D:/mingw64/mingw64/lib/gcc/x86_64-w64-mingw32/8.1.0/include",
    
                    "D:/mingw64/mingw64/include",
    
                    "D:/mingw64/mingw64/lib/gcc/x86_64-w64-mingw32/8.1.0/include-fixed"
                   
    
                ],
    
                "defines": [
    
                    "_DEBUG",
    
                    "UNICODE",
    
                    "__GNUC__=7",
    
                    "__cdecl=__attribute__((__cdecl__))"
    
                ],
    
                "browse": {
    
                    "path": [
    
                        "${workspaceFolder}",
                        "D:/mingw64/mingw64/lib/gcc/x86_64-w64-mingw32/8.1.0/include/c++",
    
                        "D:/mingw64/mingw64/lib/gcc/x86_64-w64-mingw32/8.1.0/include/c++/x86_64-w64-mingw32",
    
                        "D:/mingw64/mingw64/lib/gcc/x86_64-w64-mingw32/8.1.0/include/c++/backward",
        
                        "D:/mingw64/mingw64/lib/gcc/x86_64-w64-mingw32/8.1.0/include",
        
                        "D:/mingw64/mingw64/include",
        
                        "D:/mingw64/mingw64/lib/gcc/x86_64-w64-mingw32/8.1.0/include-fixed"
    
                    ]
    
                }
    
            }
    
        ],
    
        "version": 4
    
    }
    
    

launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "program": "${workspaceFolder}",
            "cwd":"${workspaceFolderDirname}",
           // "program": "${workspaceFolder}00-helloworld.js",
            "skipFiles": [
                "<node_internals>/**"
            ]
        },
      
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}"
        },
        {
            "name": "(gdb) Launch",
            "type": "cppdbg",
            "request": "launch",
            "program": "${fileDirname}\\${fileBasenameNoExtension}.exe",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": false,      
            "MIMode": "gdb",
            "miDebuggerPath": "D:\\mingw64\\mingw64\\bin\\gdb.exe",
            "preLaunchTask": "task g++" ,
            "setupCommands": [
                {
                    "description": "Enable pretty-printing for gdb",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ],
            
        }
    ]
}

 settings.json

{
    "files.autoGuessEncoding": true
}

 tasks.json

{
    "version": "2.0.0",
    "tasks": [
        {
            "type": "shell",
            "label": "task g++",   
            "command": "D:\\mingw64\\mingw64\\bin\\g++.exe",
            "args": [
                "-g",
                "${file}",
                "-o",
                "${fileDirname}\\${fileBasenameNoExtension}.exe"
            ],
            "options": {
                "cwd": "D:\\mingw64\\mingw64\\bin"
            },
            "problemMatcher": [
                "$gcc"
            ],
            "group": "build"
        }
    ]
}

 

规范

https://www.w3.org/Consortium/siteindexW3C site map

MDN----webAPI

w3c  A-Z

w3c dom 规范

html5 

can i use网站可以查属性等是否可用

抠图技术：查了半天才学会（这个最简单）https://zhidao.baidu.com/question/617734739688435412.html

CSS实现背景图片透明和文字不透明效果https://blog.youkuaiyun.com/lipengfei_1993/article/details/84305050?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

在这里下载自定义图标https://icomoon.io/app/#/select

在设置属性时，一定要添加引号

for(var j=0,jlen=innerBox.length;j<jlen;j++)
		{
			innerBox[j].style.display="none";
		}
		
		innerBox[idx].style.display="block";

在浏览器上实时调代码，查看效果（更改值）

F12---》点击需要调节的区域--》双击属性值---》可以上下箭头调节

 

基础补救

块元素：独占一行；可以设置宽、高；如果不设置宽度，宽度默认为容器的100%；如div,p,h1~h6,ul,ol,li,dl,dt,dd

行内元素：与其他元素同行显示；不可以设置宽、高；宽高就是文字或者图片的宽高；如span,a,b,i,u,em.......

清除浮动：

      ①使用overflow:hidden

       ②使用css3:after伪元素清除浮动

盒子模型：

盒子在网页中占的空间，不单单与width和height属性有关，还与padding有关。