![](https://img-blog.csdnimg.cn/20190927151132530.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端学习总结
文章平均质量分 76
前端学习总结
song854601134
这个作者很懒,什么都没留下…
展开
-
Node介绍以及总结
Node介绍为什么要学习Node.js企业需求具有服务端开发经验更改front-endback-end全栈开发工程师基本的网站开发能力服务端前端运维部署多人社区[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nNIGKOAJ-1636432976953)(C:\Users\A\AppData\Roaming\Typora\typora-user-images\image-20200317114503403.png)]Node.js是什么原创 2021-11-09 12:44:24 · 367 阅读 · 0 评论 -
Electron学习与总结
组成,其中Chromium负责渲染和显示Web页面,而Node.js则提供了主进程的功能,包括管理应用程序的生命周期、创建和控制浏览器窗口以及与操作系统交互。,Electron使得开发者能够保持JavaScript代码库的一致性,从而轻松地创建跨平台的应用程序,而无需具备本地开发经验。Electron的核心是由。原创 2024-08-12 09:24:46 · 223 阅读 · 0 评论 -
f12 network中timing参数含义
1、通过条件Get请求,对比If-Modified-Since和Last-Modified时间,确定是否使用缓存中的组件,服务器会返回“304 Not Modified”状态码,减小响应的大小;SSL(包含于HTTPS连接中):http是超文本传输协议,以明文方式发送内容,不提供任何方式的数据加密,如果被不法分子截取浏览器和服务器之间的传输报文,会获取其中的信息。2、对不常变化的组件添加长久的Expires头(相当于设置久远的过期时间),在后续的页面浏览中可以避免不必要的HTTP请求;原创 2024-06-04 18:28:37 · 611 阅读 · 0 评论 -
在Vue中动态引入图片为什么要用require
动态引入一个图片的时候,它其实是一个变量,webpack会根据v-bind的一个命令去解析SRC后面的值,并不会通过require引入资源的对象。当我们使用require引入一张图片的时候,webpack会将这个图片当成一个模块,并根据配置文件的配置然后进行打包,最终返回一个大包的地址。默认情况下src目录的所有文件都会打包一个新的文件名,然后编译后静态引入的地址就是打包后的静态地址。所以就可以正确的应用到这些资源了。动态的添加图片最会会被编译成一个静态的字符串,然后再浏览器运行中会去项目中查找这个资源,原创 2023-08-11 16:18:24 · 1688 阅读 · 0 评论 -
npm5中本地间模块引用的最好方式(附带引用方法总结)
有些场景我们本地会维护很多包但是不希望都创建一个文件夹,希望放到统一的文件夹里面,比如 根目录新建一个lib文件夹,这个时候如果想要下载本地包,需要手动将依赖更改成对应的路径,运行npm i命令便可以。这样 npm5 在安装依赖的时候会自动创建相应的软链接,自动给 module1 安装依赖,而且不需要版本号。这样的话,npm 就会自动在 module2 的 node_modules 目录下创建一个软链接,我们拥有了类似于方法 2 的效果,并且不会修改 package-lock。原创 2023-07-10 11:32:08 · 1359 阅读 · 0 评论 -
pnpm + workspace + changesets
代码提交规范对于团队或者公司来说是非常重要的,养成良好的代码提交规范可以方便回溯,有助于对本次提交进行review,如果单纯的只是要求团队成员遵循某些代码提交规范,是很难形成强制约束的,现在我们就尝试通过工具来约束代码提交规范。包含此次提交有关重大更改的信息,引用此次提交关闭的issue地址,如果代码的提交是不兼容变更或关闭缺陷,则Footer必需,否则可以省略。主要包含对主题的进一步描述,同样的,应该使用祈使语气,包含本次修改的动机并将其与之前的行为进行对比。原创 2023-07-10 10:36:53 · 436 阅读 · 0 评论 -
js debugger
即可看到,在浏览器页面看到如图所示,代表断点在开始执行。这种方式需要在网页中。第二种:在调试台打开。③:点击代码左侧行数。原创 2023-07-07 13:55:50 · 1979 阅读 · 1 评论 -
Node 文件查找优先级及 Require 方法文件查找策略
缓存的模块优先级最高如果是内置模块,则直接返回,优先级仅次缓存的模块如果是绝对路径 / 开头,则从根目录找如果是相对路径 ./开头,则从当前require文件相对位置找如果文件没有携带后缀,先从js、json、node按顺序查找如果是目录,则根据 package.json的main属性值决定目录下入口文件,默认情况为 index.js如果文件为第三方模块,则会引入 node_modules 文件,如果不在当前仓库文件中,则自动从上级递归查找,直到根目录。原创 2022-12-14 11:03:17 · 601 阅读 · 0 评论 -
nginx.conf配置
说明没有被location /匹配,否则会 403 Forbidden ,但 /index.html 的确也是以“ / ”开头的,只不过此时的普通 location / 的匹配结果是“最大前缀”匹配,所以 Nginx 会继续搜索正则 location , location ~ .html$ 表达了以 .html 结尾的都 allow all;先匹配 location ^~ / {} ,因为其是非正则,不需要继续正则匹配,所以直接停止继续匹配,进入 location ^~ / {}其中“ ^~”的意思是“原创 2022-11-18 13:22:33 · 705 阅读 · 0 评论 -
无感刷新token
【代码】无感刷新token。原创 2023-03-16 09:44:57 · 199 阅读 · 0 评论 -
修改node_modules 源码推送后仍生效
在package.json同级目录新建一个文件夹,名字自定义该文件夹下新建一个change-modules.js文件如下:该文件下把修改的node_modules的关于源码的修改剪贴到这里修改package.json文件如下:附上parseGeoJson.js文件原创 2022-12-05 11:33:36 · 737 阅读 · 0 评论 -
axios/前后端请求问题
【代码】axios知识/前后端请求问题。原创 2022-11-15 20:36:16 · 866 阅读 · 0 评论 -
Blob/FileReader/ArrayBuffer/文件上传/Uint16Array
自从提供了video标签,在网页中播放视频已经变成一个非常简单的事,只要一个video标签,src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址,在早期一般网站资源文件不怎么通过referer设置防盗链,当我们拿到视频的地址后可以随意的下载或使用(每次放假回家,就会有亲戚找我帮忙从一些视频网站上下东西)。目前的服务商大部分都支持referer防盗链。其原理就是在访问资源时,请求头会带上发起请求的页面地址,判断其不存在(表示直接访问图片地址)或不在白名单内,即为盗链。原创 2022-10-25 14:01:16 · 2106 阅读 · 0 评论 -
echarts易混总结
说“normal是图形在默认状态下的样式,加上这个属性和不加这个属性样式都是一样的”,但是他们只验证了。做出解释,但网络上的诸多例子中它却频频出现,本人在测试中恰好遇到了它。如题,官方文档并没有对。...原创 2022-07-19 17:34:08 · 2529 阅读 · 0 评论 -
css项目中总结
calc的用法 width: calc(100% - 20px); 减号前后要拥有空格,width: calc(100%-20px);calc(40% - 0.3rem);width: calc( 80rem/ 50)原创 2022-05-30 14:54:59 · 1075 阅读 · 0 评论 -
键盘设置大全
mxx键盘。原创 2022-05-13 09:20:24 · 2075 阅读 · 0 评论 -
cookie和session的区别 session与sessionStorage区别
cookie的工作原理:浏览器第一次发送请求到服务器,服务器创建cookie,将cookie发送到浏览器;如果浏览器再次访问服务器,会携带着cookie;服务器根据浏览器发送过来的cookie,区分不同的用户、权限等session的工作原理:浏览器首次发送请求到服务器,服务器端创建一个session,同时创建一个cookie,发送到浏览器;浏览器再次访问服务器,会携带带有特殊id的cookie,服务器根据cookie中的sessionid,查看对应的session对象,区别用户在客户端和服务端,coo.原创 2020-12-25 09:10:29 · 1380 阅读 · 1 评论 -
cookie、session、token 的 api
什么是 CookieHTTP 是无状态的协议(对于事务处理没有记忆能力,每次客户端和服务端会话完成时,服务端不会保存任何会话信息):每个请求都是完全独立的,服务端无法确认当前访问者的身份信息,无法分辨上一次的请求发送者和这一次的发送者是不是同一个人。所以服务器与浏览器为了进行会话跟踪(知道是谁在访问我),就必须主动的去维护一个状态,这个状态用于告知服务端前后两个请求是否来自同一浏览器。而这个状态需要通过 cookie 或者 session 去实现。cookie 存储在客户端: cookie 是服务器发原创 2022-04-22 15:10:58 · 626 阅读 · 0 评论 -
axios 发 post 请求,后端接收不到参数的解决方案
项目总结:axios 发 post 请求,后端接收不到参数的解决方案问题场景axios({ headers: { 'deviceCode': 'A95ZEF1-47B5-AC90BF3' }, method: 'post', url: '/api/lockServer/search', data: { username, pwd }})后台说没有接收到你的传参。这就有点奇怪了,我看了一下浏览器的原创 2022-03-17 15:23:21 · 13288 阅读 · 2 评论 -
BFC概念和清除浮动解决margin塌陷/共享
BFC概念和清除浮动解决margin塌陷/共享一、BFC概念BFC 即 Block Formatting Contexts (块级格式化上下文),是W3C CSS2.1规范中的一个概念,决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。具有BFC特性的元素可以看做是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且BFC具有普通容器所没有的的一些特性。二、BFC生成条件只要元素满足下面任一条件即可触发BFC特性:body 根元素浮动元素:float 除 non原创 2021-11-23 19:12:40 · 372 阅读 · 0 评论