- 博客(86)
- 收藏
- 关注
RSS订阅转载 vscode中iview的</Col>标签报错问题
直接看问题截图：这是vetur中eslint的问题，在vscode菜单中，文件->首选项->设置找到“vetur.validation.template”: true将其改为false，就可关闭eslint的检查，错误消失重启后恢复正常转载于:https://www.cnblogs.com/stella1024...
2019-03-27 14:18:00
1061
转载 js中数字直接点方法会报错，如1.toString()
Number(11).toString()"11"var num = 111;undefinednum.toString()"111"111.toString()VM234432:1 Uncaught SyntaxError: Invalid or unexpected token原因：JavaScript的解释器把数字后的"...
2019-03-21 17:28:00
348
转载 iview导航菜单updateOpened和updateActiveName的使用
先看官方文档： iview导航菜单这里主要遇到的问题有两个：1. 点击回到首页（B按钮）时需要取消选中当前选中的菜单项（全部不选中），这里用到的是updateActiveName方法2. 点击收起菜单（A按钮）时，关闭所有展开的子菜单（只展示一级菜单），这里要用到的是updateOpened方法截图如下：先看下这两个方法的文档说明，直接看不是很清楚到...
2019-03-20 16:45:00
1837
转载 vue项目中主要文件的加载顺序（index.html、App.vue、main.js）
先后顺序：index.html > App.vue的export外的js代码 > main.js >App.vue的export里面的js代码 > Index.vue的export外的js代码测试的页面代码块：文件的加载先后顺序：Index.vue的mounted()中的输出没有执行。why？--------...
2019-03-20 10:02:00
2147
转载 纯css实现不同方向的三角形
.triangle { position: relative; &:after { position: absolute; top: 50%; transform: translate(0,-50%); right: 0; content: ''; ...
2019-03-18 10:50:00
206
转载 vue中axios的安装和使用
有很多时候你在构建应用时需要访问一个 API 并展示其数据。做这件事的方法有好几种，而使用基于 promise 的 HTTP 客户端axios则是其中非常流行的一种。安装包：如果没有安装cnpm则直接使用npm哦。$ cnpm install axios -s√ Installed 1 packages√ Linked 2 latest versions√ R...
2019-03-14 11:03:00
299
转载 vue安装及axios、stylus、iview的安装流程整理
现在做的项目中主要用到以下几个安装包，所以整理下流程：使用命令行工具npm新创建一个vue项目vue中axios的安装和使用在vue项目中stylus的安装及使用如何在vue中全局引入stylus文件的公共变量在vue里面使用iView框架转载于:https://www.cnblogs.com/stella1024/p/10528693.html...
2019-03-14 10:38:00
120
转载 实现文本在标签内平均分布的css样式
这里有一个容器，添加了一段文字，想让它们平均分布达到标签flex布局的效果，而不是靠左、靠右或者居中显示。添加样式：text-align: justify;text-align-last: justify;最终效果：兼容处理：display: block;width: 100px;text-align: justify;...
2019-02-27 16:25:00
492
转载 vue项目中在同一页面多次引入同一个echarts图表子组件的自适应问题
在父组件页面引入两次该图表子组件显示的效果： 由于是百分比宽高，所以在窗口发生变化时，需要让图表也跟着自适应，所以才出现了本次讨论的问题啦。先看下完整的图表子组件代码（在父组件就是直接引入，不需要传参哦）：<template> <div ref="pieDom" style="width: 100%;height: 100%;"...
2019-02-25 11:30:00
1888
转载 vue中子组件通过$parent操作父组件的参数或者方法
先看一个简单的demo：父组件添加一个弹框，弹框的内容是另外导入的一个子组件：<Modal v-model="accountDetailsModal" class="ivu-model-cell" footer-hide width="92%" :styles="{height: '90%'}"> <accountDeta...
2019-02-20 11:57:00
667
转载 vue项目在IE9下报错 “requestAnimationFrame”未定义
在main.js里面添加：(function () { var lastTime = 0; var vendors = ['ms', 'moz', 'webkit', 'o']; for (var x = 0; x < vendors.length && !window.requestAnimationFr...
2019-02-13 14:27:00
861
转载 在vue项目中stylus的安装及使用
Stylus是一个CSS预处理器。Stylus安装包安装：dell@DESKTOP-KD0EJ4H MINGW64 /f/gsff-frone$ cnpm install stylus --save-dev√ Installed 1 packages√ Linked 14 latest versions√ Run 0 scripts√ All packag...
2019-01-14 17:47:00
383
转载 如何在vue中全局引入stylus文件的公共变量
新建 一个公共的stylus公共文件添加公共变量，如下：修改下图圈出的文件：具体的修改如下：// generate loader string to be used with extract text plugin function generateLoaders (loader, loaderOptions) { const loaders = ...
2019-01-04 18:15:00
515
转载 基于cytoscape.js 、 d3.js实现的关系图谱初级版本
前面的文章已经介绍了cytoscape.js 、 d3.js的安装及简单demo，现在展示从html页面转移到vue项目下的最初版的demo效果图：代码如下：<template> <div style="width: 100%;height: 100%;"> <div id="MainCy" style=...
2018-12-20 11:18:00
1153
转载 d3.js在vue项目中的安装及案例
1. 安装：npm i d3 --save2. 引入：main.jsimport * as d3 from "d3";Vue.prototype.$d3 = d3;window.d3 = d3; //暂时设置为全局变量3. demo代码： demo源码参考地址<template> <div s...
2018-12-19 17:39:00
485
转载 cytoscape.js在vue项目中的安装及案例
1. 安装：npm i cytoscape --save2. 引入：main.jsimport cytoscape from 'cytoscape';Vue.prototype.$cytoscape = cytoscape;3. demo代码：<template> <div id="MainCy" style="wi...
2018-12-19 17:21:00
605
转载 vue路由router的三种传参方式
方法三：传参页面传递参数方式：this.$router.push({ path: 'indexTwoDetails', query: { "id": id }})接受参数页面获取参数：console.log(this.$route.query.id)使用path来匹配路由，...
2018-11-23 16:16:00
119
转载 vue项目警告There are multiple modules with names that only differ in casing
执行npm run dev后出现了警告提示：warning in ./src/components/Public/yearSelectCell.vueThere are multiple modules with names that only differ in casing. //有多个模块同名仅大小写不同This can lead to unexpect...
2018-11-15 09:47:00
280
转载 vue+iview实现一行平均五列布局
iview 的栅格布局是以html代码部分：<Row :gutter="20"> <Col style="float: left;width: 20%;"> <div style="border: 1px solid;"> 1111 </div> ...
2018-10-12 09:35:00
996
转载 vue的无缝滚动插件vue-seamless-scroll的安装与使用
npm安装地址https://www.npmjs.com/package/vue-seamless-scroll命令行执行:npm install vue-seamless-scroll --save然后在main.js文件里面引入使用：import scroll from 'vue-seamless-scroll'Vue.use(scroll)...
2018-10-12 09:32:00
867
转载 在vue项目中使用swiper2.7.6
$ npm install swiper@2.7.6 --save-devnpm WARN rollback Rolling back node-pre-gyp@0.10.0 failed (this is probably harmless): EPERM: operation not permitted, scandir 'F:\test\text-vue\test\n...
2018-10-12 09:32:00
623
转载 vue项目在IE下报 [vuex] vuex requires a Promise polyfill in this browser问题
如下图所示，项目在IE11下打开报错：因为使用了 ES6 中用来传递异步消息的的Promise，而IE浏览器都不支持。解决方法：第一步： 安装 babel-polyfill 。 babel-polyfill可以模拟ES6使用的环境，可以使用ES6的所有新方法$ npm install --save babel-polyfillnpm WARN ajv-keyw...
2018-10-04 15:20:00
176
转载 下载一个vue项目执行npm install 后运行项目npm run dev后出错 - 问题解决
在SVN上拉下来一个vue项目，上面没有提交项目里面的node_modules文件夹，所以要自己执行 npm install 安装，但安装完后运行项目后却报错了：$ npm run dev> poverty@1.0.0 dev F:\05 poverty alleviation project\poverty-git> webpack-dev-server...
2018-07-19 15:56:00
2182
转载 解决axios请求本地的json文件在打包后路径出错问题
vue 项目中使用axios请求了本地项目的static文件夹下的json文件，使用npm run build 打包后，在Hbuilder编辑器打开，页面报错404：在浏览器打开的路径 http://127.0.0.1:8020/poverty/dist/index.html我们可以看到index.html前面还有两个文件层级，也就是说json文件的路径已经发生变化，而不...
2018-07-09 14:16:00
974
转载 调用百度地图开发平台的JavascriptAPI实现将市县位置转换成坐标
最近的项目要做的地图比较多，有的还比较复杂，而地图用到的坐标，上网找json文件更是良莠不齐的。真是让人伤脑筋，后来突然想到了百度地图开发平台，没想到真的有对应的API哦，谢天谢地！！！下面说一下完整的实现过程吧。详细步骤： 1. 首先找到百度地图开发平台 （链接：http://lbsyun.baidu.com/） 2.打开下图的Javascript API页面：...
2018-07-05 14:05:00
426
转载 在vue-cli建的vue项目中使用sass
前面已使用vue-cli新建了一个vue项目，参考使用命令行创建一个vue项目的全部命令及结果首先看下新建项目的页面和代码，有部分修改，可忽视，如下图： 然后我们在页面添加sass的代码：修改完保存后立即就报错了： 在使用scss之前，我们首先需要安装相关的插件： 这里参考的是：链接（vue 项目 使用sass）$ npm ...
2018-07-02 16:58:00
206
转载 在vue里面使用iView框架
iView框架的文档 https://www.iviewui.com/docs/guide/install这里使用的是 npm 来安装，在项目下执行下面命令npm install iview --save：$ npm install iview --savenpm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0....
2018-06-29 12:07:00
216
转载 vue-cli新建vue项目安装axios后在IE下报错
使用脚手架新建了一个vue项目，可以在IE9+浏览器运行，但是在添加了axios后，在IE下就报错了首先是安装axios，在命令行执行：$ npm install axios -s //执行命令，下面是输出结果+ axios@0.18.0added 1 package from 1 contributor and audited 32846 packages i...
2018-06-29 09:52:00
617
转载 使用命令行创建一个vue项目的全部命令及结果
dell@DESKTOP-KD0EJ4H MINGW64 /f/05 项目$ npm install --global vue-clinpm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)D:\nodejs\node_glob...
2018-06-29 09:18:00
320
转载 vue项目打包后路径出错
安装完vue后搭建了一个项目，直接执行 npm run dev 是可以正常打开页面的：但是执行 npm run build 打包项目后打开却报错了，如下：原来是项目中的静态文件路径报错了。。。然后就针对这个问题去查找解决方法：第一步：第二步： 找到下面文件，添加一行代码：publicPath: '../../'第三步：重新执行 np...
2018-06-28 15:48:00
264
转载 安装vue后报错 bash: vue: command not found
今天参照之前写的vue的环境搭建一个新的项目http://www.cnblogs.com/stella1024/p/7570884.html安装完vue，并提示成功：$ npm install vue -g+ vue@2.5.16updated 1 package in 4.594s然后执行命令查看是否可以正常使用的时候报错了：$ vue -V...
2018-06-26 11:36:00
784
转载 js插件实现点击复制内容到粘贴板，兼容IE8
先来看下本次需要导入的文件：第一个是jquery.js，这个不多说；第二个是jquery.zclip.js，第三个是zeroClipboard.swf ，这两个文件的下载链接：http://www.bootcdn.cn/zclip/那么如何使用上面链接 呢？1. 复制上面链接在浏览器打开，其中zeroClipboard.swf打开会直接下载，如果你的浏览器不会直接下载...
2018-06-12 14:02:00
284
转载 将url动态转换成二维码插件 - 兼容IE8
插件地址 http://static.runoob.com/assets/qrcode/qrcode.min.js ，网页直接打开，然后ctrl+s保存到本地。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title...
2018-06-12 11:13:00
168
转载 js 保留字符串中的关键字前后两个字符其他内容用省略号显示
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script>...
2018-06-08 15:26:00
407
转载 前端显示带格式的字符串内容
我们知道pre是可以将内容按输入的格式显示出来，包括空格，换行符等。而使用该标签先要给pre标签设置样式： white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; ...
2018-06-07 16:57:00
1011
转载 切割数组 - 将一个数组拆分成多个长度为n的数组
有时候接口返回的数据很长，而前端显示需要分组显示这些数据，这个时候就需要将数组拆分：datas = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15];var arrLen = 7; //这里一行数组最多7个var newDataArr = [];for (var i=0;i<datas.length;i+=arrLen) { ...
2018-06-07 09:59:00
2755
转载 css实现栏目两边斜线的效果
实现效果：具体实现代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .wrapper {...
2018-06-06 14:54:00
275
转载 使用ie的filter来解决rgba在IE8下没有效果的问题
使用ie的filter来解决rgba在IE8下没有效果的问题，css代码如下：background: rgba(255,255,255,0.1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff); 第二句话的意思就是当上一行的透明度不...
2018-05-07 14:00:00
225
转载 纯css实现不固定行数的文本在一个容器内垂直居中
项目中要实现的效果如图：html代码 及 css代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> ...
2018-04-21 17:18:00
166
转载 单选按钮组选中的按钮默认样式替换成图片
要实现下面单选按钮组的选中状态用图片显示：html结构： <div class="select-radio-box"> <div class="select-box"> <input val...
2018-04-12 16:14:00
969
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人