- 博客(72)
- 收藏
- 关注
RSS订阅转载 网址收藏
1.算法相关:https://visualgo.net/zh 2.react相关视频:https://yq.aliyun.com/live/1071 3.vue转react视频:https://yq.aliyun.com/live/1026?spm=a2c4e.11154022.liveshowinfo.8.1bb06cbc9CCTBT 4.vue部署服务器404: htt...
2019-09-05 16:02:00
330
转载 vue中另一种路由写法
一个项目中一级菜单是固定的,二级及其以下的菜单是动态的,直接根据文件夹结构写路由 import Vue from 'vue' import Router from 'vue-router' import Lockr from 'lockr' import { LoadingBar } from 'iview' import { getToken } from '@/libs...
2019-08-22 10:14:00
466
转载 webpack 多环境打包
目前来说有两种方案: 方案一: 1.修改build文件夹下build.js文件 添加声明变量 2.修改config文件夹下dev.env.js文件 这个是开发环境所用版本 3.修改config文件夹下prod.env.js文件 添加不同环境的名称,暂时以正式环境和测试环境两个环境为例 4.不同配置参数引用 ...
2019-08-12 13:37:00
741
转载 vue项目搭建
1.npm install vue 2.vue install vue-cli 3.npm install webpack 4.vue init webpack 5.npm install 6.npm run dev 开始跑项目 修改配置项 1.autoOpenBrowser: true 2.productionSourceMap: false 安装样式文件 npm ...
2019-05-10 13:31:00
174
转载 iview在ie9及以上的兼容问题解决方案
兼容requestAnimationFrame let lastTime = 0 let vendors = ['ms', 'moz', 'webkit', 'o'] for (let x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) { window.requestAn...
2019-03-11 18:07:00
204
转载 js实现工具函数中groupBy数据分组
数据 this.tableData = [ {id: 1, name: '测试', number: 1, price: 0}, {id: 2, name: '测试', number: 1, price: 0}, {id: 3, name: '测试', number: 1, price: 0}, {id: 4, ...
2019-03-04 13:04:00
1032
转载 less 循环模拟sass的for循环效果
// 输入框部分宽度 从10px到600px 相隔10像素 .generate-widths(600); .generate-widths(@n, @i: 10) when (@i =< @n) { .width@{i} { width: 0px + @i; } .generate-widths(@n, (@i+10)); } .wi...
2018-12-29 16:01:00
380
转载 vue 自动生成菜单
import constant from './const' export function getRouters (files) { let filenames = files.keys() let list = mapToList(filenames) let routerArr = getTree(list) return routerArr } ...
2018-12-25 15:38:00
273
转载 JS获取树的父节点及祖先节点
主体函数 export function findAllParent (node, tree, parentNodes = [], index = 0) { if (!node || node.fid === 0) { return } findParent(node, parentNodes, tree) let parentNode = par...
2018-12-24 16:23:00
2605
转载 textarea换行符转换
/** * @description textarea换行符转指定字符 * @param str：要放到textarea的字符串 * @param code：要转换成换行的字符,默认为',' */ export const textareaToString = (str, code = ',') => { let lineFeed = '\n' l...
2018-12-21 18:04:00
295
转载 iview获取全选和半选数据（方法一：基于树型数据）
在用iview的时候发现iview的树中获取半选和全选的函数getCheckedAndIndeterminateNodes在我使用的iview版本里面是没有提供的， 于是自己写了一下获取全选和半选节点的数据 这个是最最笨的方法 this.halfCheckData = [] checkData = this.$refs.menuTree.getCheckedNodes() ...
2018-12-21 11:39:00
1180
转载 axios导出 excel
this.axios({ methods: 'get', url: url, responseType: 'blob' }).then(res => { const blob = new Blob([res]) const fileName = '导出信息.xls' if ('download' in document.createElem...
2018-12-20 17:14:00
361
转载 vue js 格式化时间
常用于iview日期组件时间处理 /** * @param {Number} num 数值 * @returns {String} 处理后的字符串 * @description 如果传入的数值小于10，即位数只有1位，则在前面补充0 */ const getHandledValue = num => { return num < 10 ? '0'...
2018-12-20 16:08:00
213
转载 vue js格式化数字为金额格式
/** * @description 格式化金额 * @param number：要格式化的数字 * @param decimals：保留几位小数 默认0位 * @param decPoint：小数点符号 默认. * @param thousandsSep：千分位符号 默认为, */ export const formatMoney = (number, d...
2018-12-19 17:46:00
6360
转载 vue render中如何正确配置img的路径
第一种：适用于静态路径 attrs: { src: require('../common/images/logo.png'), title: 'img' } 第二种：适用于动态路径 domProps: { src: params.row.url, title: 'img' } 第三种： template ...
2018-12-13 10:18:00
694
转载 vue 表格树 固定表头
参考网上黄龙的表格树进行完善，并添加固定表头等的功能，目前是在iview的项目中实现，如果想在element中实现的话修改对应的元素标签及相关写法即可。 <!-- @events @on-row-click 单击行或者单击操作按钮方法 @on-selection-change 多选模式下 选中项变化时触发 ...
2018-12-07 18:11:00
536
转载 加载图片出现403的问题
有时候服务器会做一些限制，这样我们有时候访问图片的话就会出现403的报错。 但是把图片地址复制出来在地址栏打开的话是可以正常查看图片的。 解决方案是在head中加一句代码： <meta name="referrer" content="no-referrer"/> 这样我们就可以愉快的查看图片了。 转载于:https://www.cnblogs.com/To...
2018-10-18 14:57:00
943
转载 js字符串首字母大写的不同写法
写法一： let name = 'hello' name.charAt(0).toUpperCase() + name.slice(1) 写法二： let name = 'hello' name.slice(0, 1).toUpperCase() + name.slice(1) 写法三： let name = 'hello' name.substrin...
2018-09-29 17:34:00
259
转载 vue中使用两个window.onresize问题解决
在vue开发中，因为引用的父组件和子组件都使用了window.onresize以至于一个window.onresize失效。找了下解决方案，可以采用下面的方式写就可以了。 window.onresize = () => {this.measure()} window.addEventListener('resize',() => this.measure1(), fa...
2018-09-28 18:21:00
4641
转载 vue备用
handleCheck (item) { if (item.isChecked) { this.checkData.push(item.id) this.checkData = _.uniqWith(this.checkData, _.isEqual) } else { this.checkData =...
2018-09-27 15:36:00
129
转载 vue注册全局组件
在项目开发中能不能自己写一个组件可以像iview或者element那样可以不必引用就可以直接用呢？答案是可以的。 首先，写一个组件mainHeader。 接着在vue中注册这个组件，代码如下： Vue.component('yHeader', resolve => require(['@/components/common/mainHeader.vue'], resolv...
2018-09-26 16:40:00
106
转载 axios发送两次请求问题解决
在使用axios的过程中，会发送两次请求。 看了下是因为有一个请求是OPTIONS来判断跨域的时候让不让发送请求的。 这个不算是一个bug，但是发送两个请求着实让人看着不舒服。于是修改了下，原来的请求方式是： axios.defaults.baseURL = '' 摒弃上面的代码，修改webpack的配置文件config/index.js，修改后的请求一次不会再发两次了 ...
2018-09-25 10:28:00
590
转载 vue 前进刷新后退不刷新
这边是router-view部门的写法： <keep-alive> <router-view v-if="$route.meta.keepAlive"/> </keep-alive> <router-view v-if="!$route.meta.keepAlive"/> 下面是router中的写法，想法是匹配name...
2018-09-21 13:57:00
121
转载 js 判断字符串中是否包含某个字符串
参考：https://www.cnblogs.com/ooo0/p/7741651.html 转载于:https://www.cnblogs.com/ToBeBest/p/9685852.html
2018-09-21 11:54:00
767
转载 vue中动画的使用
不要在router-view的外层使用动画！不要在router-view的外层使用动画！不要在router-view的外层使用动画！ 重要的事情说三遍，在app.vue中自以为奇思妙想（实际是脑残）在router-view的外边加了一层动画，结果发现加载各种慢，时不时就展现一秒渣布局。 找了许久也没有找到原因，最后把动画去掉之后整个世界都美丽了！ 转载于:https://www.c...
2018-09-21 11:25:00
134
转载 vue 使用mock来模拟数据
首先，需要安装mock npm install mockjs --save-dev 在main.js中引入mock mock文件写法如下： const Mock = require('mockjs') // 使用mockjs模拟数据 let data = Mock.mock({ // 属性 list 的值是一个数组，其中含有 1 到 10 个元素 'l...
2018-09-14 17:15:00
178
转载 iview 按需引入解决加载慢的问题
如果出现加载2s以上的情况请先查看服务器是否对大文件进行过压缩优化处理。 按照官方文档把iview引入到vue的项目中，全部引入的时候没问题。当按官方文档显示的按需加载是借助插件babel-plugin-import插件， 安装如下：npm install babel-plugin-import --save-dev， 然后在.babelrc中配置： "plugins": [...
2018-09-14 10:41:00
815
转载 vue 因为使用scope后选择器和标签出现[data-v
使用scope的以后出现datd-v，例如： <div data-v-2311c06a class="button-warp"> <button data-v-2311c06a class="button">text</button> </div> .button-warp[data-v-2311c06a]{ ...
2018-09-10 18:11:00
1089
转载 iView 用renderContent自定义树组件
iview的树组件在有默认选中状态的时候默认选中状态的样式改变有bug，默认选中的样式不好看，鉴于此，有renderContent来改造iview的树组件， 效果如图 代码如下 <template> <div class="transfer"> <div class="transfer-left"> &...
2018-09-07 17:41:00
784
转载 vue使用npm安装sass
npm install --save-dev sass-loader style-loader css-loader npm install --save-dev extract-text-webpack-plugin npm install --save-dev node-sass 转载于:https://www.cnblogs.com/ToBeBest/p/9487987....
2018-08-16 16:13:00
736
转载 element ui 动态菜单解决方案集锦
1.《分享一个VUE Element-UI 的多级菜单动态渲染的组件》 2.《饿了么组件库，element-ui开发精美的后台管理系统系列之（一）开发伸缩菜单》 3.《Vue + ElementUI 手撸后台管理网站基本框架(三)登录及导航菜单加载》 转载于:https://www.cnblogs.com/ToBeBest/p/9173363.html...
2018-06-12 15:43:00
507
转载 前端可视化工具
1.基于UI组件的Vue可视化布局、生成.vue代码的工具。https://jaweii.github.io/Vue-Layout/dist/ 参考《Vue-Layout : vue可视化布局、自动生成代码》 转载于:https://www.cnblogs.com/ToBeBest/p/9149441.html...
2018-06-07 10:45:00
316
转载 [转]JS正则表达式基础
1. 正则表达式的概念 正则表达式(regular expression)描述了一种字符串匹配的模式。这种模式，我们可以理解成是一种“规则”。根据这种规则再去匹配符合条件的结果，而匹配的过程就是检索，查找、提取的过程。 正则表达式只能对字符串进行操作。这一点需要明确知道。 正则表达式的“祖先”可以一直上溯至对人类神经系统如何工作的早期研究。Warren McCulloch 和 ...
2018-04-16 15:49:00
217
转载 iframe 去除边框 背景透明等设置 待修改
<iframe name="file_frame" src="UploadFile.jsp" frameborder=no border=0 marginwidth=0 marginheight=0 scrolling=no></iframe> iframe元素的功能是在一个文档里内嵌一个文档，创建一个浮动的帧。iframe参数列表 name...
2018-03-08 14:55:00
1205
转载 vue2.0中实现echarts图片下载-----书写中
由于各个版本浏览器兼容性不一，所以，我们需要一个判断浏览器类型的函数来对不同的浏览器做不同的处理。 获取浏览器版本的函数 // 判断浏览器类型 IEVersion () { let userAgent = navigator.userAgent // 取得浏览器的userAgent字符串 let isIE = userAgent.inde...
2018-02-06 16:04:00
560
转载 多色图标字体
有段时间没有用图标字体了，突然听到图标字体可以是多色的，就又去看了下，彩色字体库素材比较多的是阿里的iconfont，如果是自己制作图标字体的，还是选择https://icomoon.io/，生成的代码和用法如下： HTML部分： <i class="icon-el-warn"> <span class="path1"></span>&l...
2018-02-05 20:05:00
202
转载 css编写规则BEM
简单来说，格式如下： .block { /* styles */ } .block__element { /* styles */ } .block--modifier { /* styles */ } 如需查看详细介绍和更多内容，请查看原文《编写模块化CSS：BEM》 转载于:https://www.cnblogs.com/ToBeBest/p/8419207.h...
2018-02-05 19:55:00
153
转载 css处理工具PostCss
在 Web 应用开发中，CSS 代码的编写是重要的一部分。CSS 规范从最初的 CSS1 到现在的 CSS3，再到 CSS 规范的下一步版本，规范本身一直在不断的发展演化之中。这给开发人员带来了效率上的提高。不过与其他 Web 领域的规范相似的处境是，CSS 规范在浏览器兼容性方面一直存在各种各样的问题。不同浏览器在 CSS 规范的实现方面的进度也存在很大差异。另外，CSS 规范本身的发...
2018-02-05 19:51:00
135
转载 vue2.0点击其他任何地方隐藏dom
methods: { handleBodyClick(){ if (绿色区域出来了，要判断点击其他地方就要关闭，这样可以避免绿色区域已经关闭还在操作) { let _con = $(目标区域) if (!_con.is(e.target) && _con.has(e.target).length ...
2018-02-05 19:46:00
358
转载 vue2.0多页面开发
我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的，其实不是。因为vue在工程化开发的时候很依赖webpack，而webpack是将所有的资源整合到一块，弄成一个单页面。但是vue不止可以做单页面，它还可以做多页面，如果要做多页面的话需要对他的依赖，也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。 vue的开发有两种，一种是直接的在scr...
2018-02-05 19:42:00
153
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人