song854601134的博客

Node介绍为什么要学习Node.js企业需求具有服务端开发经验更改front-endback-end全栈开发工程师基本的网站开发能力服务端前端运维部署多人社区[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nNIGKOAJ-1636432976953)(C:\Users\A\AppData\Roaming\Typora\typora-user-images\image-20200317114503403.png)]Node.js是什么

组成，‌其中Chromium负责渲染和显示Web页面，‌而Node.js则提供了主进程的功能，‌包括管理应用程序的生命周期、‌创建和控制浏览器窗口以及与操作系统交互。，‌Electron使得开发者能够保持JavaScript代码库的一致性，‌从而轻松地创建跨平台的应用程序，‌而无需具备本地开发经验。Electron的核心是由。

1、通过条件Get请求，对比If-Modified-Since和Last-Modified时间，确定是否使用缓存中的组件，服务器会返回“304 Not Modified”状态码，减小响应的大小；SSL（包含于HTTPS连接中）：http是超文本传输协议，以明文方式发送内容，不提供任何方式的数据加密，如果被不法分子截取浏览器和服务器之间的传输报文，会获取其中的信息。2、对不常变化的组件添加长久的Expires头（相当于设置久远的过期时间），在后续的页面浏览中可以避免不必要的HTTP请求；

动态引入一个图片的时候，它其实是一个变量，webpack会根据v-bind的一个命令去解析SRC后面的值，并不会通过require引入资源的对象。当我们使用require引入一张图片的时候，webpack会将这个图片当成一个模块，并根据配置文件的配置然后进行打包，最终返回一个大包的地址。默认情况下src目录的所有文件都会打包一个新的文件名，然后编译后静态引入的地址就是打包后的静态地址。所以就可以正确的应用到这些资源了。动态的添加图片最会会被编译成一个静态的字符串，然后再浏览器运行中会去项目中查找这个资源，

有些场景我们本地会维护很多包但是不希望都创建一个文件夹，希望放到统一的文件夹里面，比如 根目录新建一个lib文件夹，这个时候如果想要下载本地包，需要手动将依赖更改成对应的路径，运行npm i命令便可以。这样 npm5 在安装依赖的时候会自动创建相应的软链接，自动给 module1 安装依赖，而且不需要版本号。这样的话，npm 就会自动在 module2 的 node_modules 目录下创建一个软链接，我们拥有了类似于方法 2 的效果，并且不会修改 package-lock。

代码提交规范对于团队或者公司来说是非常重要的，养成良好的代码提交规范可以方便回溯，有助于对本次提交进行review，如果单纯的只是要求团队成员遵循某些代码提交规范，是很难形成强制约束的，现在我们就尝试通过工具来约束代码提交规范。包含此次提交有关重大更改的信息，引用此次提交关闭的issue地址，如果代码的提交是不兼容变更或关闭缺陷，则Footer必需，否则可以省略。主要包含对主题的进一步描述，同样的，应该使用祈使语气，包含本次修改的动机并将其与之前的行为进行对比。

即可看到，在浏览器页面看到如图所示，代表断点在开始执行。这种方式需要在网页中。第二种：在调试台打开。③：点击代码左侧行数。

缓存的模块优先级最高如果是内置模块，则直接返回，优先级仅次缓存的模块如果是绝对路径 / 开头，则从根目录找如果是相对路径 ./开头，则从当前require文件相对位置找如果文件没有携带后缀，先从js、json、node按顺序查找如果是目录，则根据 package.json的main属性值决定目录下入口文件，默认情况为 index.js如果文件为第三方模块，则会引入 node_modules 文件，如果不在当前仓库文件中，则自动从上级递归查找，直到根目录。

说明没有被location /匹配，否则会 403 Forbidden ，但 /index.html 的确也是以“ / ”开头的，只不过此时的普通 location / 的匹配结果是“最大前缀”匹配，所以 Nginx 会继续搜索正则 location ， location ~ .html$ 表达了以 .html 结尾的都 allow all;先匹配 location ^~ / {} ，因为其是非正则，不需要继续正则匹配，所以直接停止继续匹配，进入 location ^~ / {}其中“ ^~”的意思是“

【代码】无感刷新token。

在package.json同级目录新建一个文件夹，名字自定义该文件夹下新建一个change-modules.js文件如下：该文件下把修改的node_modules的关于源码的修改剪贴到这里修改package.json文件如下：附上parseGeoJson.js文件

【代码】axios知识/前后端请求问题。

自从提供了video标签，在网页中播放视频已经变成一个非常简单的事，只要一个video标签，src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址，在早期一般网站资源文件不怎么通过referer设置防盗链，当我们拿到视频的地址后可以随意的下载或使用（每次放假回家，就会有亲戚找我帮忙从一些视频网站上下东西）。目前的服务商大部分都支持referer防盗链。其原理就是在访问资源时，请求头会带上发起请求的页面地址，判断其不存在（表示直接访问图片地址）或不在白名单内，即为盗链。

说“normal是图形在默认状态下的样式,加上这个属性和不加这个属性样式都是一样的”，但是他们只验证了。做出解释，但网络上的诸多例子中它却频频出现，本人在测试中恰好遇到了它。如题，官方文档并没有对。...

calc的用法 width: calc(100% - 20px); 减号前后要拥有空格，width: calc(100%-20px);calc(40% - 0.3rem);width: calc( 80rem/ 50)

mxx键盘。

cookie的工作原理：浏览器第一次发送请求到服务器，服务器创建cookie，将cookie发送到浏览器；如果浏览器再次访问服务器，会携带着cookie；服务器根据浏览器发送过来的cookie，区分不同的用户、权限等session的工作原理：浏览器首次发送请求到服务器，服务器端创建一个session，同时创建一个cookie，发送到浏览器；浏览器再次访问服务器，会携带带有特殊id的cookie，服务器根据cookie中的sessionid，查看对应的session对象，区别用户在客户端和服务端，coo.

什么是 CookieHTTP 是无状态的协议（对于事务处理没有记忆能力，每次客户端和服务端会话完成时，服务端不会保存任何会话信息）：每个请求都是完全独立的，服务端无法确认当前访问者的身份信息，无法分辨上一次的请求发送者和这一次的发送者是不是同一个人。所以服务器与浏览器为了进行会话跟踪（知道是谁在访问我），就必须主动的去维护一个状态，这个状态用于告知服务端前后两个请求是否来自同一浏览器。而这个状态需要通过 cookie 或者 session 去实现。cookie 存储在客户端： cookie 是服务器发

项目总结：axios 发 post 请求，后端接收不到参数的解决方案问题场景axios({ headers: { 'deviceCode': 'A95ZEF1-47B5-AC90BF3' }, method: 'post', url: '/api/lockServer/search', data: { username, pwd }})后台说没有接收到你的传参。这就有点奇怪了，我看了一下浏览器的

BFC概念和清除浮动解决margin塌陷/共享一、BFC概念BFC 即 Block Formatting Contexts (块级格式化上下文)，是W3C CSS2.1规范中的一个概念，决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。具有BFC特性的元素可以看做是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且BFC具有普通容器所没有的的一些特性。二、BFC生成条件只要元素满足下面任一条件即可触发BFC特性：body 根元素浮动元素：float 除 non