- 博客(41)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 在VSCode中调试TS
最近觉得自己平时用TS比较少，于是开始主动用TS刷题，提高自己对TS的熟练度，也希望自己以后能用TS尽量使用TS。但是在用TS刷leetcode的过程中发现调试比较困难，以前用VSCode调试js文件很简单，直接添加一个配置就行了，在根目录下新建。// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?在 TS 文件中打断点，点击调试按钮。现在我们可以使用调试TS愉快的刷leetcode了~在题目中打断点，再点击小箭头就可以快乐调试了。
2023-02-02 23:29:18
3148
1
原创 Element Plus 配置自动导入
安装npmnpm install unplugin-vue-components unplugin-auto-import -Dyarnyarn add unplugin-vue-components unplugin-auto-import -Dpnpmpnpm install unplugin-vue-components unplugin-auto-import -D配置Element-Plus 官网给的是在webpack.config.js中引入，如果我们想在vue.config.j
2022-02-18 12:03:51
970
1
原创 Vue项目node-sass总报错
年前给自己的node更新了最新的16+版本，年后利用vue-li脚手架创建Vue项目并且使用Sass作为预处理工具，发现总是报错。找了好久是因为 node 版本太高，中间还装了 windows nvm，但是发现并不好用。最后又装回了 V14.17.5。折腾了一晚上实在是太坑了，以后可算是记住了，node 不要轻易用 高版本。windows上的nvm贼难用。。。。...
2022-02-18 11:42:19
546
原创 Vue项目打包后打开是空白怎么办
不一定可以解决你的问题，但不妨一试项目打包以后网页一片空白，百度、bing了好久都没找到解决方案。最终终于找到了…现在是2021年10月4日，你不需要像网上的教程说的那样修改vue.config.js中的publicPath, 更不需要添加什么 assetsDir，你只需要注释一行代码。。。。是的，这行代码怎么突然不香了呢。。。。。你怎么能辜负我对你的喜爱呢 55555啊，我逝去的几个小时时光啊！...
2021-10-04 21:44:34
304
1
原创 微信开发者工具使用用户名和密码作为认证方式时提示认证方式出现问题-＞完美解决
可能会解决你的问题吧微信开发者工具使用用户名和密码登录是最方便的，直接在软件内输入用户密码就可以搞定。然而不知道怎么回事，我这里拉取和提交代码突然老是报错并且困扰了我好一阵子。今天review以前的代码，实在受不了了。在这个答案下面找到的解决方案:微信开发者工具中的Git推送怎么设置成ssh？ | 微信开放社区在.git/conf 中修改远程仓库为http形式就OK了。写到这里我突然悟了， 远程仓库是ssh形式时需要用ssh秘钥的方式。方式是http时，直接用账户名...
2021-10-01 12:32:32
2377
1
原创 webpack 入门(4万字笔记)
webpack 学习前排提示: 这是webpack4速记 全局webpack所在目录(windows)： C:\Users\Dev\AppData\Roaming\npm\node_modules卸载 npm uninstall webpack -g 安装npm install webpack@version -g第1章：webpack 简介1.1 webpack 是什么webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。在 webpack
2021-09-28 18:39:33
193
1
原创 在vue中设置禁止缩放
vue脚手架3.x+ 只需在根目录public/index.html中将以下代码替换原有代码 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">初始比例、最大缩放比、最小缩放比均设置为1，且禁用了手指缩放功能。其他的不用管了，index.html里面有句话，构建的文件将会自动被注入(w
2021-09-26 21:11:32
1741
原创 03-Node.js模块加载机制
Node.js模块加载机制1.模块优先从缓存中加载在node.js中多次调用require()方法导入同一个模块不会重复执行，因为模块在第一次加载后会被缓存。好处是提高了模块的加载效率示例:输出结果:2.内置模块加载机制命名相同时，内置模块的优先级最高3.自定义模块加载机制导入自定义模块，必须有相对路径或绝对路径的表示符，例如./, ../等否则node会把其当做自定义模块或第三方安装模块，当找不到对应的内置模块或自定义模块时会抛出错误拓展名匹配规则在导入自定义模块时，如果省略
2021-09-13 13:48:25
99
原创 封装axios配置小记 | 抽离axios配置
以下代码本来出现在main.js中，但我觉得main.js太过臃肿，代码过多，反正本人是感觉很不舒服。在想能不能把这些代码抽离出来，但之前都是被灌输知识，真到了活学活用的时候还是慌。这怎么导出啊？搜到了这篇文章 https://blog.csdn.net/weixin_45115705/article/details/99672365办法是创建一个axios实例，但是本人太懒了，能不能少改点代码就完成导出的目的？ 把握不住，心里慌得一批。以我目前菜鸡的水平想了一会儿，要不试试直接export
2021-09-06 20:58:38
116
原创 06-axios拦截器的使用
官方解释: 在请求或响应被 then 或 catch 处理前拦截它们。官方示例代码:// 添加请求拦截器axios.interceptors.request.use(function (config) { // 在发送请求之前做些什么 return config; }, function (error) { // 对请求错误做些什么 return Promise.reject(error); });// 添加响应拦截器axios.interceptors.
2021-09-03 21:25:09
128
原创 css实现单行省略效果和多行省略
单行省略white-space: nowrap;overflow: hidden;text-overflow: ellipsis;多行省略 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /*设置对齐模式*/ -webkit-line-clamp: 2; /*设置多行的行数*/...
2021-08-28 11:44:22
4790
原创 内网穿透:什么是内网穿透,以及用什么软件
所谓的内网穿透，简单来说就是让我们本地的服务端口在通过公网也能够访问到。内网穿透，即NAT（Network Address Translator）穿透，是 指计算机在内网（局域网）内使用私有IP地址，在连接外网（互联网）时使用全局IP地址的技术 。. 该技术被普遍使用在有多台主机但只通过一个公有IP地址访问的私有网络中。. 举个例子：比如我在实验室配置了一个服务器 Server A，当我在实验室的时候，就可以通过自己的笔记本使用SSH连接【 因为我和服务器处于一个局域网 】，当我回宿舍以后，就没有办法直
2021-08-24 10:14:51
3568
2
原创 Error in created hook: “TypeError: Object(...) is not a function“
这只是我为了记一下自己犯的一个小错误，以后一定要细心呀。今天遇到了报错，百度也没有找到结果。https://blog.csdn.net/vicky_yongqi/article/details/102626338https://blog.csdn.net/weixin_42331508/article/details/100865628这两位童鞋排除的问题我都没有遇到，自己又看了看代码，找了好久妈的，原来是单词拼错了。记住这个教训...
2021-08-18 23:10:34
1750
2
转载 微信小程序踩坑 Cannot read property ‘setData‘ of undefined
https://www.jianshu.com/p/4f7b33e3e1df
2021-08-17 21:38:39
1196
原创 02-node之npm与包
包什么是包Node.js 中的第三方模块又叫做包。就像电脑和计算机指的是相同的东西，第三方模块和包指的是同一个概念，只不过叫法不同。包的来源不同于 Node.js 中的内置模块与自定义模块，包是由第三方个人或团队开发出来的，免费供所有人使用。注意：Node.js 中的包都是免费且开源的，不需要付费即可免费下载使用。为什么需要包由于 Node.js 的内置模块仅提供了一些底层的 API，导致在基于内置模块进行项目开发的时，效率很低。包是基于内置模块封装出来的，提供了更高级、更方便的 API，
2021-08-17 19:56:27
163
原创 01-Node之模块化
模块化什么是模块化模块化是指解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说，模块是可组合、分解和更换的单元编程领域中的模块化编程领域中的模块化，就是遵守固定的规则，把一个大文件拆成独立并互相依赖的多个小模块。把代码进行模块化拆分的好处：①提高了代码的复用性②提高了代码的可维护性③可以实现按需加载模块化规范模块化规范就是对代码进行模块化的拆分与组合时，需要遵守的那些规则。例如：使用什么样的语法格式来引用模块在模块中使用什么样的语法格式向外暴露成员模块化
2021-08-17 17:11:38
70
原创 Node.js可以做什么
Node.js 作为一个 JavaScript 的运行环境，仅仅提供了基础的功能和 API。然而，基于 Node.js 提供的这些基础能，很多强大的工具和框架如雨后春笋，层出不穷，所以学会了 Node.js ，可以让前端程序员胜任更多的工作和岗位。①基于 Express 框架（http://www.expressjs.com.cn/），可以快速构建 Web 应用②基于 Electron 框架（https://electronjs.org/），可以构建跨平台的桌面应用③基于 restify 框架（htt
2021-08-17 10:08:10
2020
原创 vscode添加自定义补全内容
今天发现我的vscode不能自动补全slot标签在搜索框中输入对应后缀，如果有直接选择，没有的话会创建对应的json文件。按照提示配置即可。出处：https://www.cnblogs.com/chnmig/p/10425504.html
2021-08-16 18:50:24
352
原创 Git笔记
版本控制系统的分类本地版本控制系统集中化的版本控制系统(SVN)分布式版本控制系统(Git)Git的特性直接记录快照，而非差异比较近乎所有操作都是本地执行SVN的差异比较传统的版本控制系统(例如SVN)是基于差异的版本控制，它们存储的是一组基本文件和每个文件随时间逐步累积的差异。好处：节省磁盘空间缺点：耗时、效率低在每次切换版本的时候，都需要在基本文件的基础上，应用每个差异，从而生成目标版本对应的文件。Git的快照记录Git 快照是在原有文件版本的基础上重新生成一份新的文件
2021-08-15 16:07:07
55
原创 大白话讲清什么是JSONP
原来一直以为JSONP是什么高大上的技术，今天可算搞明白什么是JSONP了。首先介绍两个概念：同源:顾名思义，同源主要在三方面，协议、域名、端口号都相同就是同源。同源策略:同源策略是浏览器的一种安全机制，不同源之间发生交互就会被浏览器拦截，导致无法进行数据请求等问题。JSONP就是程序员为了解决跨域问题，被迫想出来的一种策略。我们在写代码、做项目的过程中需要经常借助各种js库、框架，其中一种引用方式就是直接在script标签中引入。例如引入vue.js的一种方式：<script src
2021-08-13 21:25:55
173
1
原创 05-跨域与JSONP
同源如果两个页面的协议，域名和端口都相同，则两个页面具有相同的源。同源策略浏览器自身的安全机制跨域实现跨域数据请求，最主要的两种解决方案，分别是 JSONP 和 CORS。JSONP：出现的早，兼容性好（兼容低版本IE）。是前端程序员为了解决跨域问题，被迫想出来的一种临时解决方案。缺点是只支持 GET 请求，不支持 POST 请求。CORS：出现的较晚，它是 W3C 标准，属于跨域 Ajax 请求的根本解决方案。支持 GET 和 POST 请求。缺点是不兼容某些低版本的浏览器。JSONPJ
2021-08-13 21:02:33
118
原创 04-Ajax加强_xhr_URL_Json_xhr_Level2_axios
04-Ajax加强 | xhr |URL |Json|xhr Level2|axios文章目录04-Ajax加强 | xhr |URL |Json|xhr Level2|axiosXHR什么是XMLHttpRequest使用xhr发起get请求xhr状态带参数的请求使用xhr发起POST请求查询字符串URL编码编码与解码数据交换格式XMLXML和HTML的区别JSONJSON语法注意事项xhr Level2旧版XMLHttpRequestXMLHttpRequest Level2的新功能请求时限For
2021-08-13 19:18:44
108
原创 03-form表单与模板引擎
form表单form表单用于采集用户输入的信息，并通过form标签的提交操作，把采集到的信息提交到服务器端进行处理。表单的组成：表单标签表单域表单按钮form属性属性值描述actionURL地址规定当提交表单时，向何处发送表单数据methodget或post规定以何种方式把表单数据提交到 action URLenctypeapplication/x-www-form-urlencoded multipart/form-data text/p
2021-08-13 16:34:14
60
原创 通过手机访问电脑端口查看电脑上的网页
通过vs code中live serve插件可以开启一个服务器端口，使我们可以实时预览网页内容而不需要重复刷新。今天突然想在手机中通过局域网访问电脑中的网页，以下是步骤：前提是手机和电脑必须在同一局域网中，即手机和电脑必须连接同个热点。查看电脑局域网ip地址在命令行窗口中输入ipconfig，linux和mac是ifconfig找啊找，箭头指向的就是电脑的局域网地址在电脑本机浏览网页是这样的我们知道，127.0.0.1是本机的意思，我们需要在手机访问电脑端口，则需要在手机浏览器输入19
2021-08-13 10:45:19
2948
原创 02-bootstrap3+jquery ajax实现图书列表案例
这篇博客仅仅作为我对bs3和jquery的一个了解，感觉现在用的并不多，所以不打算深入学习。效果图网站推荐BootCDN 里面有各种文档，文档的中文版大都比较可靠。妈妈再也不用担心我上百度费心找正规文档了。boostrap3中文网站 想起几个月前还专门找来bootstrap的视频来看，现在想想真的太幼稚了，css组件库直接看文档就行。jquery中文网核心代码获取图书所有数据function getBookList() { // 1. 发起 ajax 请求获取图书列表数据 .
2021-08-13 09:16:39
460
原创 01-Ajax
01-Ajax客户端与服务器客户端：负责获取和消费资源的电脑客户端：上网过程中，负责存放和对外提供资源的电脑URL地址URL:统一资源定位符，用于表示互联网上每个资源的唯一存放位置eg: https://www.baidu.com组成部分：通信协议服务器名称具体存放位置eg: http://www.taobao.com/mine分析网页的打开过程请求->处理->响应服务器对外提供了哪些资源数据也是资源数据是网页的灵魂网页中如何请求网络数据？如果
2021-08-12 22:16:41
41
原创 Javascript | API和Web API
JavaScript的组成ECMAScriptDOMBOMECMAScript是欧洲的某个组织(ECMA欧洲计算机制造商协会)规定的JavaScript基础语法标准。DOM和BOM才能使我们与网页进行交互，统称为Web APIs。Web APIs标准由w3c规定。APIAPI就是给程序员提供的一种接口，一遍程序员能更轻松地完成想要的功能。Web APIWeb API是浏览器提供的一套操作浏览器功能和页面元素的API (DOM和BOM)。Web API接口参考|MDN...
2021-08-12 18:54:04
376
原创 记第一次pr
缘起整理相册的时候发现自己相册里有为了准备期末考试而从各方搜集到的资料，想删但又舍不得删除。开工fork进入该仓库，点击右上角的fork(就是分叉的意思)。此时，这个仓库就会自动出现在你的仓库列表中。克隆项目到本地git clone <仓库地址>仓库地址从此处获取3. 新建分支git checkout -b <分支名称>其实上面的命令意思是创建并进入该分支4. 提交git add .git commit -m "说明信息"push到远程仓
2021-07-22 19:52:06
63
原创 Vue学习第5天
组件化很重要????数据结构：数组/栈/堆/链表/树/图component组件extend继承Vue Cli 脚手架组件的使用分为三个步骤创建组件构造器注册组件使用组件创建组件构造器原理，都要经历 Vue.extend()全局组件和局部组件全局组件<my-cpn></my-cpn><script> const cpn = Vue.extend({ complate: `<div><h2
2021-04-06 20:37:08
58
原创 Vue学习第4天
Vue学习第5天v-model数据双向绑定原理知识盲点：input也是一个事件吗<div id="app"> <input type="text" :value='message' @input='valueChange'> //等同于 <input type="text" :value='message' @input='message = $event.target.value'> {{message}}
2021-04-05 16:37:36
45
原创 Vue学习第3天
计算属性、事件、条件、循环计算属性computed中是函数，但是用的时候当成属性来用，即用的时候不加（）。而且函数名一般起成名词的形式。<div id="app"> {{fullName}}</div><script> var app = new Vue({ el: '#app', data: { lastName: 'Chin', firstName: 'Howie
2021-04-05 16:37:07
110
原创 Vue学习第2天
Vue学习第2天代码规范：= 两边各加一个空格，冒号：后面也要加一个空格。缩进：四个空格，两个空格（前端->更加规范）插值操作Mustache语法⭐️也就是双大括号，mustache胡须mustache语法中，不仅仅可以直接写变量，也可以写简单的表达式。但是mustache表达式只能放到元素的内容区。v-once该指令后面不需要跟任何表达式（比如之前的v-for后面是跟表达式的）该指令表示元素和组件（组件后面才会学习）只渲染一次，不会随着数据的改变而改变v-htmlv-t
2021-04-01 22:50:22
81
原创 Vue学习第1天
Vue学习第1天简单认识一下Vue.jsVue不要读错。Vue是一个渐进式框架。渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心以及其生态系统比如Core+Vue-router+Vuex，也可以满足你各种各样的需求。Vue中很多特点和web开发中常见的高级功能。解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOM安装方式一：直接CDN引入<!-- 开发环境版本，包含
2021-04-01 22:49:56
70
原创 JS学习笔记1:JS基础
JS简介JS是一门真正意义上的语言。什么是语言语言是人和计算机交流的工具，人类通过语言来控制、操作计算机。JavaScript的起源JavaScript诞生于1995年，它的出现主要是用于处理网页中的前端验证。所谓的前端验证，就是检查用户输入的内容是否符合一定的规则。比如：用户名的长度、密码的长度、邮箱的格式网景公司(Netscape)的navigator (航海家)浏览器创造了live script，后改名为JavaScript。之后微软开发了JScript。之后网景公司捐献出Jav
2021-02-15 20:09:24
153
原创 理解编译器和解释器
理解编译和解释 编译和解释的概念以前在学校的PPT中见过，但是没有过多的去理解，所以当问起区别的时候还是什么都答不上来。 计算机只能识别机器语言，高级语言必须先翻译成机器语言才能被计算机所识别。翻译的过程称为编译。将高级语言翻译成机器语言的工具成为编译器。 编译器有两种类型，一种是仍然叫编译器，一种是解释器。翻译的方式有两种，一种就叫做编译，另一种叫做解释。使用编译器编译的语言成为编译性语言，使用解释器解释的语言称为解释性语言。1.编译性语言：例如C语言 C++ 将源代码统一交给编译器，
2021-01-06 23:13:55
727
原创 洛谷P1055 ISBN号码（C语言版）
这题把我整哭了，最后问别人才发现没有考虑X，也就是余数为10的情况。原题如下:点击进入题目链接每一本正式出版的图书都有一个ISBN号码与之对应，ISBN码包括99位数字、11位识别码和33位分隔符，其规定格式如x-xxx-xxxxx-x，其中符号-就是分隔符（键盘上的减号），最后一位是识别码，例如0-670-82162-4就是一个标准的ISBN码。ISBN码的首位数字表示书籍的出版语言，例如00代表英语；第一个分隔符-之后的三位数字代表出版社，例如670670代表维京出版社；第二个分隔符后的五位数字
2020-12-21 23:29:43
1019
1
原创 选择排序，冒泡排序（C语言版）
简单总结几个排序选择排序冒泡排序选择排序所谓选择法就是先将10个数中最小的数与a[0]对换；再将a[1]到a[9]中最小的数与a[1]对换……每比较一轮，找出一个未经排序的数中最小的一个（假设有10个数）#include<stdio.h>#define N 10int main(void){ int i, j, a[N]; //演示从小到大 printf("请输入%d个数：", N); for (i = 0; i < N; i++) { scanf_s("%d",
2020-12-11 17:53:01
308
原创 初识递归
#include<stdio.h>int fun(int);int main(void){ printf("%d", fun(5)); return 0;}int fun(int n) { int year; if (n == 1) { year = 10; } else year = 2+fun(n - 1); return year;}#include<stdio.h>int f(int);int main(void){ int n;
2020-12-11 17:27:40
75
原创 折半查找（二分查找）总结
#include<stdio.h>#define N 10 //宏定义数组长度，便于修改int sort(int a[], int, int); //声明函数int main(void){ int num[N] = { 1,2,3,4,5,6,7,8,9,10 }; int number; printf("请输入查找元素："); scanf_s("%d", &number); if(sort(num, N, number)==(-1)) printf("该元素不存
2020-12-11 17:07:04
248
原创 学校机房白嫖网络教程（实战版）
测试地点：学研大厦A座N08校园网免费额度不够？想白嫖网络吗？look here!主要目的：笔记本电脑通过网线上网，同时可以用电脑开热点供手机，平板电脑等设备使用。想白嫖机房的网络吗？你需要这样一个教程（纯小白版）。1.设备准备：RJ45 笔记本电脑一台首先你需要有一个RJ45。（本人亲测，建议买一个好的。便宜的网速不行，建议绿联或联想）。当然如果你的电脑上本来就有网线接口则不需要购买。可以直接在淘宝或京东搜索RJ45，像这样：2.正式步骤1.需要在学校机房的电脑查看相应的网络地址在
2020-12-03 20:27:21
13323
7
空空如也
vscode怎么设置slot标签补全?
2021-08-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人