前端
关注
分享
扫一扫
文章平均质量分 73
知识的芬芳和温柔的力量全都拥有的小王同学
这个作者很懒，什么都没留下…
展开
-
VS Code + Node.js 断点调试
在vs code 中调试 javascript 程序原创 2022-03-29 22:07:46 · 2286 阅读 · 0 评论 -
【前端笔记】十一、v-for循环普通数组、对象数组、对象、数字
Vue指令之v-forv-for可以实现循环，语法格式大概为v-for=“item in list”in后面可以放普通数组、对象数组、对象、数字1、循环普通数组v-for="(item,i) in list"示例：数据准备，在vue实例的data中新增一个list数组data: { list: [1, 2, 3, 4, 5]}遍历数组：<ul> <li v-for="(item,i) in list">索引：{{i}}---每一项：{{item}}<.原创 2021-10-05 18:16:37 · 11520 阅读 · 0 评论 -
【前端笔记】十、在vue中使用样式
代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&.原创 2021-10-05 17:56:13 · 262 阅读 · 0 评论 -
【前端笔记】九、vue的双向数据绑定及实例
v-model原创 2021-10-03 20:24:51 · 292 阅读 · 0 评论 -
【前端笔记】八、vue指令的事件修饰符
vue指令的事件修饰符.stop 阻止冒泡.prevent 阻止默认事件.capture 添加事件侦听器时使用事件捕获机制.once 事件只触发一次.self 只在元素本身被触发时触发回调事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&原创 2021-10-03 20:16:34 · 134 阅读 · 0 评论 -
VSCode下使用git
Git Bash设置GitHub教程 Git Bash详细教程下载Git Bash设置用户SSH设置GitHub教程 SSH keys配置设置本地SSH添加至GithubGithub仓库新建仓库本地目录打开git bash复制粘贴Github提供的命令到git bashgit操作git add -A ：提交变化git commit -m "修改注释" ：将当前暂存区的文件实际保存到仓库的历史记录git push -u 仓库名称 分支：上传VSCode下的git原创 2021-09-28 20:59:43 · 1234 阅读 · 0 评论 -
VSCode创建自定义代码段自动新建Vue实例
VSCode中有一些自带的自动代码，比如输入！然后Tab或者Enter会自动创建html代码那么如何像这样很方便地创建自定义的自动代码段呢，本文以新建Vue实例代码段为例进行介绍。1. 按F1，然后输入snippets2. 选择编辑现有的全局代码片段，也可以新建全局代码片段3. 输入命名，然后就会打开或者新建该自定义.code-snippets代码设置文件，可以直接复制粘贴 // Place your 全局 snippets here. Each snippet is defined un原创 2021-09-24 11:49:06 · 593 阅读 · 1 评论 -
【前端笔记】七、vue基本指令（v-cloak、v-text、v-html、v-bind、v-on）及应用（实现跑马灯效果）
一、简介v-cloakv-textv-htmlv-bindv-on二、Vue实例——实现跑马灯效果创建实例先！+Tab创建一个html实例，然后在script中引入下载好的vue库（例子放在了新建的lib文件夹下），写入跑马灯的开启和暂停按钮，以及文本元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-原创 2021-09-22 19:44:53 · 487 阅读 · 0 评论 -
【前端笔记】六、MVC和MVVM的区别
MVC是后端的分层开发概念，Model层负责处理数据流的CRUD，View层处理视图，Controller层处理业务逻辑MVVM是前端视图层的概念，主要关注于视图分离，把前端的View层分为了三个部分：Model、View、VM ViewModel。MVC和MVVM的关系图解:参考：MVC和MVVM的关系图解...原创 2021-09-15 10:49:11 · 175 阅读 · 0 评论 -
【前端笔记】五、初识VUE
一、简介vue是一套用于构建用户界面的渐进式框架：构建用户界面：顾名思义，就是可以用来写界面的框架渐进式：既可以改造一个页面的一个小部分，也可以从零开始做个复杂的网站vue框架的核心思想是数据驱动：vue框架会监听数据的变化，每当数据发生改变后，vue框架会利用新的数据重新渲染页面，无需手动进行繁琐的DOM操作二、Vue实例创建实例先！+Tab创建一个html实例，然后在body中引入vue源码<!DOCTYPE html><html lang="en">原创 2021-09-07 19:35:35 · 233 阅读 · 0 评论 -
【前端笔记】四、前后端通信实例（http协议和Ajax）
一、准备工作js和界面部分和前面的笔记一样【前端笔记】二、JavaScript实例通信部分【前端笔记】三、前后端通信（http协议和Ajax）回顾发送请求的方法：//需要发送的消息var msg = 'hello'// 创建一个XHR对象var xhr = new XMLHttpRequest();console.log('刚刚创建的XHR对象：', xhr.readyState);// 打开XHR对象，xhr.open('POST', 'https://www.qsxqd.com/a原创 2021-09-07 10:56:12 · 420 阅读 · 0 评论 -
【前端笔记】三、前后端通信（http协议和Ajax）
目录一、http协议请求报文1. 请求行2. 首部字段3. 消息体响应报文1. 状态行二、AjaxXMLHttpRequest1.open2. send3. 获取服务器返回的数据一、http协议http协议就是前端与后端之间相互通信所遵循的协议，协议定义了传输信息的格式，信息所表示的具体的含义。前端和后端之间沟通的信息分为两种：前端给后端发送的信息叫做请求报文，也就是HTTP request后端回复前端的信息叫做响应报文，也就是HTTP responsehttp协议最主要的内容就是定义了请原创 2021-08-16 17:42:11 · 2540 阅读 · 0 评论 -
【前端笔记】二、JavaScript实例
先搭一个界面<header> <h2>聊天机器人</h2></header><ul class="message-list" id="message-list"> <li class="message-list__item-robot"><div> 你好，我是聊天机器人 </div></li> <li class="message-list__item-use原创 2021-07-25 20:41:05 · 626 阅读 · 5 评论 -
【前端笔记】一、DOM和BOM
DOM（Document Object Model），即文档对象模型常用节点操作创建节点：document.createElement添加节点：element.appendChild删除节点：element.removeChild查找节点：document.getElementById、document.getElementsByClassName、document.querySelector、document.querySelectorAll举例：<!--html页面-->原创 2021-07-20 16:42:17 · 190 阅读 · 0 评论