自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 js压栈简单写一个数据节构转换

原数据结构:list: [ { columns: [ { key: '4', name: '结束时间', field: 'end_time' }, { list: [ { key: '6', name: '创建人', field: 'create_user' } ],

2021-06-10 14:01:56 195 1

原创 小程序输入框设置maxlength时,拼音也会被限制

<input type="text" maxlength="10" confirm-type="done" model:value="{{bookName}}" placeholder="请输入"></input>如上,我限制输入框最长可输入5位字符,在微信开发工具调试是没问题的,在真机上,当我输入中文时,拼音也被限制了,像我习惯一次性打完一句话或者四五个字,结果拼音也被限制只能输入5个以内,这就很难受应该是输入中文时,拼音会暂时出现在输入框内,然后就被误判成是输...

2021-02-23 17:56:35 2677

原创 小程序row/col内input点击没反应

问题描述在微信开发者工具上调试时没问题,但是在真机上(我的是苹果11),就会出现输入框点击没反应的情况代码如下<mp-row> <mp-col span="{{18}}"> <input type="text" maxlength="6" model:value="{{addTagVal}}" confirm-type="done" placeholder="最长6位"></input> &

2021-02-22 22:39:05 588

原创 小程序组件通信传参引用指针以及setData问题

1.triggerEventtriggerEvent类似于vue中的$emit,从组件内部抛出一个事件,外部监听事件,从而达成组件通信。this.triggerEvent("tagChange", { changeTags: this.data.changeTags })应该有小伙伴能看出来这是错误的写法,一开始我以为小程序内部做了处理,会做深度拷贝,然而我错了。传参时 不应该直接 this.data.changeTags 这种形式传参changeTags是个引用类型的值,所以这里

2021-02-22 22:01:56 476

原创 小程序mp-col内的点击事件无法生效

在mp-col外再包装一层view就可以解决了,这个问题在微信开放社区也有提问和解答

2021-02-09 15:21:16 441 4

原创 微信小程序点击事件绑定及传参详解

小程序不是浏览器小程序毕竟不是浏览器,所以很多我们写js时的那些内置对象及事件都没有,小程序为了满足用户需求会模仿做一些原生html元素的事件bindtab例如点击事件 click 在小程序中是叫做 bindtab用法如下<view class="icon_check_item_body" bindtap="iconClick" hover-class="icon_hover"> <image src="{{item.image}}" class="icon_ch

2021-02-03 16:25:49 2863 1

原创 引入weui.wxss报错找不到

报错信息我的weui是通过构建npm方式引入的,引入方式也是按照官网上的引入的@import 'weui-miniprogram/weui-wxss/dist/style/weui.wxss';一开始我以为是我哪里配置的问题,所以我就打算先去网上找一下解决方案,结果发现很多人都遇到了这个问题,而且基本都是说建议使用 useExtendedLib 的方式引入就不会有这个问题,但是既然我已经采用了npm这种方式,就不想去规避这个问题,构建npm后项目结构如下会发现多了一个miniprogra

2021-01-28 14:25:58 1106 1

原创 nodejs模块化开发问题总结

近日使用nodejs搭建了一个小程序的后端程序架构,在拆分架构模块的时候遇到一些问题,稍微就做一下总结吧什么是模块化开发?就我个人对于模块化开发的理解而言,大概可以分为以下几点 重用 尽可能把我们重复的操作提炼封装出来一个公用的,好处无非就是减少代码量,方便管理维护,若逻辑有变化,只需要更改公共代码就可以了。 易读性 个人认为模块开发更是一种思想,例如比起在一个函数内写一大堆面条式的代码,将一个方法合理的拆分成多个方法,然后通过调用方法传参组装成完整的逻辑,无论是在易读性还是后期维

2021-01-27 11:28:44 236 1

原创 A column called ‘id‘ was added to the attributes of ‘users‘ but not marked with ‘primaryKey: true‘

router.post('/login', jsonParser, function (req, res, next) { try { const User = sequelize.define('User', { id:DataTypes.INTEGER, name: DataTypes.STRING, code: DataTypes.STRING, create_date: DataTypes.DATE, update_date:

2021-01-05 15:48:09 1901

原创 This database engine version is not supported, please update your database server.

nodejs使用sequelize连接数据库,初始化时报错信息This database engine version is not supported,please update your database server.DeprecationWarning: This database engine version is not supported, please update your database server. More information https://github.com/

2020-12-22 14:59:23 4164 2

原创 Dialect needs to be explicitly supplied as of v4.0.0

使用sequelize,初始化时报错 Dialect needs to be explicitly supplied as of v4.0.0C:\Users\11783\Desktop\tocity-service\node_modules\sequelize\lib\sequelize.js:281 throw new Error('Dialect needs to be explicitly supplied as of v4.0.0'); ^Error: Diale

2020-12-22 11:41:51 3105

原创 2020-12-15

vue 开发常见的问题1.elementUI提交表单时焦点定位到第一个校验不通过处并给予提示废话不多说上代码,如果前提校验的trigger均为change,如果为blur会出现重复提示 this.$nextTick((_) => { const domError = document.getElementsByClassName( 'el-form-item__error' ) if (domE

2020-12-15 17:32:01 85

原创 el-select下拉框懒加载以及搜索联合处理+搜索防抖处理

前言因为种种原因,没有采用element-ui的InfiniteScroll(无限滚动),这个后面解释,本文采主要用了自定义指令结合绑定滚动条事件的方式问题描述现有一个页面,充斥着大量表单元素,首先要知道的是vue对于视图上的更新机制,在一个组件内若有元素发生变动,那么整个组件就会刷新渲染,所以将大量的表单元素放在一个组件内是会造成页面卡顿的现象。如果有下拉框一次性加载大量数据的情况,这个现象会格外的明显。虽然说将表单分割成多个组件会有帮助,但是效果不会很大,必须要解决下拉框一次性加载了大量元素这个根

2020-11-19 14:46:30 7335 10

原创 vue页面切换时滚动条会记录之前的位置

前言该问题最终是由页面过渡导致的,没有使用过渡效果的小伙伴应该是有其他原因,加油吧。。。。。问题描述A页面下拉到距离页面顶部200px位置处,然后切换到B页面,结果滚动条依然在距离顶部200px处。将在A页面的滚动条位置记录了下来。寻找问题思路因为在逻辑上并没有对页面做滚动行为相关的处理,所以首先排除业务代码的嫌疑,那么问题很有可能就是在直接处理页面切换时造成的,暂时先将vue的过渡取消试一下取消vue的过渡后页面果然没有这个问题了,那么定位到了问题,这个问题就已经被修复了百分之五十了,

2020-11-18 17:45:15 1559

原创 vue封装一个进度条

如图```javascript<!--进度条--><template> <div class="speed-bar"> <div class="speed-bar-body"> <div v-for="(item,i) in speedData" :key="i" :style="{'background':item.color,'width':item.value*100+'%'}">

2020-07-02 15:40:40 579

原创 移动端真机上样式失效问题解决方案之deep的深入理解

这篇文章主要讲述由于**嵌套/deep/**的错误用法而导致的移动端真机样式失效问题,

2020-06-19 21:48:50 2393 3

原创 js页面自动上下页面滚动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0px; } body{ background: linear-gradient(to right t

2020-05-14 18:42:33 1785

原创 js代码输出1000内左右累计恒等的数字

例如 1234567891+2+3+4+5 = 158+9 = 15利用代码输出 小明住在 6 号 最大门牌号8,以此类推,输出最大1000门牌号内符合此规则的门牌号function mi(){ for( let i = 1;i<=1000;i++){ let somSum = 0 let da = (i+1) for(let y = 0;y<i;y++){ somSum = (somSum+y) } for(let j =

2020-05-14 18:24:30 276

原创 jcanvas空心五角星

const rd90 = Math.PI / 180 * 90;const rd75 = Math.PI / 180 * 36;let arr={ strokeStyle: '#000', strokeWidth: 1,}let neibian=(50/Math.sin( Math.PI*126.0/180.0))*Math.sin(Math.PI*18.0/180.0)for(var i=0; i<10; i++){ let dian={ x:(i%2==0?50:n

2020-05-13 19:20:53 221

原创 echarts图标的文字(label)动态切换显示隐藏

阿斯顿撒旦

2020-03-03 18:00:00 8742

原创 前端(vue)登录权限验证

前言 代码如同爬山,到山顶有很多条路,很难说哪条是最好,各有各的特点。业务场景大致分类1.登录权限验证:部分页面没有登录不允许访问2.角色验证:在登录权限的基础之上加角色权限的验证,比如同一个页面两种角色权限看到展示内容被板块不同。具体做法 首先可以肯定的是,无论是那种权限验证,完成的方法有很多种,各有各的特...

2020-02-23 19:03:51 9125 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除