壹囝臜＋
关注
分享
扫一扫
文章平均质量分 78
123
_洋
一起学习吧
展开
-
windows和git不区分文件名大小写问题
windows系统默认不区分文件名大小写，但是Linux系统是区分文件大小写的。我们使用windows系统开发，将代码推送到Linux代码库，但是其他Linux开发者也是区分大小写的就导致可能出现，Linux开发者创建同名但大小写不同的两个文件，推送至Linux代码库，这一过程是没问题的，但是windows开发者克隆代码的时候只会克隆其中一个文件，这样就出现问题了。原创 2024-11-16 00:16:05 · 591 阅读 · 0 评论 -
v-model在父子组件中的实现
父子组件之间使用v-model实际上就是对传递属性（props），在组件中修改属性（emit）的简写。原创 2024-10-30 10:24:59 · 1264 阅读 · 0 评论 -
ES6中js文件执行顺序
模块加载和解析：所有的依赖模块都会先被加载和解析。代码执行：在所有模块加载和解析完成之后，才会执行你编写的代码。所以，funcA()和funcB()的执行是在所有依赖模块都已经加载和解析完成之后进行的。这样就确保了你在代码中使用的任何导入对象（如funcA和funcB）都是已经正确加载和初始化的。原创 2024-09-02 20:13:46 · 594 阅读 · 0 评论 -
chrome插件模拟isTrusted的事件
使用js模拟的事件isTrusted的值时false。有的时候我们想要模拟sTrusted未true的事件就比较麻烦了。我们可以利用chrome插件的解决改问题。原创 2024-09-02 20:06:34 · 970 阅读 · 0 评论 -
子组件和父组件的挂载顺序
在 Vue.js 和 Nuxt.js 中，组件的挂载顺序是由组件的层级关系决定的。通常情况下，父组件会先挂载，然后再挂载其子组件。这是因为在父组件的模板中引用了子组件，只有当父组件的模板被解析并挂载时，子组件的模板和生命周期钩子才会被解析和执行。原创 2024-09-02 19:33:13 · 357 阅读 · 0 评论 -
nuxt的fetch钩子和v-if结合使用时出现的问题
今天写代码的时候发现nuxt的钩子不在服务端执行，而是在客户端执行，并且mounted钩子不会在fetch钩子执行结束后再执行，导致一些数据获取顺序不对渲染结果出错。并且此时子组件的mounted在fetch后面执行，但是不是等fetch执行完之后才执行。Nuxt.js 启用服务端渲染 (SSR) 时，服务端渲染会针对。问题：Main组件中的fetch在客户端执行。执行，初始不显示的组件不会执行SSR。// 模拟用户交互显示异步组件。原创 2024-07-24 15:42:49 · 745 阅读 · 0 评论 -
浏览器插件的开发
可以使用vue编写插件，只是manifest.json中”content_scripts“ 字段对应的”js“是vue打包后的代码路径。由于插件运行在浏览器中，所以在content_scripts声明的js代码中可以获取到当前页面的所有内容，可以对页面的DOM进行操作。js文件：content_scripts声明的js文件，包含插件的主要逻辑，主要是对目标网站做一些DOM和BOM操作。在插件中可以使用axios发送请求，但是如果目标服务器的地址不是当前浏览器页面的地址的时候需要使用。原创 2024-06-26 20:40:59 · 1490 阅读 · 0 评论 -
xlsx实现excel下载功能——js
【代码】xlsx实现excel下载功能——js。原创 2024-06-26 20:18:23 · 599 阅读 · 0 评论 -
资源访问流程、静（动）态网站、SSR、CSR、SSG、静态文件服务器
如果使用的是CSR渲染方式的项目，被打包成静态资源部署到服务器上，在浏览器上访问的时候会先访问部署在服务器上的index.html文件，同时该index.html文件引入的js文件会从后端获取数据资源然后在浏览器端进行渲染，那这使用的方式就是CSR。比如说SSG渲染方式的项目，被打包成静态资源，然后被部署到服务器上，从浏览器中访问该项目，直接获取的是部署在服务器上的静态资源，那使用的方式就是SSG渲染。对于不涉及Node.js的前端代码打包出来的一般就是静态资源文件，一般部署在静态文件服务器上。原创 2024-04-11 00:59:58 · 761 阅读 · 0 评论 -
第三方包的引入问题
引入第三方库的时候有的时候需要填写完整的路径，有的时候不需要填写完整路径。原创 2024-03-30 00:33:08 · 439 阅读 · 0 评论 -
前端的数据标记协议
文章目录数据标记协议是什么数据标记协议的作用常见的数据标记协议Open Graph protocol 开放图谱协议基本元数据协议可选元数据结构化属性 —— 元数据的属性多个相同的元数据标签类型元数据的使用方法全局类型使用自定义类型使用对象类型使用歌曲对象类型视频对象类型文章对象类型书籍对象类型profile对象类型社交媒体抓取页面信息的原理Twitter CardsMicroformatsMicroformats的作用Microformats 的使用class使用rel使用RDFaRDFa是什么RDFa的使原创 2024-03-11 11:03:42 · 792 阅读 · 0 评论 -
meta元数据元素
HTML元素表示那些不能由其他 HTML标签（等）表示的元数据信息。原创 2024-03-06 17:34:18 · 1879 阅读 · 0 评论 -
Swiper实现轮播效果
swiper官网：https://3.swiper.com.cn/<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title>原创 2024-02-29 17:59:43 · 1074 阅读 · 0 评论 -
pako是什么以及它的的使用
ws推送的gzip压缩能减少大量的传输数据，减少传输数据消耗，但是需要在收到数据之后解压。解压就可以用到pako了。原创 2023-12-15 12:07:59 · 1436 阅读 · 0 评论 -
浏览器跨域问题
违背同源策略就是跨域。同源策略: 网页的url 和 该网页请求的url 的协议、域名、端口必须保持一致。协议、域名、端口必须保持一致.同源策略存在的原因: 保护用户隐私和防范网络攻击(即如果网页请求的url 和 网页的url 的协议、域名、端口任意一项不同就是跨域。原创 2023-09-08 17:25:22 · 655 阅读 · 0 评论 -
问题：overflow 和 justify-content 同时使用出现内容被裁减的问题
文章目录开发的时候遇到如下问题原因解决开发的时候遇到如下问题当给一个容器的样式同时添加 justify-content :center 和 overflow-x: auto 属性，当内容长度超过容器的长度的时候会出现左侧内容被裁剪的问题。<style> .prop-list { width: 500px; height: 100px; background: rgba(167, 155, 180, 0.3); border: 3p原创 2023-09-07 12:03:56 · 1202 阅读 · 2 评论 -
router-link 和 router-view 的 关系
组件用于创建导航链接，当用户点击链接时，会切换到to属性对应路径的组件，并显示在。组件用于显示当前路由对应的组件内容。原创 2023-07-20 19:06:16 · 1185 阅读 · 0 评论 -
webpack
webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。【 静态模块打包工具：将多个模块（JavaScript、CSS、图片等）打包到一个或多个输出文件中的工具。通过对模块进行静态分析和转换，可以有效地管理模块之间的依赖关系、进行代码优化和资源处理。打包后的输出内容被认为成静态资源。原创 2023-07-14 19:29:54 · 196 阅读 · 0 评论 -
vue的scope属性 和 样式穿透
所以使用scoped的时候需要注意：（前提是父子组件都使用了scoped如果子组件是单标签，那么子组件最外层的样式会跟着父组件的样式走，内层的样式跟着子组件走如果子组件是多标签，那么子组件的标签样式都跟着子组件走开发的时候如果父子组件都使用scoped样式，子组件最好使用多标签，实现真正的样式隔离。原创 2023-04-01 16:34:10 · 883 阅读 · 0 评论 -
前端打包工具
前端打包的一些介绍原创 2023-03-25 19:01:09 · 202 阅读 · 0 评论 -
Cookie和Session、token —— 用户身份验证技术
我们在登陆一个网站后，如果退出页面再次进入的时候就是已登陆好的状态，这就是cookie的作用。Cookie是一种进行网络会话状态跟踪的技术。1. Cookie诞生的原因会话是由一组请求与响应组成,是围绕着一件相关事情所进行的请求与响应。所以这些请求与响应之间一定是需要有数据传递的，即是需要进行会话状态跟踪的。然而HTTP协议是一种无状态协议（即在不同的请求间是无法进行数据传递的）。在这种情况下就引入Cookie 用来跟踪请求间数据传递的会话。2.Cookie的作用Cookie是由 服务器 生成，保存在原创 2022-07-08 20:30:16 · 874 阅读 · 0 评论 -
H5本地存储技术
文章目录sessionStorage（会话存储）localStorage（永久存储）cookiesessionStorage（会话存储）会话：浏览器标签从打开到关闭的一个过程sessionStorage的生命周期：浏览器打开到关闭的过程sessionStorage的大小：5MBsessionStorage的保存位置：浏览器端sessionStorage的方法:setItem('key',value)getItem('key')removeItem('key')localStorag原创 2022-05-23 09:44:27 · 174 阅读 · 0 评论