随笔分类 -  前端技术/Front-end technology

摘要:<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_1826665_p96ije5uc2f.css" crossorigin> var linkStyle = document.getElementsByTagName("link" 阅读全文
posted @ 2023-10-09 22:43 Syinho 阅读(35) 评论(0) 推荐(0)
摘要:const { resolve } = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') const MiniCssExtractPlugin = require('mini-css-extract-pl 阅读全文
posted @ 2023-10-09 01:54 Syinho 阅读(171) 评论(0) 推荐(0)
摘要:ajax请求默认是不会携带同源cookie的, 只有当设置了 credentials 时才会带上与请求同域的cookie, 并且服务端需要设置响应头 Access-Control-Allow-Credentials: true withCredentials: true 携带了这个属性的axios才 阅读全文
posted @ 2023-10-06 16:26 Syinho 阅读(321) 评论(0) 推荐(0)
摘要:在使用postman测试接口时, postman会在发送请求时自动携带默认浏览器中同域名的cookie. 管理postman的cookie 点击上图红框中的cookies按钮, 就可以在打开的页面中看到域名以及所携带的cookie 可以在headers中手动添加cookie, 也可以在cookie管 阅读全文
posted @ 2023-10-06 11:22 Syinho 阅读(163) 评论(0) 推荐(0)
摘要:-P, --save-prod: 包将出现在你的 dependencies 中。 这是默认值,除非存在 -D 或 -O。 -D, --save-dev: 包将出现在你的 devDependencies 中。 package.json中dependencies与devDependencies区别 de 阅读全文
posted @ 2023-10-06 01:47 Syinho 阅读(104) 评论(0) 推荐(0)
摘要:在axios的配置中加入progressEvent // 1.获取基本数据(随笔数据, 文章数据, 评论数据, 阅读量) export const reqGetArticleBasicData = () => instance.get('/ajax/blogStats', { onDownloadP 阅读全文
posted @ 2023-10-04 23:01 Syinho 阅读(337) 评论(0) 推荐(0)
摘要:store目录 |-- store | |-- actions.js | |-- getters.js | |-- index.js | |-- mutations.js | |-- state.js | |-- module | |-- article.js | |-- index.js | |- 阅读全文
posted @ 2023-10-02 00:40 Syinho 阅读(16) 评论(0) 推荐(0)
摘要:翻译: '运行时指令,用于非元素根节点的组件。这些指令将无法发挥预期的作用'; 这个错误发生在我将v-show放在自定义组件上时, 我想是因为自定义组件在渲染时会被自定义组件的内部元素替换, 因此设置是无效的 解决: 在自定义组件外加一个div, 把v-show写在div上 阅读全文
posted @ 2023-09-29 22:35 Syinho 阅读(4480) 评论(0) 推荐(0)
摘要:export default defineConfig({ server: { proxy: { "/proxy": { target: "http://121.10.140.87", // 线上服务器IP地址 changeOrigin: true, ws: true, rewrite: (path 阅读全文
posted @ 2023-09-26 22:54 Syinho 阅读(651) 评论(0) 推荐(0)
摘要:平常并没有注意到打包后js与css有多少个文件, 一般而言执行打包命令后就差不多万事大吉, 然后交给后端去完成部署就好了. 但轮到自己亲手为打包文件设置CDN时, 发现, 原来打包出来文件多少还是有区别的. 如下, 是我打包出来的某个项目的文件和自动生成的html文件的引入文件. ├─dist | 阅读全文
posted @ 2023-09-26 00:08 Syinho 阅读(704) 评论(0) 推荐(0)
摘要:在对ts文件执行编译后, 即执行tsc命令后, 函数名报错:"函数实现重复", 原因是新生成的同名js文件中包含了同样的函数名被识别到 在.ts文件目录下执行tsc --init生成tsconfig.json文件, 之后再编译就不会报错了( 注意必须是.ts文件的目录, 我在对D:/test/typ 阅读全文
posted @ 2023-09-23 01:02 Syinho 阅读(188) 评论(0) 推荐(0)
摘要:下载 npm install -g typescript 编译.ts文件为.js文件 tsc ./typescript/test1.ts 上面这个命令会在test1.ts的所属目录中创建一个同名的test1.js文件 阅读全文
posted @ 2023-09-20 22:18 Syinho 阅读(52) 评论(0) 推荐(0)
摘要:目录场景再现资料查询解决 场景再现 现有一个Article页面, 通过/article/:id来匹配不同的文章页面, 当我需要实现跳转到上一篇或下一篇时, 即从/article/:id跳转另一个/article/:id时, 发现浏览器中只有地址变化了, 但是页面的很多组件, 包括文章内容都没有刷新, 阅读全文
posted @ 2023-09-19 22:05 Syinho 阅读(44) 评论(0) 推荐(0)
摘要:测试代码 <body> <input type="text" id="i1" /> <script> const oI1 = document.querySelector('#i1') oI1.addEventListener('keydown', function (e) { console.lo 阅读全文
posted @ 2023-09-18 22:49 Syinho 阅读(137) 评论(0) 推荐(0)
摘要:目录简介安装使用在vue项目中的使用附录获取可选的样式文件快速获取可选样式 简介 highlight.js是一个将代码html, 即通过<pre>标签包裹的<code>标签内的代码字符串文本赋予样式的插件; 安装 npm i highlight.js -S 使用 在vue项目中的使用 在main.j 阅读全文
posted @ 2023-09-18 00:50 Syinho 阅读(1558) 评论(0) 推荐(0)
摘要:-P, --save-prod: 包将出现在你的 dependencies 中。 这是默认值,除非存在 -D 或 -O。 -D, --save-dev: 包将出现在你的 devDependencies 中。 package.json中dependencies与devDependencies区别 de 阅读全文
posted @ 2023-09-16 23:41 Syinho 阅读(107) 评论(0) 推荐(0)