音浪豆豆_Rachel-CSDN博客

原创解决uniapp执行switchTab跳转成功之后不调用onLoad的方法

目录页面结构遇到的问题解决方案页面结构现有一个tab页面分为两个页签，一个下单页面，一个订单页面。onLoad() { // 页签默认为下单 this.current = 0; // 获取商品列表 this.getList();}点击确认按钮提交订单之后，跳转到提交成功页面，可选择继续下单或者查看订单。点击继续下单或者查看订单，执行toPage() { uni.switchTab({ url: '/pages/buy/buy' })}遇到的问题点击查看订单时，应该

2020-07-27 21:35:12 7506 1

原创 Javascript 实现类似 Excel 的公式解析计算功能

目录背景思路实现背景最近在做一个工资系统，有的工资项可以根据用户自定义的公式来自动计算，类似于Excel中定义好公式后，可以计算一样。比如应发工资计算公式为：应发工资 = 基本工资 + 绩效考核奖 + 加班工资实发工资 = 应发工资 - 代扣养老保险 - 代扣住房公积金对应代码为：n07=n00+n04+n05n10=n07-n08-n09思路使用正则表达式匹配计算公式找到工资项代码（n00，n04，n05）逐项将匹配到的工资项代码替换成对应的值使用 eval() 来执行计算公式得

2020-07-08 17:49:23 3030

原创 Vue项目性能优化之路由懒加载

Vue项目性能优化之路由懒加载为什么要路由懒加载？Vue Router官网有说明：当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。是的，一个项目如果比较大的话，打包之后的app.xxxx.js也会比较大，这样可能会造成首屏渲染比较慢，有的甚至会白屏好几秒。如...

2020-04-17 16:09:16 907

原创 uniapp踩坑之修改组件默认样式

修改uniapp组件默认样式其他人的做法我的做法最近刚开始使用uniapp开发，有些组件渲染之后会生成一些标签，我需要修改生成标签的样式。比如< uni-combox >、< uni-number-box > 等组件，我觉得它们都太大了，然后我直接：<style scoped>.uni-combox__input { font-size: 14p...

2020-04-10 11:28:29 23885 20

原创 uniapp打包h5 - 相对路径配置

uniapp打包h5 - 相对路径配置发行到h5manifest.json文件h5配置发行到h5工具：HbuilderX步骤1：发行 -> 网站h5手机版步骤2：填写网站标题和域名，点击发行在控制台可以很清楚地看到，项目打包的输出路径在： \ unpackage \ dist \ build \ h5中，同时，官方的说法是要部署到web服务器使用，不支持本地file协议打开...

2020-04-09 12:02:18 8482

原创找出数组中重复的值和所在位置

相信大家在保存做校验的时候经常会遇到需要判断有没有重复数据的情况，如果说只是对数组的去重，那方法很简单：定义一个新数组，遍历源数组，值不在新数组就push进该新数组中： function unique(array){ var temp = []; //一个新的临时数组 for(var i = 0; i < array.length; i++){ ...

2020-03-12 22:29:15 2330

原创 elementui自定义主题（任意颜色）换肤功能

我的项目中使用了scss，elementui官网提供了解决方案如下：在项目中改变 SCSS 变量Element 的 theme-chalk 使用 SCSS 编写，如果你的项目也使用了 SCSS，那么可以直接在项目中改变 Element 的样式变量。1. 新建一个样式文件，例如 element-variables.scss，写入以下内容：/* 改变主题色变量 */$--color-...

2019-08-26 19:20:44 20142 14

原创 Failed to download repo mpvue/mpvue-quickstart:tunneling socket co uld not be established

按照mpvue文档（http://mpvue.com/mpvue/）上所说去做：# 创建一个基于 mpvue-quickstart 模板的新项目 $ vue init mpvue/mpvue-quickstart my-project 如果报如下错误：解决：npm config set proxy false搞定：...

2019-03-20 10:22:07 522

原创 Element 自定义标签页(el-tab) 下的 el-badge 视图不渲染

需求：用户在进入这个页面时，能看到标签页（el-tab）上的代办数字标记（el-badge）问题：el-badge绑定的变量是有数据的，但是界面上就是不渲染。代码：<template> <el-tabs> <el-tab-pane> <span slot="label"> <i class=...

2019-03-19 11:41:09 8137 4

原创 elementui表格动态数据单元格合并

elementui官网的表格单元格合并方法是针对静态数据的，判断是写死的。rowspan是合并的行数：为1表示不变；为0表示去除该单元格，后面的单元格会向上往这格填；colspan同理而实际情况表格数据往往是动态的。现如下图，需要将表格前四列的相同数据项合并。直接上代码：<el-table :data="budgetList" border :span-metho...

2019-03-07 20:15:47 3996

原创解决vue项目在ie11下一片空白并报promise undefined的错

问题： vue项目在ie11下一片空白并报promise undefined的错原因： ie11浏览器解析不了es6的语法，需要我们使用babel（Babel是一种工具链，主要用于将ECMAScript 2015+代码转换为当前和旧版浏览器或环境中的向后兼容版本的JavaScript）。但是Babel 默认只转换新的 JavaScript 句法（syntax），而不转换...

2018-10-09 16:54:23 3492

原创解决Vue项目打包后打开index.html页面一片空白并报图片路径错误或者图标没有正常显示的问题

众所周知，Vue项目打包（运行npm run build）之后会生成一个dist文件夹，dist文件夹里有一个static文件夹和一个index.html页面，这个index就是单页面的最终文件。我们一般都是把dist文件夹部署到服务器上。但是我直接打开index.html，发现页面显示的是一片空白，打开控制台发现报了一堆找不到文件的error：于是我看了下代码，应该是路径不对，应...

2018-10-08 20:45:19 5567 1

原创 Vue axios 给开发环境和生产环境配置不同的接口地址

1.为什么要配置不同的接口地址目前，由于我在开发过程中，前端请求访问的是我本机启动的后台服务，此时涉及到跨域（因为端口不一样），所以就在config/index.js文件中配置了代理，如下：意思就是说凡是以api开头的请求，会帮我转到8089端口去获取数据。所以前端的请求都统一写成'api'+'接口名'但是在生产环境下，我们不需要在接口前面加api发送请求，所以我们需要判断开发环境...

2018-10-08 19:31:35 18203 6

原创 chrome打开控制台状态下，没有人为打断点，自动进入断点模式的解决方法

如图，在控制台去掉Sources -> XHR/fetch Breakpoints -> Any XHR or fetch 的勾

2018-07-10 15:50:11 4974 2

原创两个相等的数组，修改其中一个怎么做到不改变另外一个

现有 :let arrA = [1, 2, 3];let arrB = arrA;console.log(arrA);//[1, 2, 3]console.log(arrB);//[1, 2, 3]1, 2, 3];let arrB = arrA;console.log(arrA);//[1, 2, 3]console.log(arrB);//[1, 2, 3]1. 如果改变...

2018-05-23 18:12:46 6395 4

原创 webpack打包vue项目之后生成的dist文件该怎么启动运行

亲测，webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行。我的vue项目结构如下：1. 进入该vue项目目录，打开git bash，执行：npm run build(在package.json的scripts配置)执行成功如下图所示：然后此时你会发现项目下多了一个 dist 文件夹，dist下文件便是项目打包之后生成的文件。此时我们直接在浏览器中打开inde...

2018-04-17 22:45:16 97786 23

原创 VSCode之Vue文件代码格式化无效怎么办

1.如果你是使用beautify插件格式化vue文件，那么打开：文件->首选项->设置，搜索 beautify.language ，在"html"里加上 "vue",如下图:"beautify.language": {"js": {"type": ["javascript","json"],"fil

2018-04-17 21:35:22 11351 2

原创 vue之v-show与v-if的区别

v-if 是动态地向DOM树内添加或者删除DOM元素；v-show 是通过设置DOM元素的display样式属性控制显隐；所以这里就牵扯到我今天要说的一个问题了：我们根据用户不同的权限，会对应地显示不同的页面，比如说管理员身份，具有查看、编辑和删除某一条数据的权限，而普通用户只有查看的权限。此时最好不要使用v-show来控制删除、编辑这两个按钮显隐了，因为页面还是会...

2018-04-17 18:40:54 3113 3

原创在vue2.x项目中怎么引入Element UI

第一步：进入项目目录下，打开git bsah ，安装elementUI并保存到package.json：$ npm install element-ui -S 安装成功之后可以在package.json文件下的dependencies看到"element-ui": "^2.3.3"第二步：在main.js入口文件中引入elementUI相关文件方法一：整体引入import Elem...

2018-04-09 11:08:49 2799

原创在vue-cli搭建的项目中使用mock.js

mock是一个模拟数据生成器。团队可根据数据模板生成模板数据模拟ajax请求，生成请求数据基于html模板生成模拟数据优点：团队可以并行工作（开发时，如果后端还没完成数据输出，前端可自写静态模拟数据，前后端分离，提高效率）简单方便, 无侵入性, 基本覆盖常用的接口数据类型可以模拟那些无法访问的资源无需担心网速不好第一步：用 vue-cli 搭建一个基本的 vue 项目$ npm install -...

2018-04-09 10:25:51 1728

原创将一个git仓库迁移到另一个仓库

最近刚开发完一个canteen模块，在github上有一个独立的仓库。现在需求是要增加一个大模块project，将原先的canteen模块迁移到大模块project中。首先你得有管理员身份，在github上新建一个仓库，比如叫project。用 git clone project的托管地址将project下载到本地2.1 如果不需要保留原先canteen仓库的提交记录，我们可以直接将本地的cant...

2018-04-05 21:13:52 4711 1

原创初识Node.js【02】安装Node.js和认识npm

1. 安装node.js 首先进入 node.js [官网](https://nodejs.org/en/) 选择downloads，即可自主选择下载。安装过程很简单，只需要点击下一步->下一步....->完成在windows环境下，安装成功之后，在任意处shift+鼠标右键打开命令窗口，输入node -v，如果安装成功，则如下图所示会显示当前安装的node版本...

2018-04-05 20:53:53 211

原创初识Node.js【01】Node.js是什么？

1. 要认识 node，首先我们得来了解了解JavaScript。JavaScript 是一门解释型脚本语言。JavaScript 是一种轻量级的编程语言。JavaScript 插入 HTML 页面后，在浏览器中执行。解释型语言：解释型语言的程序在运行前不需要编译，运行程序的时候才翻译，专门的解释器负责在每个语句执行的时候解释程序代码（这样解释型语言每执行一次就要翻译一次，效率比较低）由此可知，浏...

2018-03-21 19:11:07 232

原创第一次制作和使用图标字体-IcoMoon

开题：之前就有所耳闻，最近两天第一次运用到图标字体。刚开始嘛，一脸懵逼的状态。成功运用之后就来记录一下使用过程咯！1. 打开在线生成工具：https://icomoon.io/app/#/select2. 导入本地文件或者选择图标库（1）如果你本地没有.svg图标，你可以选择在线免费的图标。选择一个你想要的icons接着就会出现如下页面：（2）点击...

2017-09-08 16:52:30 2254 1

原创 2017/9/1前端小白的总结：关于hover的一个故事

2017/9/1前端小白的总结用jquery实现：当鼠标移入一个元素，显示一个框（可以是下拉框什么的），可以对该元素和框的父元素上绑定事件。比如说：html代码如下：<li class="dropdown" id="personalLi"> <div class=

2017-09-01 18:23:34 400

u014054437的博客