前端技术
关注
分享
扫一扫
杨景文Blog
正人者，先正己，方能正人
展开
-
marked生成Markdown导致代码块错位的BUG解决
问题描述如上图，一段完整的代码被marked解析之后，出现错位。问题原因在marked.js低版本才会有此问题，最新的marked.js版本就没有这样的问题了。问题解决将项目中marked.min.js换成最新的marked就解决了问题。比如，我就是将marked换成了2.1.3版本就解决了此问题。...原创 2021-08-14 22:17:19 · 928 阅读 · 0 评论 -
Vue.js教程（一）：基本使用
vue.js是一套渐进式Javascript框架。是一个小巧好用的框架。简介Vue既然是一个js框架，那么基本上js能做的事情它都能做。Vue跟大多数js框架类似，都是优化js对DOM的操作。什么是DOM操作呢？看下面：<div id="app"></div>如果想通过JS动态设置div的内容。纯JS的操作如下：document.getElementById...原创 2018-11-15 15:20:53 · 446 阅读 · 0 评论 -
Vue.js教程（二）：v-bind动态属性
上一节我们学习了Vue的基本语法，里面有个占位变量{{message}}。这种{{message}}形式的vue变量只适合给标签中的文本复制（开始标签和结束标签中间的文字）。v-bind是给属性设置变量的。简介v-bind是给属性设置变量的。属性和文本的含义如下：<span title="qianfeng">hello Vue</span>如上，title是属...原创 2018-11-15 16:11:16 · 4464 阅读 · 0 评论 -
Vue.js教程（三）：v-if条件判断
v-if是继v-bind之后的又一个v-xxx系列前言v-if这是我们学习Vue中的的第二个v-xxx系列。学到这里，不得不提一下的是，所有v-bind或者v-if所关联的都是Vue的动态变量，是变量！是变量！是变量！v-if基本使用&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;原创 2018-11-15 16:21:11 · 47771 阅读 · 4 评论 -
Vue.js教程（四）：v-for循环操作
前言本篇主要是Vue的循环操作，需要遍历数组。所以本篇严格来说有两个知识点：1、v-for循环使用2、vue中数组的定义v-for基本使用1、定义数组<script type="text/javascript"> var app4 = new Vue({ el: '#app-4', data: { todos:...原创 2018-11-15 16:30:48 · 2030 阅读 · 0 评论 -
Vue.js教程（五）：v-on事件处理
Vue点击事件，使用v-on开头。Vue的事件很多很丰富，点击事件给button标签设置点击事件：<div id="app-5"> <p>{{ message }}</p> <button v-on:click="reverseMessage">点击替换P标签中的数据</button></原创 2018-11-15 16:55:01 · 474 阅读 · 0 评论 -
Vue.js教程（六）：v-model表单操作
v-model和v-bind有点类似，都是用来绑定标签属性的。但是v-model是表单控件操作，在其他标签是不好使。简介v-model是用来配合表单控件实现文字实时显示的效果（双向绑定效果）。v-model基本使用如下代码效果，修改了表单中的内容，p标签中的内容随着input输入框内容的变化而变化。<!DOCTYPE html><html lang="en" xm...原创 2018-11-15 17:03:35 · 1102 阅读 · 0 评论 -
Vue.js教程（七）：组件定义
简介Vue中的组件定义类似如下效果（当然Vue会更强大）：<ol id="comp"></ol>如果要给以上ol标签中添加一个li标签。不使用Vue你会这么做呢？ 可能如下是一种方式：document.getElementById("comp").innerHTML="<li>hello</li>";以上需求就可以使用Vu原创 2018-11-15 17:17:40 · 338 阅读 · 0 评论 -
axios框架：get和post请求
axios简介axios是一个取代我们常用的jQuery中ajax模块的一个框架。可以说功能跟ajax类似。本篇文章就是使用axios完成get和post的请求。axios代码风格采用链式结构。GET请求axios.get("http://localhost:8081/qunar/query?id=1") .then(function (value) { ...原创 2018-11-15 17:52:58 · 1821 阅读 · 3 评论