- 博客(211)
- 收藏
- 关注
RSS订阅
原创 vue中几种组件通信方式
vue中的常用几种组件通信方式1、父向子，通过props传值2、子向父，通过$emit触发自定义事件来传值3、利用eventBus方式，可以实现平级组件之间的通信（有内存泄漏问题）创建一个事件总线，例如demo中的eventBus，用它作为通信桥梁在需要传值的组件中用bus.$emit触发一个自定义事件，并传递参数在需要接收数据的组件中用bus.$on监听自定义事件，并在回调函数中处...
2019-09-09 10:47:40
316
原创 vue props default Array或是Object的正确写法
1、错误写法demo:{ type:Array, default:[]}eslint语法报错：Invalid default value for prop “demo”: Props with type Object/Array must use a factory function to return the default value.2、正确的写法应该是：demo: {...
2019-08-01 14:44:06
22489
原创 关于django(django-vue-admin)设置Debug为false后，导致线上静态资源目录media返回404问题解决。
django线上关闭debug后，静态资源文件直接访问返回404问题解决
2023-02-16 10:23:35
880
1
原创 python通过request上传多文件以及flask接收多文件的处理方式
python request和flask多文件传参和获取二进制数据保存
2022-12-02 13:02:45
1418
原创 python处理保存富文本内容到数据库中报语法错误的问题
当我们使用mysql执行保存富文本数据到mysql中时，由于富文本内容中，包含单引号、双引号以及其他字符，从而导致保存时，mysql报语法错误。解决办法：
2022-11-23 17:05:37
1108
原创 使用flask，关于WARNING: This is a development server. Do not use it in a production deployment问题
提示信息很明显，意思就是在生产环境，不要再用这种方式运行程序，最好用WSGI服务来替代运行。来代替 app.run(host=“0.0.0.0”, port=5000)
2022-09-29 09:50:08
14626
3
原创 vue-cli项目中，通过cdn方式引入vchart来解决打包过大问题
1、在index.html中，引入v-charts的cdn地址。因为v-charts 依赖echarts，所有，两者都需要引入。<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
2022-04-11 17:29:53
1273
1
原创 如何自己实现进度条统计图表类的功能
一般我们遇到这种统计图表的需求，都是去找插件完成。譬如，element-ui中的组件，或是echart中的图标工具。那么，遇到简单的图表需求，我们能否自己实现呢？ 答案是。当然可以。贴代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc
2022-04-02 15:33:13
448
原创 手动通过css来美化界面中的滚动条样式
默认浏览器的滚动条样式很丑，我们在vue项目中，如果使用了element-ui的话，是可以借用他的滚动条的。方法一：手动设置滚动条样式，只能解决chrome浏览器等上面的样式。还可以。不要要求太多。<div class="wrap"><p>我是很长的内容</p></div>设置样式： .wrap::-webkit-scrollbar { /* 滚动条宽度和高度 */ width: 8px; height: 8px;
2022-03-25 14:29:16
1473
原创 记录vue开发h5页面中遇到的形形色色的奇异问题及解决方法
奇异问题1：为什么修改vant-ui的默认样式，设置border-radius在浏览器生效了，但是ios真机没有效果。出现此问题的原因是因为ios手机会在transform的时候导致border-radius失效解决方法：在使用动画效果带transform的元素的上一级div元素的css加上下面语句：transform:rotate(0deg);-webkit-transform:rotate(0deg);...
2022-03-22 16:18:34
3489
原创 关于wepy2中开启小程序分享朋友圈的功能。
如何在wepy2开发的小程序中开启朋友圈分享小程序功能1、说明分享朋友圈功能暂时只支持安卓，并且输入beta版本。一句话，并不是很成熟。但是， 有时候，产品就是需要。2、官网文档https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html看文档： 当前页面，需要先开启发送朋友功能后，才能进一步分享到盆友圈功能。对应的api文档如下：3、实操在我们的页面中，method
2022-03-21 13:36:27
676
1
原创 vue项目中使用百度地图api完成自定义搜索功能（包含搜索详细地理位置）
需求描述：在vue项目中，有时候，我们需要自定义百度地图的一些功能。譬如，现在的需求，就是需要自定义搜索内容和结果展示。类似如下页面的功能：首先在vue项目中，我们可以使用 vue-baidu-map 插件来替代直接引入百度地图js sdk。npm install --save vue-baidu-map vue-baidu-map的具体使用文档参考官方文档：https://dafrok.github.io/vue-baidu-map/#/zh/start/installation解决方案
2022-02-23 19:08:20
6708
8
原创 vue项目中使用百度地图功能
1、百度地图api官方文档：https://lbsyun.baidu.com/index.php?title=jspopularGL在百度地区去申请一个百度地图key。这个key属于私密的，部分高级功能需要找百度地图花钱购买。2、在vue项目中，我们使用vue-baidu-map这个封装后的npm包使用方式：npm install vue-baidu-map --save全局注册import Vue from 'vue'import BaiduMap from 'vue-baidu-map'
2022-02-14 17:09:40
3768
原创 win10安装升级降级node版本的解决办法
安装nvm工具。如果以前已经安装了node,需要卸载。参考：windows如何把已安装的nodejs高版本降级为低版本(图文教程)https://www.jb51.net/article/202124.htm
2022-02-12 23:16:23
1470
原创 react-native中使用webview来渲染富文本，修改样式，自适应高度
我们知道，在vue中，我们可以很轻松的去渲染富文本内容。包括在小程序中也有对应的组件可以直接使用。那么，在react-native中如何渲染富文本呢？答案是： Webview废话不多说，直接上代码。export default class ArticleDetailPage extends Component { constructor(props) { super(props); this.state = { title: '', content: ''
2022-01-28 16:14:50
3481
原创 vue项目配合nginx部署到子目录、二级域名的解决办法
默认的vue项目是部署到网站根目录的。但是，有些情况下，一个域名内需要放置多个内容。所以，只能分子域名或是子目录来部署。譬如，当前网站的域名是：www.abc.com使用nginx做代理的时候，分配给我们的部署vue项目的域名地址是：www.abc.com/vuedemo先看nginx的配置：location / { root html; index index.html index.htm; gzip_static o
2022-01-27 10:04:04
11227
原创 Windows 下Redis的部署 及key 过期事件
windows平台下安装redis。linix是另外的方法。1、安装redis下载地址：https://github.com/microsoftarchive/redis/releases找到最新的版本，下载.msi文件。运行，可以修改安装目录。然后下一步，下一步。最后一步的时候，勾选加入到环境变量。配置过期事件在安装目录下，找到redis.windows.conf文件，打开，修改代码放开红色的，注释掉蓝色的。修改配置后，我们之间运行redis服务，这个修改的配置，并不会生效。测试是否成
2022-01-10 14:35:20
512
原创 2022年1月1号前端格式化日期引发的严重问题
惨痛的bug描述元旦了，用户使用网站设置日期2022-1-1。保存后，再查看，居然变成了2020-1-1号。 然后再保存一下，居然变成了2019-1-1。以为见鬼了。查找原因，居然是前端日期格式化导致的问题。很遗憾，前任留下的bug，只能我们来背。问题复现// 时间戳： 1546272000000 真实时间是 2019-01-01 00:00:00var d = new Date(1546272000000);console.log(d.getUTCFullYear() + '/ '+ d.g
2022-01-06 19:11:10
480
原创 react-native中使用react-native-vector-icons图标库
react-native-vector-icons 内置了FontAwesome、 antDesign等常用图标库，还可以支持自定义。RN0.6以上如何使用？1、安装：npm i react-native-vector-icons -D 安装命令。2、安装完成后，还是需要执行 react-native link虽然react-native 0.6版本以上有了autolink 。但是还是需要执行一下，否则图标不显示。3、重新安装app后，引入使用。import Icon from 'react-
2021-12-28 10:17:13
2902
原创 开发中，常用git操作命令
拉取远程分支：git clone -b 分支名 http://xxx代码远程地址.git例如： git clone -b demo http:baidu.com.git将文件添加到本地仓库git add demo.js将文件提交到本地仓库并添加注释git commit demo.js -m '添加demo.js的注释'推送到远程git push需要输入用户名和密码get fetch 将远程分支的最新内容拉到本地git branch 列出所有本地分支 git branch -r 列出所
2021-12-24 14:20:11
168
原创 npm和yarn切换设置官方源与淘宝源。
网上搜了一些文章，还有两种混着写的。实在是误人子弟。自己记录下来，方便查找。npm设置切换源。默认第一次安装后是官方镜像。有时候下载慢，我们切淘宝源。有时候有需要切回去。特此记录。1、查看当前源npm config get registry2、设置淘宝源淘宝镜像npm config set registry https://registry.npm.taobao.org3、设置官方镜像npm config set registry http://registry.npmjs.orgyar
2021-12-17 10:40:57
4730
原创 egg-validate进行参数校验如何校验数组array和对象类型？多层嵌套，都需要校验
一、普通一层参数的校验方法是这样的：const rule = { goodsId: { type: 'number', required: true }, name: { type: 'string', required: false }, categoryId: { type: 'number', required: false }, unitName: { type: 'string', required: false }, salePric
2021-12-14 18:18:02
1745
1
原创 element-ui时间日期选择组件限制日期选择范围
1、需求描述：日期选择的时候，限制选择范围，譬如只能选今天之后的日期。最后效果如下：2、实现方式：借助于官方api picker-options实现。三、示例1、设置今天及以后可以选择组件代码<el-date-picker v-model="date1" type="date" placeholder="选择日期" :picker-options="pickerOptions"></el-date-picker
2021-11-24 09:58:34
1371
原创 使用element-ui开发cron表达式公共组件
>需求描述后台需要前端开发一个用户习惯的，简单的选择，前端处理成后台识别的cron表达式，去执行定时任务。关于cron表达式，可以查看https://qqe2.com/cron 这类在线网址查看。我们最后实现的成果如下：用户选择 天、周、月 以及 时间 前端转化出cron表达式。> 组件代码：<template> <div style="display:inline-block;"> <el-popover v-model="visibl
2021-11-11 15:24:32
2298
原创 win7安装node版本最高只支持13.14.0
今天用nvm安装node 16 和 14.0.0 都没有安装成功。原因是从14.0.0开始，node不再支持win7系统了。所以，最高只能安装到13.14.0历史node版本下载官方地址：https://nodejs.org/en/download/releases/历史npm版本官方下载地址：https://npm.taobao.org/mirrors/npm/使用nvm去安装高版本的node的时候，npm可能没有安装成功。就需要我们手动下载node对应的npm版本后，解压缩放到node安装目
2021-10-29 09:13:42
13199
1
原创 webUploader文件上传示例demo，配置前后端可以本地调试。
需求描述：使用html5的api完成大文件的上传。调研结论： 可以选择webUploader 和simple-uploader 。 前者是百度出品。start很多。两者都可以。本需求采用WebUploader。1、部署上传的后台服务。有时候受限，需要先跑起来。官方的后台接口是php代码。所有我们需要部署一个php的跑起来。这里，我们为了快速部署，装依赖。直接使用快速工具。参考文章：用XAMPP搭建本地PHP服务器，运行php文件 https://blog.csdn.net/web_xyk
2021-10-27 10:07:55
1240
原创 小程序公共上传方法
// 七牛云上传多张图片 默认上传图片 type = 1 视频 qiniuToUpload(type, callFn){ let that = this that.request('get', '/shifu/index/api_upload_qiniu_get_token', {}, function (res) { if (res.error_code == 0) { that.globalData.upload_host = res.data.uplo.
2021-10-25 16:41:30
146
原创 Vue Element-ui表单校验规则，你掌握了哪些？
参考文章：https://www.cnblogs.com/alabo1999/p/14990310.html
2021-10-25 16:20:29
109
原创 微前端实现方案
1、京东出品的micro-app (推荐+++)https://cangdu.org/micro-app/docs.html#/2、single-spa（推荐++）和qiankun（推荐+）https://www.jianshu.com/p/54904acb5896 主要介绍了single-spa。是在qiankun发展起来的。需要改单页的打包方式。...
2021-10-25 16:07:56
238
原创 纯js实现通过事件总线EventBus来完成插件封装
前言：当我们在插件开发的时候，肯定需要对外暴露函数，使用者调用插件内的方法，如果插件内的某些操作是异步的，就需要等异步完成后，通知使用者处理结果，使用者然后再去执行其他的操作。我们在vue中，可以通过实例化vue来实现事件总线。 或者通过Vuex来完成类似的操作。如果是纯插件的时候，我们最好通过js自己完成封装。示例如下： window.onload = function () { var oproto = Object.prototype var aproto = Ar
2021-10-22 18:11:16
323
1
原创 app中使用企业微信sdk分享小程序报错：小程序路径错误，加载超时 解决办法。
问题描述：在app中，需要调用企业微信skd，分享小程序给客户，客户打开小程序。如果客户直接是企业微信中的，可以在企业微信中打开小程序。但是，如果客户是微信中，用户在微信中打开小程序就报错。ios分享出去可以，安卓分享就不行。app开发甩锅小程序问题。小程序打不开，肯定是小程序的问题。这个锅我们不接。甩锅是官方bug，这个不是解决办法。排查原因。我们查官方文档：小程序类型分享示例WWMediaMiniProgram miniProgram = new WWMediaMiniProgr
2021-09-24 10:47:16
1776
原创 wepy2中使用腾讯地图map组件bindregionchange无法绑定的解决办法
小程序官方文档：map组件支持的属性和事件：bindregionchange eventhandle 否 视野发生变化时触发， 2.3.0然而，大坑的是，在wepy2框架中，我们这样使用： <map class="map" id="map" controls="true" :longitude="longitude" :latitude="latitude" scale="15" :sub
2021-09-18 17:08:28
350
原创 域名set-cookie报Set-Cookie was blocked because its Domain attribute was invalid with regards to the url
先说坑：api.abc.com这个域名，写cookie重定向到static.abc.com这个域名，发现，cookie没有写成功，前端在代码中获取不到cookie。使用控制台查看，报错this Set-Cookie was blocked because its Domain attribute was invalid with regards to the url 。看字面意思，就是设置cookie非法了，操作不对。查后台代码，后台设置cookie时，是这样玩的：set-cookie: use
2021-09-07 11:20:59
4668
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人