- 博客(23)
- 收藏
- 关注
RSS订阅原创 Ant Design 数字输入框 InputNumber 如何设置最小值和最大值，小数点后保留2位数
【代码】Ant Design 数字输入框InputNumber如何设置最小值和最大值，小数点后保留2位数。
2023-10-25 17:44:43
1068
原创 element UI 日期选择器禁用指定范围日期【关键点】
如果写成onPick:function(time) {}这种形式，拿到的this是。比如我们需要做到只能选择当前用户选择第一个日期的前后7天的范围。注意：disabledDate和onPick需要写成箭头函数。只有箭头函数拿到的才是。
2023-09-28 19:56:53
221
原创 【微信小程序】switch组件怎么在切换前进行验证？
思路：在switch组件外包一层父元素，把切换事件绑定在父元素身上，但是当点击时，用取消事件捕获的办法阻止switch的处罚，也就是事件并不会走到子元素，当验证通过后，再更改switch的checked值。看了微信开放文档中对于switch只有切换功能，并不能在切换前进行验证，但是我们经常会遇到这种场景，在切换前需要让用户二次确认是否切换，那么该如何解决呢。
2023-09-19 20:32:43
281
原创 【微信小程序】给后台返回的数据中添加指定新属性
下才能使 js 和 wxml 同步，wxml才能渲染新数据。思路：循环列表，直接为每一项添加新属性。重点：添加属性后，需要。
2023-09-19 10:30:08
193
原创 倒计时效果
html部分<div>距离开始时间还剩 <span class="syday"></span>天 <span class="syhour"></span>时 <span class="symin"></span>分 <span class="sysen"></span>秒</div>js部分let countdown = function (){
2021-12-13 09:22:42
470
原创 MySQL入门常用语句
均不区分大小写1.查询：SELECT 列名 FROM 表名注：*代表所有列2.列的别名 原名字 AS “新名字” （AS可以省略）注：SQL只有在起名字时才用双引号，字符串都是单引号3.去重：SELECT DISTINCT 列名 FROM 表名4.显示表结构：DESCRIBE 表名（简写DESC）5.过滤：SELECT 列名 FROM 表名 WHERE 条件条件示例：列名>100 name= ‘张三’ id !=99...
2021-10-03 16:37:45
70
原创 Date() 日期对象的用法
1.获取当前时间，直接实例化即可var date = new Date()console.log(date);//Thu Sep 30 2021 10:00:00 GMT+0800 (中国标准时间)2.Date()构造函数的参数如果括号里面有时间，就返回参数里面的时间注：参数是字符串格式，如果写数字月份会比实际大1月var date1 = new Date('2021/10/10 8:00')console.log(date1);//Sun Oct 10 2021 08:00:00 GM
2021-09-30 13:26:54
465
原创 利用vue实现5选2切换图片src
实现功能：共有10张图片，5张是未选中的，5张是选中的，要求点击图片切换图片状态，并且最多只能选择两个，超过2个会有弹框提示，简图如下：代码如下：
2021-08-17 09:27:48
190
原创 CSS3 之 [过渡]、[2D转换]、[3D转换]、[动画]
一、CSS3 之过渡（transition）过渡是元素从一种样式变为另一种样式时的效果，谁变化给谁加1，语法transition：要过渡的属性 花费时间 运动曲线 何时开始;transition：width 0.5s ease 1s;transition：all .5s;属性：宽、高、内外边距、背景颜色等，全部过渡就是all花费时间：单位是秒，必须写单位运动曲线：可省略，默认是ease逐渐慢下来，ease-in加速，ease-out减速，liner匀速，ease-in-out先加速后减速
2021-08-15 18:22:54
111
原创 vue每个生命周期内都可以做什么
Vue生命周期Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。阶段及作用：创建前/后(1.beforeCreate,2.created),载入前/后(3.beforeMount,4.mounted),更新前/后(5.beforeUpdate,6.updated),销毁前/后(7.beforeDestroy,8.destroyed),激活时/未激活时(9.activated,10
2021-08-05 21:43:04
3263
原创 利用Vuex处理用户token
利用Vuex处理用户token的思路当用户登录成功后，把token存储到vuex中，优点是获取数据非常方便并且可以做到响应式，但是为了数据的持久化，还需要把token放到本地存储中。下面是具体操作：
2021-08-03 21:15:44
747
原创 Vuex相关知识点总结
Vuex的由来我们知道，在现在Web开发复杂多变的需求驱动下，组件化开发是必不可少的，于是就涉及到组件通信，常见的有父子组件通信、兄弟组件通信，但是也会面临一些没有直接关系的组件通信，也就是非关系型组件 ，而非关系型组件的数据共享就可以使用Vuex来进行解决。Vuex介绍Vuex是采用集中式管理组件依赖的共享数据的一个工具，可以解决不同组件数据共享问题，通俗来讲，我们可以把Vuex看做是一个数据存储的仓库，而每个组件都可以来这个仓库取数据。...
2021-07-24 19:46:51
75
原创 用async、await改造promise—以调用API删除用户操作为例
promise写法removeUserById(id) { this.$confirm("此操作将永久删除该用户, 是否继续?", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }) .then(() => { const { data: res } = this.$http.delete(`users/${id}`).then(res =>
2021-07-05 15:04:13
303
原创 几种请求方式的使用get、post、put
getasync getUserList() { const { data: res } = await this.$http.get("users", {params: this.queryInfo})}async showEditDialog(id) { const { data: res } = await this.$http.get(`users/${id}`);}putasync userStateChanged(userInfo) { await this.$htt
2021-07-04 21:48:56
969
原创 用最简单的话告诉你什么是浅拷贝和深拷贝
首先，基本数据类型不存在深浅拷贝。（五种基本数据类型：number，string，boolean，null，undefined）深浅拷贝出现的根源在于引用数据类型。（六种引用类型：object，arr，date，regexp，function，err）浅拷贝浅拷贝只是增加了一个指针，拷贝出来的对象和原来的对象指向相同的内存地址，两者是互相影响的，其中一个内容改变另一个也会改变。深拷贝深拷贝不仅增加了指针，并且复制了一个新的内存地址，用于存放复制出的对象，所以无论怎么改变其中一个对象的内容，都不
2021-06-14 19:54:37
83
原创 Github新手必备操作
1 Git命令行操作1.本地库初始化git init创建.git目录，里面存放的是本地库相关的子目录和文件，不能随意修改。2.设置签名和邮箱项目级别/仓库级别：git config user.namegit config user.email系统用户级别：git config --globe user.namegit config --globe user.email3.基本操作git status状态查看（查看工作区、暂存区状态）git add [file
2021-05-07 23:44:52
57
原创 当下前端工程师必须了解的性能优化
背景知识：B/S架构什么是B/S架构B/S（Browser/Server，浏览器/服务器）模式又称B/S结构，是Web兴起后的一种网络结构模式。流程1、客户端发送HTTP请求：用户在浏览器中进行操作，浏览器生成HTTP报文，向服务器发送；2、服务端处理请求：接收HTTP报文，解析报文，处理数据，产生响应HTTP报文；3、服务端响应：将用户请求的数据返回给客户端；4、客户端解析HTML文件。性能优化思路从流程的角度出发，我们能不能让客户端请求服务端的速度更快，当服务器接收到数据时，返回给客户
2021-04-19 12:03:57
85
1
原创 VUE购物车案例
我们想做如下效果想完成的功能如下1.价格生成人民币格式2.购买数量可从1开始加数量3.可以移除当前行4.计算总价格5.当购物车清空时换另外一种效果 <!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> &
2021-04-16 21:30:20
212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人