VUE:日期格式化(将日期("2020-11-30T02:21:42.000+0000")进行格式化)
摘要:如何将字符串类型的日期("2020-11-30T02:21:42.000+0000")进行格式化? 一、VUE格式化为yyyy-MM-dd格式 1、在js中对日期进行格式化 1)、方法: export function formatDateNew(date, fmt) { if (/(y+)/.te
阅读全文
posted @
2020-11-30 10:57
周文豪
阅读(5438)
推荐(0) 编辑
微信小程序:报错fail webview count limit exceed
摘要:报错: 分析原因: 先从列表页面跳转到详细页面时,使用了Navigator标签,open-type默认使用的navigate,跳转时会保留当前页, <navigator class="prepare_confirm" url="/pages/prepare_addAndEdit/index?id={
阅读全文
posted @
2020-11-25 09:33
周文豪
阅读(3471)
推荐(0) 编辑
微信小程序:picker组件实现下拉框效果
摘要:一、wxml中代码 <view class="in_order_Param"> <text>状态:</text> <picker mode="selector" bindchange="bindPickerChange" value="{{listQuery.status}}" range="{{a
阅读全文
posted @
2020-11-24 18:48
周文豪
阅读(2737)
推荐(0) 编辑
微信小程序:post请求参数放在请求体中还是拼接到URL中需要看后台是如何接收的
摘要:前端发送post请求时,请求参数可以放在请求中,代码如下: function post(url, data, callback) { wx.request({ method: 'POST', url: app.globalData.serverApi + url, data: data, heade
阅读全文
posted @
2020-11-24 11:13
周文豪
阅读(7086)
推荐(0) 编辑
JSON的stringify和parse方法
摘要:一、JSON.parse() 方法用于将一个 JSON 字符串转换为JSON对象。 以下代码为将字符串解析为对象,然后再赋值给对象 //页面初始化完成加载,option是传递的参数 onLoad: function(option) { const param = JSON.parse(option.
阅读全文
posted @
2020-11-24 09:45
周文豪
阅读(412)
推荐(0) 编辑
微信小程序:日期组件picker的使用(只显示年或只显示年月)
摘要:一、显示年月日(mode="date") 1、页面代码 <view class="right"> <picker mode="date" value="{{material.planToDate}}" bindchange="changeDate"> <input placeholder="请输入到
阅读全文
posted @
2020-11-23 18:46
周文豪
阅读(3524)
推荐(0) 编辑
微信小程序:给data中对象中的属性设置值与给data中的属性或对象或数组设置值的区别
摘要:一、给data中的属性或对象或数组设置值,属性名不需要加引号 this.setData({ material: param, // 这里material为对象 } this.setData({ dataList: list // 这里dataList为数组 }) that.setData({ tot
阅读全文
posted @
2020-11-23 18:35
周文豪
阅读(1520)
推荐(0) 编辑
微信小程序:点击预览大图功能
摘要:点击预览大图功能 1、 给轮播图swiper-item绑定点击事件 2、 预览功能的本质是调用了小程序的api:previewImage 微信公众号 文档 开发 API 媒体 图片 wx.previewImage 输入wx-previewImage,删除后面三个参数。 先构造要预览的图片数组,数组中
阅读全文
posted @
2020-11-20 15:56
周文豪
阅读(3164)
推荐(0) 编辑
微信小程序:解决小程序中有些格式如webpiPhone手机暂不支持的问题
摘要:问题:小程序中有些格式是iPhone手机暂不支持的,如goods_introduce中的webp格式,在小程序的模拟器中是可以正常显示webp格式的,但是一旦你做真机调试,很可能某些iPhone手机是不能识别webp格式的,这个问题也要解决,在企业中最好的方法是找后台沟通一下,让后台把图片格式换成j
阅读全文
posted @
2020-11-20 15:50
周文豪
阅读(2262)
推荐(0) 编辑
微信小程序:优化页面要渲染的属性
摘要:问题:页面中只用到四个属性:goods_name,goods_price,goods_introduce,pics,但是整个对象中有22个属性,小程序中建议:data中只存放标签中要使用的数据,而现在goodsObj中有很多属性用不到,这无形之中会导致小程序的性能变得比较卡了。所以我们要对它进行优化
阅读全文
posted @
2020-11-20 15:47
周文豪
阅读(268)
推荐(0) 编辑
微信小程序:标签字符串直接变成标签来显示要通过富文本技术
摘要:rich-text标签存在nodes属性直接接受标签字符串
阅读全文
posted @
2020-11-20 15:39
周文豪
阅读(1038)
推荐(0) 编辑
微信小程序:添加全局的正在加载中图标效果
摘要:在发送请求的时候,显示一个正在加载中的小图标。在加载下一页的时候也显示正在加载中。同时数据请求回来了,把加载中进行关闭。 开发 API 界面 在哪里添加这两段代码会比较方便呢?一个项目有几百个接口,如果发请求之前都要手动写一次,请求成功了又要手动关闭一次,太繁琐了,如果后期不想要这个效果,则要全部删
阅读全文
posted @
2020-11-20 11:47
周文豪
阅读(1776)
推荐(0) 编辑
微信小程序:下拉刷新
摘要:1、 先触发下拉刷新事件,在页面的json文件中开启下拉刷新 2、 将现有的数据全部清空,再重新发请求,即下拉刷新的时候将整个数组清空掉, 3、 重新发请求的时候,要把页码再重置为1, 数据请求回来,需要手动关闭等待效果,不然,数据已经请求回来,仍然是下拉刷新的效果。 如果没有调用下拉刷新的窗口,也
阅读全文
posted @
2020-11-20 11:25
周文豪
阅读(688)
推荐(0) 编辑
微信小程序:上滑触底加载下一页
摘要:给商品列表页面添加一个上滑触底加载下一页的效果,滚动条触底之后就发送一个请求,来加载下一页数据, 先在getGoodsList中获取总条数 由于总页数需要再另外的一个方法中使用,所以要把总页数变成一个页面全局参数。 数据请求回来,要对data中的数组进行拼接,而不是全部替换,如果你把新的数据替换原来
阅读全文
posted @
2020-11-19 17:34
周文豪
阅读(1596)
推荐(0) 编辑
微信小程序:页面全局参数(注意不是小程序的全局变量globalData)
摘要:为什么要使用页面全局参数:方便使用数据。 由于总页数需要在另外的一个方法中使用,所以要把总页数变成一个页面全局参数。因为取数据使用this.xxx即可,中间不用加data,给页面全局参数赋值也方便,直接使用this.xxx=值即可,不需要使用setData() 页面全局参数与data同层级。 Pag
阅读全文
posted @
2020-11-19 17:28
周文豪
阅读(1649)
推荐(0) 编辑
微信小程序:快速生成less文件类嵌套的结构
摘要:全部选中标签结构,按住ctrl+shift+p,选中插件Generate CSS tree(提前安装CSS Tree),先删除undefined,将img替换成image,删除标签名view。 完整的样式如下:
阅读全文
posted @
2020-11-17 17:57
周文豪
阅读(210)
推荐(0) 编辑
微信小程序:优化接口代码-提取公共接口路径
摘要:方法一、将公共部分提取出来定义为baseURL变量 简化url,把里面公共部分提取出来。如https://api-hmugo-web.itheima.net/api/public/v1/categories提取出来后变成/categories,公共部分为https://api-hmugo-web.i
阅读全文
posted @
2020-11-17 17:44
周文豪
阅读(886)
推荐(0) 编辑
微信小程序:自定义组件(父组件向子组件传递数据和子组件向父组件传递数据)
摘要:为什么要学习自定义组件? 1、用上我自己的单词abc,我希望在页面中展示椭圆形的图片, 2、打开手机淘宝,假如现在要做一个企业级项目,里面有很多页面,首页存在导航模块,点击天猫,进入第二个页面,而第二个页面中也存在导航模块,再点击天猫国际,进入的新的页面中同样存在导航模块,如果每一个页面导航模块重新
阅读全文
posted @
2020-11-17 16:15
周文豪
阅读(1383)
推荐(0) 编辑
微信小程序:小程序中使用Less
摘要:配置: 首选项 -> 设置 -> 用户 -> 扩展 (找到EasyLess插件,编辑setting.json文件进行配置) 点击vscode左下角的à设置à点击右上角的à添加以上代码(将less文件编译成.wxss文件) 新建index.less文件,内容如下: 编译之后生成index.wxss文件
阅读全文
posted @
2020-11-17 15:10
周文豪
阅读(4220)
推荐(0) 编辑
微信小程序:页面生命周期
摘要:小程序生命周期分为应用生命周期和页面生命周期 1、Onload:页面加载时触发,一般在onLoad中发送异步请求来初始化页面数据。 2、onShow:页面显示时触发 3、onReady:页面初次渲染完成时触发。 4、onHide:是页面隐藏时触发,注意不是应用隐藏,切后台时,页面就会隐藏。即整个小程
阅读全文
posted @
2020-11-17 15:04
周文豪
阅读(1668)
推荐(0) 编辑
微信小程序:应用生命周期
摘要:小程序的生命周期分为应用生命周期和页面生命周期。 应用指的是一个文件,是小程序的入口文件app.js,入口文件最外层方法名称是App,页面的js文件最外层是page,组件的js文件的最外层是component, 生命周期就是一些事件,只不过它触发的时机不是我们来定义的,而是应用或程序自己定义的, 1
阅读全文
posted @
2020-11-17 14:59
周文豪
阅读(221)
推荐(0) 编辑
微信小程序中input标签高度设置
摘要:如果没有设置高度所以显示的是控件自身的高度。 微信小程序input控件原始设置: 上图发现: 我只覆盖了官方input的height,而没有覆盖min-height; .query input{ border: 1px solid #ccc; border-radius: 10rpx; width:
阅读全文
posted @
2020-11-17 10:52
周文豪
阅读(3182)
推荐(0) 编辑
前端传递数据到后台的两种方式;创建一个map或者创建一个FormData对象
摘要:一、构建一个map getAllDeptAllUsers(){ const modleCode = {'auditMenuId': this.auditMenuId, 'enterpriseId': this.$store.getters.enterpriseId}; deptJs.getAllDe
阅读全文
posted @
2020-11-16 21:55
周文豪
阅读(2413)
推荐(0) 编辑
微信小程序开发小技巧:
摘要:小技巧:输入view.tabs_content就可以生成下面的代码。 输入p10,就可以得到: 输入jc:c得到:文字水平对齐 输入d:f得到: 输入ai:c得到: 输入bb得到: currentColor表示颜色等于当前的字体颜色。
阅读全文
posted @
2020-11-16 21:09
周文豪
阅读(87)
推荐(0) 编辑
微信小程序:单选框radio和复选框CheckBox
摘要:单选框radio: 可以通过color属性来修改颜色。 复选框checkbox:
阅读全文
posted @
2020-11-16 20:53
周文豪
阅读(761)
推荐(0) 编辑
微信小程序:Navigator导航组件
摘要:导航组件:类似超链接标签。 url:要跳转的页面路径,可以放绝对路径,也可以放相对路径,绝对路径指从pages作为根目录开始找到你要的页面。 找到你要找的页面的相对地址的方法:在vscode中,该页面右键,选择“复制相对路径”,然后将反斜杠改为正斜杠,也不要后缀名。如pages\demo1\demo
阅读全文
posted @
2020-11-16 20:47
周文豪
阅读(446)
推荐(0) 编辑
微信小程序:事件绑定(bindtap和catchtap的区别)
摘要:一、事件介绍 小程序中绑定事件,通过bind关键字来实现。如bindinput,bindtap(绑定点击事件),bindchange等。 什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数
阅读全文
posted @
2020-11-16 09:24
周文豪
阅读(3301)
推荐(0) 编辑
微信小程序:条件渲染wx:if和hidden
摘要:一、条件渲染:wx:if,wx:elif,wx:else 花括号中的true或false可以改成变量从而来动态显示。 二、hidden 只显示hidden2 当标签不是频繁切换显示(控制是否渲染到页面)的时候使用wx:if,当标签频繁的切换显示的时候使用hidden(已经渲染到页面,只是控制是否显示
阅读全文
posted @
2020-11-15 21:29
周文豪
阅读(669)
推荐(0) 编辑
微信小程序:block标签
摘要:代码中存在block标签,但是渲染的时候会移除掉。 例子: 如果将view改为block: 当你要渲染某些数据时,如果不想额外的加一层外边的标签,此时可以使用block标签来进行占位。
阅读全文
posted @
2020-11-15 20:47
周文豪
阅读(2835)
推荐(0) 编辑
微信小程序:列表渲染
摘要:wx:for,(wx:for-item,wx:for-index),wx:key. 列表循环包括数组循环和对象循环 一、数组循环 此时控制台报错如下:属性“wx:key”可以提高性能。 Wx:key=”唯一的值”,数组中对象的唯一属性,如id;如果是普通数组,则用*this表示循环项。 此时控制台没
阅读全文
posted @
2020-11-15 20:38
周文豪
阅读(825)
推荐(0) 编辑
微信小程序:数据绑定
摘要:data中的数据不仅仅可以当成文本来显示,还可以当成属性来显示。 注意:属性值要用单引号或双引号引起来。 在微信开发者工具的控制台中点击Wxml会看到 使用Boolean类型充当属性的时候,字符串和花括号之间一定不要存在空格,否则会导致识别失败。
阅读全文
posted @
2020-11-15 20:18
周文豪
阅读(128)
推荐(0) 编辑
vscode快捷键
摘要:复制到下一行 Alt+Shift+下键(上下左右的下); 复制到上一行 Alt+Shift+上键(上下左右的上); 搜索文件:ctrl+shift+F Ctrl+/:多行注释
阅读全文
posted @
2020-11-15 20:05
周文豪
阅读(96)
推荐(0) 编辑
微信小程序:快速新增页面和组件的方法
摘要:一、快速新增页面的方法: 1、在vscode中的app.json文件中的pages数组的第一行新增一个路径,如: 2、在微信开发者工具中的app.json中的新增一个空格,然后保存,就会生成一个新的页面。 二、快速新增组件的方法: 在vscode中新建一个components目录,目录中在新建一个t
阅读全文
posted @
2020-11-15 17:05
周文豪
阅读(1261)
推荐(0) 编辑
微信小程序登录流程解析
摘要:小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识openid,快速建立小程序内的用户体系。 登录流程时序: 1、首先,调用 wx.login获取code ,判断用户是否授权读取用户信息,调用wx.getUserInfo读取用户数据 。 2、然后,由于小程序后台授权域名无法授权微信
阅读全文
posted @
2020-11-15 16:40
周文豪
阅读(5097)
推荐(0) 编辑
通过const app = getApp()实现在 page 页面获取 app.js 定义的属性globalData,即获取全局数据
摘要:App.js是项目的入口文件,页面的 page.js 文件会覆盖 app.js文件, App.js是整个小程序项目的入口文件,也就是说,如果小程序要运行,第一个被执行的文件就是app.js,在app.js中可以书写小程序的全局业务逻辑。 app.js作用 一:小程序要运行,第一个被执行的文件是app
阅读全文
posted @
2020-11-15 15:25
周文豪
阅读(4923)
推荐(0) 编辑
微信小程序:app.json中通过使用扩展库userExtendedLib的方式,引入并使用weui
摘要:微信小程序 PK APP: 1、微信有海量⽤⼾,⽽且粘性很⾼,在微信⾥开发产品更容易触达⽤⼾;而推⼴app的成本太⾼。 2、微信小程序也可以跨平台(Android和IOS)。 一、project.config.json中只需要修改appid 二、app.json中通过使用扩展库userExtende
阅读全文
posted @
2020-11-15 14:41
周文豪
阅读(1438)
推荐(0) 编辑
安装并运行Nacos
摘要:方式一:源码或者安装包 一、下载源码或者安装包 git clone https://github.com/alibaba/nacos.git 二、安装 cd nacos/ mvn -Prelease-nacos -Dmaven.test.skip=true clean install -U 三、启动
阅读全文
posted @
2020-11-14 07:44
周文豪
阅读(1805)
推荐(0) 编辑
为什么浏览器记住密码会影响表单?
摘要:用户登录时,用户往往会选择记住密码,由于浏览器自身的问题,当表单中输入框类型为password时,该输入框会有历史记录。效果如下: 原先的代码: <el-row v-if="dialogStatus 'update'?false:true" type="flex" class="row-bg"> <
阅读全文
posted @
2020-11-12 18:38
周文豪
阅读(223)
推荐(0) 编辑
Oracle数据库的函数
摘要:单行函数:作用于一行,返回一个值 多行函数:作用于多行,返回一个值 单行函数 1、单行函数 字符函数upper和lower (1)、upper和lower upper把小写的字符转换成大小的字符 ,lower把大写字符变成小写字符 . select upper('yes') from dual;--
阅读全文
posted @
2020-11-10 18:53
周文豪
阅读(322)
推荐(0) 编辑
前端axios传递一个包含数组的对象到后台,后台可以用String接收,也可以用List集合接收
摘要:前端代码: data() { return { listQuery: { date: [], } }}, //查询列表信息getList() { if (this.listQuery.date == null || this.listQuery.date.length != 2) { this.$m
阅读全文
posted @
2020-11-06 22:45
周文豪
阅读(3185)
推荐(0) 编辑
文字链接Link
摘要:效果展示: 代码展示: <el-table-column label="引流扫码人数" align="center"> <template slot-scope="scope"> <el-link :underline="false" @click="openDialog(1)">{{ scope.
阅读全文
posted @
2020-11-06 22:12
周文豪
阅读(152)
推荐(0) 编辑
DatePicker日期选择器的使用(先选择年份或月份,再选择日期,日期在当前年或月之外的置灰显示)
摘要:一、基本使用 效果展示: 代码如下: <el-date-picker v-model="listQuery.times" type="daterange" range-separator="-" start-placeholder="开始日期" unlink-panels end-placehold
阅读全文
posted @
2020-11-06 21:20
周文豪
阅读(4346)
推荐(0) 编辑
前端解决查询慢的问题
摘要:问题:点击导入按钮后,在选择审核人时,会先选择部门,但是点击下拉框后发现弹出无数据,过3~4s后才弹出数据。 原因分析:在后台,部门的查询由于是六张表的多表查询,查询速度慢,给SQL中where后面的查询条件添加索引仍然没有效果,此时可以在前端解决, 解决方法一:在created中调用getAllD
阅读全文
posted @
2020-11-04 16:31
周文豪
阅读(885)
推荐(0) 编辑