web前端
文章平均质量分 57
音浪豆豆_Rachel
就努力呗
展开
-
解决uniapp执行switchTab跳转成功之后不调用onLoad的方法
目录页面结构遇到的问题解决方案页面结构现有一个tab页面分为两个页签,一个下单页面,一个订单页面。onLoad() { // 页签默认为下单 this.current = 0; // 获取商品列表 this.getList();}点击确认按钮提交订单之后,跳转到提交成功页面,可选择继续下单或者查看订单。点击继续下单或者查看订单,执行toPage() { uni.switchTab({ url: '/pages/buy/buy' })}遇到的问题点击查看订单时,应该原创 2020-07-27 21:35:12 · 7962 阅读 · 1 评论 -
Javascript 实现类似 Excel 的公式解析计算功能
目录背景思路实现背景最近在做一个工资系统,有的工资项可以根据用户自定义的公式来自动计算,类似于Excel中定义好公式后,可以计算一样。比如应发工资计算公式为:应发工资 = 基本工资 + 绩效考核奖 + 加班工资实发工资 = 应发工资 - 代扣养老保险 - 代扣住房公积金对应代码为:n07=n00+n04+n05n10=n07-n08-n09思路使用正则表达式匹配计算公式找到工资项代码(n00,n04,n05)逐项将匹配到的工资项代码替换成对应的值使用 eval() 来执行计算公式得原创 2020-07-08 17:49:23 · 3290 阅读 · 0 评论 -
Vue项目性能优化之路由懒加载
Vue项目性能优化之路由懒加载为什么要路由懒加载?Vue Router官网有说明:当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。是的,一个项目如果比较大的话,打包之后的app.xxxx.js也会比较大,这样可能会造成首屏渲染比较慢,有的甚至会白屏好几秒。如...原创 2020-04-17 16:09:16 · 957 阅读 · 0 评论 -
uniapp踩坑之修改组件默认样式
修改uniapp组件默认样式其他人的做法我的做法最近刚开始使用uniapp开发,有些组件渲染之后会生成一些标签,我需要修改生成标签的样式。比如< uni-combox >、< uni-number-box > 等组件,我觉得它们都太大了,然后我直接:<style scoped>.uni-combox__input { font-size: 14p...原创 2020-04-10 11:28:29 · 24811 阅读 · 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 · 9133 阅读 · 0 评论 -
找出数组中重复的值和所在位置
相信大家在保存做校验的时候经常会遇到需要判断有没有重复数据的情况,如果说只是对数组的去重,那方法很简单: 定义一个新数组,遍历源数组,值不在新数组就push进该新数组中: function unique(array){ var temp = []; //一个新的临时数组 for(var i = 0; i < array.length; i++){ ...原创 2020-03-12 22:29:15 · 2426 阅读 · 0 评论 -
解决Vue项目打包后打开index.html页面一片空白并报图片路径错误或者图标没有正常显示的问题
众所周知,Vue项目打包(运行npm run build)之后会生成一个dist文件夹,dist文件夹里有一个static文件夹和一个index.html页面,这个index就是单页面的最终文件。我们一般都是把dist文件夹部署到服务器上。但是我直接打开index.html,发现页面显示的是一片空白,打开控制台发现报了一堆找不到文件的error:于是我看了下代码,应该是路径不对,应...原创 2018-10-08 20:45:19 · 5708 阅读 · 1 评论 -
elementui表格动态数据单元格合并
elementui官网的表格单元格合并方法是针对静态数据的,判断是写死的。rowspan是合并的行数:为1表示不变;为0表示去除该单元格,后面的单元格会向上往这格填;colspan同理而实际情况表格数据往往是动态的。现如下图,需要将表格前四列的相同数据项合并。直接上代码:<el-table :data="budgetList" border :span-metho...原创 2019-03-07 20:15:47 · 4078 阅读 · 0 评论 -
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 · 544 阅读 · 0 评论 -
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 · 8378 阅读 · 4 评论 -
elementui自定义主题(任意颜色)换肤功能
我的项目中使用了scss,elementui官网提供了解决方案如下:在项目中改变 SCSS 变量Element 的 theme-chalk 使用 SCSS 编写,如果你的项目也使用了 SCSS,那么可以直接在项目中改变 Element 的样式变量。1. 新建一个样式文件,例如 element-variables.scss,写入以下内容:/* 改变主题色变量 */$--color-...原创 2019-08-26 19:20:44 · 21964 阅读 · 14 评论 -
Vue axios 给开发环境和生产环境配置不同的接口地址
1.为什么要配置不同的接口地址目前,由于我在开发过程中,前端请求访问的是我本机启动的后台服务,此时涉及到跨域(因为端口不一样),所以就在config/index.js文件中配置了代理,如下:意思就是说凡是以api开头的请求,会帮我转到8089端口去获取数据。所以前端的请求都统一写成'api'+'接口名'但是在生产环境下,我们不需要在接口前面加api发送请求,所以我们需要判断开发环境...原创 2018-10-08 19:31:35 · 18330 阅读 · 6 评论 -
chrome打开控制台状态下,没有人为打断点,自动进入断点模式的解决方法
如图,在控制台去掉Sources -> XHR/fetch Breakpoints -> Any XHR or fetch 的勾原创 2018-07-10 15:50:11 · 5139 阅读 · 2 评论 -
2017/9/1前端小白的总结:关于hover的一个故事
2017/9/1前端小白的总结用jquery实现:当鼠标移入一个元素,显示一个框(可以是下拉框什么的), 可以对该元素和框的父元素上绑定事件。比如说:html代码如下:<li class="dropdown" id="personalLi"> <div class=原创 2017-09-01 18:23:34 · 424 阅读 · 0 评论 -
第一次制作和使用图标字体-IcoMoon
开题:之前就有所耳闻,最近两天第一次运用到图标字体。刚开始嘛,一脸懵逼的状态。成功运用之后就来记录一下使用过程咯!1. 打开在线生成工具:https://icomoon.io/app/#/select2. 导入本地文件或者选择图标库(1) 如果你本地没有.svg图标,你可以选择在线免费的图标。选择一个你想要的icons接着就会出现如下页面: (2) 点击...原创 2017-09-08 16:52:30 · 2327 阅读 · 1 评论 -
初识Node.js【01】Node.js是什么?
1. 要认识 node,首先我们得来了解了解JavaScript。JavaScript 是一门解释型脚本语言。JavaScript 是一种轻量级的编程语言。JavaScript 插入 HTML 页面后,在浏览器中执行。解释型语言:解释型语言的程序在运行前不需要编译,运行程序的时候才翻译,专门的解释器负责在每个语句执行的时候解释程序代码(这样解释型语言每执行一次就要翻译一次,效率比较低)由此可知,浏...原创 2018-03-21 19:11:07 · 261 阅读 · 0 评论 -
在vue-cli搭建的项目中使用mock.js
mock是一个模拟数据生成器。团队可根据数据模板生成模板数据模拟ajax请求,生成请求数据基于html模板生成模拟数据优点:团队可以并行工作(开发时,如果后端还没完成数据输出,前端可自写静态模拟数据,前后端分离,提高效率)简单方便, 无侵入性, 基本覆盖常用的接口数据类型可以模拟那些无法访问的资源无需担心网速不好第一步:用 vue-cli 搭建一个基本的 vue 项目$ npm install -...原创 2018-04-09 10:25:51 · 1769 阅读 · 0 评论 -
在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 · 2853 阅读 · 0 评论 -
VSCode之Vue文件代码格式化无效怎么办
1.如果你是使用beautify插件格式化vue文件,那么打开:文件->首选项->设置,搜索 beautify.language ,在"html"里加上 "vue",如下图:"beautify.language": {"js": {"type": ["javascript","json"],"fil原创 2018-04-17 21:35:22 · 11591 阅读 · 2 评论 -
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 · 98979 阅读 · 23 评论 -
初识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 · 231 阅读 · 0 评论 -
将一个git仓库迁移到另一个仓库
最近刚开发完一个canteen模块,在github上有一个独立的仓库。现在需求是要增加一个大模块project,将原先的canteen模块迁移到大模块project中。首先你得有管理员身份,在github上新建一个仓库,比如叫project。用 git clone project的托管地址将project下载到本地2.1 如果不需要保留原先canteen仓库的提交记录,我们可以直接将本地的cant...原创 2018-04-05 21:13:52 · 4772 阅读 · 1 评论 -
两个相等的数组,修改其中一个怎么做到不改变另外一个
现有 :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 · 6441 阅读 · 4 评论