向梦想出发11-优快云博客

原创 [vue]-通过url链接获取markdown并高亮显示

之前也有篇文章将markdown文件转html的，但是这次后台变了，后台将返回url的形式，并且之前发现的LaTeX 公式无法转换，因此换了插件。安装以下依赖vue-markdown、highlight.js（高亮的）vue-markdown源码：https://github.com/miaolz123/vue-markdownPS：v-if=show 是因为vue-markdown仅在开始时渲染一次，它将覆盖source的属性。而我要多次渲染直接贴代码了<template>

2021-03-26 15:39:03 649

原创 Vue ---markdown格式转html，语法高亮

Vue —markdown格式转html，语法高亮此需求分为多个步骤：1、将markdown文件的字符串转为html，展示在页面上2、对语法要进行高亮展示3、markdown的样式调整1、将markdown文件的字符串转为html，展示在页面上1、我这边的test案例是自己写的markdown的字符串进行转的，当然，也可以调后台接口拿到markdown的json字符串1、安装两个插件github的地址（https://github.com/highlightjs/highlight.j

2021-02-26 14:19:09 2341 2

原创 vue 移动端input被输入法键盘挡住解决方法

解决方法：1.先给最外层的div一个ID取名比如 id="apply"如下图：2.定义一个class:.focusState {position: absolute;}3.利用监听键盘的收起展开事件来添加移除定义的focusState 样式 created(){ var clientHeight = document.documentElement.clientHeight || document.body.clientHeight; window.onresi

2020-11-30 16:06:16 4352 4

原创 vue项目兼容 edge和ie

vue项目 edge和ie打开都空白，有时还会报错；方法如下：1、安装babel-polyfill，npm install babel-polyfill --save2、在main.js里引入，import 'babel-polyfill' 一定要在最上面引入3、vue.config.jsrequire('babel-polyfill')module.exports 里添加：transpileDependencies: [ 'iview', 'axios', ]

2020-06-27 14:23:02 3135

原创前端导出表格，且带边框样式

背景：我的项目用的是iview-admin2.0框架，里面将iview进行了升级，而且表格里用到了fiexd，对特殊的列进行了浮动。需求是要求前端进行表格导出，而且要带边框。用到了如下技术；import FileSaver from “file-saver”;import XLSX from “xlsx”;import xlsxStyle from “xlsx-style”;import XSU from “./xlsxStyle.utils”;～～～～～～～～～～～～～～～～～～～～～～～

2020-06-27 14:14:41 4019

转载解决ios下的微信打开的页面背景音乐无法自动播放

标签：后面的项目发现，还有两个坑，需要注意下：·本文的解决方案的核心是利用了微信/易信在ready的时候会有个 WeixinJSBridgeReady/YixinJSBridgeReady事件，通过监听这个事件来触发的。那有个坑就是如果微信已经ready了，但还没执行到你监听这个ready事件的代码，那么你的监听是没用的，所以最理想的情况是，监听的js放在head前面(放在c

2017-10-10 11:21:57 8787

原创 vue 路由页面之间如何用手指进行滑动

问题描述：vue 路由页面之间如何用手指进行滑动解决方法：1、下载依赖：npm intall vue-touch --save -D2、在需要滑动的页面添加标签; 注意要宽高，当页面有东西要写入时，可用v-touch 包裹着其他标签；如：3、methods 中分别写入它们的方法；onSwipeLeft（）{。。。。。。。}，onSwipeRight（）{

2017-09-07 10:38:09 3753

原创 vue 项目打包时样式及背景图片路径找不到

问题描述：vue项目打包后，文件找得到，但是引用的字体及背景图片找不到；解决方法：

2017-09-07 10:36:00 9268 1

原创 vue打包后index文件一片空白

vue项目你npm run build打包后，点开index文件打开一片空白，并报错解决方法：路径问题，

2017-07-25 20:41:25 4733

原创 vue中监听input只能输入数字及英文或者其他情况

1.、（只能输入数字，英文) (只能输入数字，英文及中文) (只能输入数字，英文及中文)2.watch:{ searcBarCode:function(){ this.searcBarCode=this.searcBarCode.replace(/[\W]/g,'');

2017-06-01 16:04:00 30353

原创 JavaScript如何给页面加一个后退按钮

1.先在页面上增加一个返回按钮，并用a标签来定义，点击事件来写后退 2.接下来写js代码：returnPrevious(){window.history.back(-1);},同理前进按钮：html：前进 js： returnPrevious(){window.history.back(-1);},

2017-06-01 15:47:26 929

原创 browser-sync的使用

1.创建一个 package.josn 文件：npm init -y2.安装 browser-sync:npm install –save-dev browser-sync3. 将 browser-sync 包保存到开发依赖中就可以执行 npm install 的时候加入 –production 选项不安装这个包 npm i -D browser-sync4.在 package.json 文件中加

2017-05-02 15:12:45 661

原创 vue中引用jQuery

1.npm install jquery –save ( npm install jquery)2.webpack.config.js 中添加resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js', 'jquery':'jquery'}},plugins中添加如下： new webpack.ProvidePlugin({

2017-05-02 15:10:18 739

原创 Vue中如何使用vue-resource获取端口数据

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-05-02 15:06:33 1865

github_38469586的博客