- 博客(21)
- 收藏
- 关注
RSS订阅原创 小程序中的生命周期
最近正在开发小程序，这也是第三次开发小程序，唯一一次从头开始开发，将细致记录小程序开发的过程与遇到的问题。小程序开放文档具体小程序的项目搭建可以看看我之前的文章从0创建一个微信小程序项目的步骤开发之前一定要熟悉文档，哪怕不熟练也要熟悉，至少需要什么知道去哪里找，微信的组件，api都有什么，可以实现什么功能这篇文章主要记录小程序内部的生命周期用过mvvm框架的应该都熟悉生命周期，即一个程序/页面从创建到销毁的一个过程。小程序也提供生命周期函数,而小程序的生命周期不止一种app(小程序本身)的生命周
2021-11-16 18:34:28
1177
原创 vue-cli脚手架项目构建以及按需引入antd
安装vue-clinpm install vue/cli -g查看vue版本注意：V要大写vue -V如果下载速度太慢，可以使用cnpm淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org此时下载出来的应该是2.9.6版本的脚手架vue项目创建分为两种vue-cli2vue init webpack namevue-cli3vue create name一.CLI.
2021-10-25 17:35:34
1360
原创 2021-09-14
今天碰到个问题，也可能太久没用了，完全忘记了，这里专门记录下div里面内容长度不固定，但是可能超出规定的盒子长度。通常我们使用overflow去做一些处理：overflow:visible 默认值。内容不会被修剪，会呈现在元素框之外。overflow:hidden 内容会被修剪，超出内容内容是不可见。overflow:scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。overflow:auto 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内
2021-09-14 10:20:11
123
原创 关于改变this指向的三种方式：call、apply、bind
在写程序过程中，我们经常性的需要去改变函数的this指向问题，为此，js有专门提供的几个方法：call、apply、bind他们都是因改变this指向而存在，但既然存在这么多种，一定有本质的区别，下面我们用代码来详细说明（实践是检验真理的唯一标准）：创建一个简单的函数：上面函数 fn 执行，打印结果如图接下来，我们使用call,apply,bind方法去改变this能否成功从上面可以看出apply方法报错，bind没执行，只有call执行成功。这是因为写法不同，我们按照官方提供的方法正确操作：
2021-03-29 18:32:37
246
原创 js节流与防抖的概念、区别、适用场景、实现与封装
首先了解他们的概念、区别、适用场景，后面有代码概念：防抖（debounce）：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。函数节流(throttle)：高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率。****区别：防抖：在特定时间内，只要重新触发事件，就会重新计算时间，而在这个时间内只会执行最后一次。也就是说，你只要一直触发这个事件，他就不会执行，停止后才会执行节流：特定时间内，无论你出发多少次，在这段时间内，一定会有且仅有一次真正的
2021-03-29 17:22:08
769
2
原创 记录vue开发微信公众号的问题
最近在开发公众号网页，用的vue开发。此篇就记录开发中遇到的问题首先了解公众号开发的概念，其实就是h5的页面，只是需要管理人员配置给你。由于我只是单纯的开发，那些配置我也不是配置者，就不说了。应该跟小程序配置差不多，公司也不会要你去配置。1。项目开发时，后台会给你定义一个网址，就是公众号网页的重定向地址：例如：http://xxx.com/?Api-Token=xxx&Mp-Appid=xxx#/user/console这是我们的重定向地址页面,所以你在配置 路由的时候，一定记得将项目首页
2021-03-29 13:28:13
491
原创 从0创建一个微信小程序项目的步骤
从开发者角度创建微信小程序项目首先进入微信公众平台：https://mp.weixin.qq.com/点击立即注册选择小程序一步一步填写信息就可以了我的早就有了账号直接登录：扫一扫登陆，登陆后就是这样的页面：如果你是公司配合开发的，开发平台的运营模式应该有运维去处理，个人也可以去了解下。我是自己做着玩，时间久了没做了熟练一下。开发者界面，我们点击：这个AppID最好复制下来，我们创建项目需要用到。其次就是开发者工具：下载微信开发者工具。下载安装好微信开发者工具，就可以
2020-12-29 10:35:48
701
原创 vue父子组件传值
先前做了echarts可是化，但是的由于图表比较多，所以呢打算封装公共的组件。下面看一下我们的设计图稿：折线图与柱状图的格式差不多的，封装统一的格式是很好的选择。这时候就用到了vue的父子传值。首先，我们需要对vue之间的组件通信有一定了解，具体可以去看官方文档vue-api组件通信是很必要掌握的技能，常见的父子组件，父=>子，子=>父；兄弟传值，甚至是祖孙。我们这里重点说父子组件的传值。index文件是父组件，其它三个都是子组件；子组件想要在父组件显示，首先要引入组件：之后，用
2020-12-23 17:32:26
361
1
原创 使用echarts遇到的问题总结记录
关于echarts使用的问题1.关于安装echarts包遇到的问题（点击移动）2. 关于echarts的自定义图例设置：这个是我们ui的设计稿图例需要我们自定义的图标，按照官方文档的方式配置这样的图标配置，页面显示不出来不报错，就表示官方文档提供的配置是没有问题的，问题出在图片引入。换一种方式：用这样的方式引入，就OK了：3.需求：数据滑动加载展示根据官方文档介绍的datazoom配置，可以设置图表滑动，显示数据条数也是可以配置的；只要滑动加载用官方提供的api，可自行查看官方文档：e
2020-12-16 11:43:29
1004
原创 vue项目引入echarts控制台报错echarts is not defined的问题解决
项目用到了echarts做BI，安装echarts的包并在入口文件引入挂载时一直报错：echarts is not defined我去看了下package.json文件，里面确实有echarts的包我之后又尝试在页面内引入：打印echarts是undefined，换一种引入方式：const echarts = require("echarts")可以的，但是不甘心，为啥import就不行。我突然想起来之前，element-admin项目中的echarts包是4点几的版本，会不会跟版本有关，
2020-12-16 09:45:51
12540
10
原创 element-admin-template模板项目动态添加路由
最近项目要求鲁有需要动态获取，从后端返回数据进行处理。我的项目模板是基于element-damin-template的。官方文档也有介绍https://panjiachen.github.io/vue-element-admin-site/zh/guide/essentials/permission.html#%E9%80%BB%E8%BE%91%E4%BF%AE%E6%94%B9通常的路由使我们自己在router/index里面自己定义的路由，写死的一些路由，这些路由在加载时如果不做处理就会直接全部加
2020-11-27 16:10:44
2263
3
原创 vue-router.esm.js?8c4f:16 [vue-router] Duplicate named routes definition: { name: “Dashboard“, path:
最近在做动态路由，遇到很多问题。刚才碰到个一直警告路由重复，但是事实上我的路由并没有重复的信息。这个是我的首页，我一步一步追踪路由信息变化发现，因为这个首页是我的公共路由，加载时会重复加载。原因呢，很简单，router的原生addRoutes方法是添加路由信息。我在项目中把后端返回的动态路由是通过addRoutes添加的。但是我只添加每次加载时吃书画的公共路由信息都会存在，因此会出现重复的情况。我们只需要在添加路由前给路由信息删除了再去添加不就解决了吗：router.$addRoutes = func
2020-11-27 15:18:21
9559
原创 小程序报错：SystemError (appServiceSDKScriptError) Cannot read property ‘forceUpdate‘ of undefined
最近公司准备开发小程序，让我来做。好久没高过小程序了，好多东西都忘了。创建个项目，直接运行起来报错：我就很纳闷，一个刚建好的项目怎么会报错呢。犹豫好久没搞过小程序了，有点懵。后来查看配置，突然发现：这个小程序的配置没配置AppId，我其实忘了这个，但是感觉这个应该要配置的，把AppId配置上就OK了。PS：HBuilder X这个编译器开发小程序简直太好用，大爱...
2020-11-11 14:58:31
3304
原创 前端大数字精度丢失问题
项目中突然遇到数据提交出错，通知后端时说我返回数据有问题。9137822703981626000 这串数字是我收到的后端返回的编号数据，实际后端数据为 9137822703981626197。造成这个的原因就是后端返回数据过大，超过了16位的整数，而js解析只能解析到16位，超过16位就会丢失精度，类似于浮点数的运算误差，这是属于语言限制解决方式：我的项目是vue项目，用的axios做的接口交互，axios提供了专门的API，transformResponse去自定义转换后端返回的数据类型js
2020-09-25 14:38:08
3036
原创 关于element-ui的table组件hover时边框消失的问题
今天看项目时偶然发现一个问题，之前没有的问题，记录一下：我发现表格有点歪，不太对的上，突然就感觉挺别扭的：这是因为我的表格行我设置了width属性，导致宽度出现问题，调整了width宽度之后问题解决，但是发现了另一个问题：行与行之间的边框消失了。我看了下，导致这样的原因其实就是table默认的hover样式覆盖了这个边框。查看了table组件的文档在table中加入如下代码：:cell-style="{background:'#fff'}" <el-table :c
2020-09-10 13:49:56
2402
7
原创 element-ui的form表单校验踩坑
今天查看项目，发现了一个小小的bug，之前从来没注意过，记录下。管理系统的修改跟增加功能用的同一个表单，只是通过判断显示不同的内容。而修改时跟增加时的验证也不一样，由此，出现了一些奇怪的事情，先看看代码：这是我改完之后故意写错的问题： <el-form :ref="fuleCalorificForm" :rules="rules" label="left" :model="fuleCalorificForm" la
2020-08-21 15:05:20
1236
原创 更改vue-element-admin的浏览器图标与标头
基于vue-element-damin项目开发，想要改变浏览器的标头与图标。图标：public文件夹下的index.hhtml文件<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scal
2020-08-19 17:33:26
4701
原创 upload上传组件上传本地图片至阿里云oss
项目中要求图片管理使用阿里云（OSS）。之前公司从没用过这种方式，于是查看了文档，整理记录下操作实现流程。我的项目是vue的项目，基于element-ui的组件库进行开发，因此，上传图片之类的第一个想到的就是upload上传组件。关于upload组件，不熟悉的可以去看一下element-ui的文档：https://element.eleme.cn/#/zhCN/component/upload#methods以下upload组件的内容： <el-upload class="upl
2020-08-19 16:31:17
1207
原创 关于vue项目刷新当前页面的几种方式
目前在做一个后台管理系统，项目要求在页面右上角加上一个刷新图标按钮，点击按钮时刷新页面。 对于页面刷新个人知道这几种方式 1.利用vue的路由跳转： this.$router.go(0) 这种方式的刷新方式利用了路由特性，优点很明显，方便。一行代码即可搞定，但是呢，缺点也很致命：页面会一瞬间的白屏，体验不是很好。在当前的项目需求中不适合 2.location对象的reload方法： location.reload(). 此方法作用类浏览器的刷新按钮，刷新时页面会瞬间白...
2020-08-19 15:35:32
688
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人