- 博客(36)
- 收藏
- 关注
RSS订阅原创 vscode启动vite+Vue3项目调试功能，QQ浏览器为例
注意：如果浏览器里当前项目地址“http://localhost:5173”打开了F12的话，断点就会执行在F12控制台里，而不是vscode里了。如案例项目为vue+vite3项目，启动后端口为5173，代码的行数前打断点，如图。然后点击绿色的小箭头，启动debugger。，展示效果如下图，则证明成功。否则地址应该是打不开的。成功的话，会进入到vscode的代码断点处。
2025-04-07 15:35:51
405
原创 vscode调试vite项目断点（debugger）
在代码的行数前面，点击鼠标左键，可以打断点，如果可以正常调试了，那么断点的颜色就是红色的，vscode左下角的“断点”里会出现一行数据，对应刚才打的断点，并且颜色也是红色的。如果调试模式未成功，颜色则会是灰色的，事实上断点不会触发。启动后，会有一个悬浮的调试工具栏。第一步生成的默认文件需要对应的修改url地址和端口等配置。下图是默认生成的launch.json文件的默认内容。点击调试功能栏里的调试，选择绿色的三角箭头，启动调试。页面效果：箭头指向的是页面的加载进度条。
2025-04-07 13:59:58
908
原创 uni-app,开发微信小程序时，自定义checkbox样式
important;important;important;</style>放在app.vue文件放在vue组件里，但是不能加scoped。
2025-02-20 17:41:06
146
原创 JavaScript 全局函数（常用）
javascript全局方法：decodeURI / decodeURIComponent / encodeURI / encodeURIComponent / isFinite / isNaN / Number / String / parseFloat / parseInt
2023-02-09 17:31:51
590
转载 HTML5 之 Meta 标签
mtea元素用于指定页面的信息和部分行为。通常用于指定网页的描述，关键字等。可以被使用浏览器、搜索引擎或其他 Web 服务调用。
2023-02-03 09:34:56
2104
1
转载 2021-09-28
UNIAPP开发APP时使用开屏启动图配置DELAY的时候不生效问题近期开发app的时候有加一个启动图的功能首先Uni-App 启动页和引导页是两个不同的东西，启动页是 Uni-App 自带的，不可去掉，只能修改相关配置。而引导页完全是需要开发者自行开发的。首先在项目里找到manifest.json—APP启动图配置，选择图片后基本上就有了启动图，但是因为uniapp启动非常快导致启动图还没看清就进入app的首页了，官方解决办法是在源码试图里的app-plus中配置splashscreen的delay
2021-09-28 14:15:05
251
原创 win10家庭版关闭windows defender方法
以管理员身份运行cmd或者Windows PowerShell；输入以下代码运行；reg add “HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows Defender” /v “DisableAntiSpyware” /d 1 /t REG_DWORD /f
2021-02-05 17:41:32
1159
1
原创 正则表达式，前后非空，中间可空
1、正则表达式，不允许在字符串的开头和结尾使用空格，但允许在字符串的中间使用空格^[^\s]+(\s+[^\s]+)*$2、如果要包括字符限制^[-a-zA-Z0-9-()]+(\s+[-a-zA-Z0-9-()]+)*$
2021-01-04 14:09:48
4679
原创 linux安装Nginx
linux安装node1、官网2、简介和特点3、特点3.1 IO多路复用3.2 轻量级3.3 cpu亲和4、Nginx常用功能4.1 Http代理，反向代理：作为web服务器最常用的功能之一，尤其是反向代理。4.2 负载均衡4.3 web缓存5、Nginx应用场景6、Nginx安装（linux）6.1 安装编译工具及库文件（即依赖包）6.2 下载Nginx6.3 编译、安装nginx6.4 配置Nginx6.5 启动、使用Nginx6.6 Nginx的使用方法1、官网Nginx官网http://ng
2020-12-21 17:50:05
455
原创 linux安装node
linux常用命令1、去node官网查看最新包2、在linux上下载、安装4、配置软连接5、额外：查看软连接1、去node官网查看最新包node官网https://nodejs.org/en/download/2、在linux上下载、安装1，获得最新的node包的版本和地址，使用wget命令下载wget https://nodejs.org/dist/v14.15.3/node-v14.15.3-linux-x64.tar.xz2，解压tar -xvf node-v14.15
2020-12-19 09:42:25
4437
10
原创 linux常用命令（一）
linux常用命令1、ls2、cd3、pwd4、mkdir5、rmdir6、rm7、cp8、mv1、ls英文全拼：list files: 列出目录及文件名将跟目录下的所有文件列出来(含属性与隐藏档)选项和参数说明a全部的文件，连同隐藏文件( 开头为 . 的文件) 一起列出来d仅列出目录本身，而不是列出目录内的文件数据l长数据串列出，包含文件的属性与权限等等数据[root@www ~]# ls -al ~cd /usr/binmkdir test1/
2020-12-18 15:44:37
151
1
原创 vue 项目 使用sass
1、 1-1、使用save会在package.json中自动添加。 npm install node-sass –save-dev npm install sass-loader –save-dev 1-2、可以通过淘宝的npm镜像安装node-sass，解决以上问题。 $ npm i...
2018-09-04 14:27:02
260
原创 vue项目环境配置、创建及启动
1、vue环境配置1.要使用vue来开发前端框架，首先要有环境，这个环境要借助于node，所以要先安装node，借助于node里面的npm来安装需要的依赖等等。 这里有一个小技巧：如果在cmd中直接使用npm来安装的一些工具的话会比较慢，所以我们使用淘宝的npm镜像： 输入： npm install -g cnpm –registry=https://registry.npm.ta
2017-11-07 15:54:17
2107
原创 vue学习07--进入/离开&列表过渡
1、过渡 过渡过渡的类名 在进入/离开的过渡中，会有 6 个 class 切换。 v-enter：定义进入过渡的开始状态。在元素被插入时生效，在下一个帧移除。 v-enter-active：定义过渡的状态。在元素整个过渡过程中作用，在元素被插入时生效，在 transition/animation 完成之后移除。这个类可以被用来定义过渡的过程时间，延迟和曲线函数。
2017-11-03 11:36:42
555
原创 vue学习06--v-bind:class和v-bind:style
所有代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-bind - 绑定页面中的元素属性</title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
2017-11-02 18:07:18
4892
原创 vue学习05--Vuejs中computed、methods、watch的区别[2]
看了很多资料，官方文档、博客、论坛等，写出以下例子，可看出部分区别： 当然，我个人简单理解如下：（并不准确，甚至错误，望大神纠正补充，感激不尽） computed有缓存，若相关数据未发生变化，则不调用； methods无缓存，需要事件才能调用它（如点击等）； watch多用于数据交互频繁的内容。（例如定时axios从服务器获取数据）<!DOCTYPE html><html> <he
2017-11-02 18:02:26
874
转载 vue学习04--[转发]Vuejs中computed、methods、watch的区别
转自：http://blog.youkuaiyun.com/smartdt/article/details/75557369官方文档地址：https://cn.vuejs.org/v2/api/#computed1#computed：计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。 2#methods：methods 将被混入到 Vue
2017-11-02 14:57:46
325
转载 快捷键
快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl + Q插入链接 Ctrl + L插入代码 Ctrl + K插入图片 Ctrl + G提升标题 Ctrl + H有序列表 Ctrl + O无序列表 Ctrl + U横线 Ctrl + R撤销 Ctrl + Z重做 Ctrl + YMar
2017-11-02 11:39:41
140
原创 vue学习03--模板语法
vue学习03–模板语法Vue.js 使用基于 HTML 的模板语法，允许声明式地将要渲染的 DOM 和 Vue 实例中的 data 数据绑定。所有 Vue.js 的模板都是有效的 HTML，能够被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上，Vue 将模板编译为虚拟 DOM 渲染函数。结合响应式系统，在应用程序状态改变时，Vue 能够智能地找出重新渲染的最小量的组件，并应用最少量的
2017-11-02 11:36:52
201
原创 vue学习02--处理用户输入(v-on/v-model/v-show/v-text/v-html)
处理用户输入为了让用户和你的应用程序进行交互，我们可以使用 v-on 指令 来增加事件监听器，触发事件后会调用 Vue 实例中 methods 下定义的方法：效果如下图：
2017-11-02 10:41:38
259
原创 vue学习01--v-bind:title/v-if/v-for
[以下代码/截图均默认已引用vue.js]1、数据和 DOM 关联 2、v-bind称之为指令指令带有前缀 v-，表示是由 Vue提供的专用属性。3、条件与循环（v-if，v-for）
2017-11-02 10:19:25
1750
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人