- 博客(28)
- 资源 (2)
- 收藏
- 关注
原创 uniapp ,vue,js日历卡片可滑动日期可点击选择可更改颜色样式
uniapp ,vue,js日历卡片可滑动日期可点击选择可更改颜色样式
2024-05-07 12:01:10
422
1
原创 前端js时间戳互转年月日时分秒,前端js两个年月日时分秒时间相减获得时间差,相差几天几月几日几时几分几秒,直接复制即用。
前端js时间戳互转年月日时分秒,前端js两个年月日时分秒时间相减获得时间差,相差几天几月几日几时几分几秒,直接复制即用。
2024-05-06 10:09:10
197
原创 前端JS获取当前一周(上一周、下一周、上几周、下几周)的时间
前端JS获取当前一周(上一周、下一周、上几周、下几周)的时间,适用于vue、uniapp、微信小程序。
2024-05-06 10:04:46
814
1
原创 微信小程序输入框小数点后保留两位
图片效果2.html部分<input placeholder="0.00" value="{{docMoney}}" type="digit" bindinput="priceEvent" />3.js部分// 价格限制小数点后两位 priceEvent(e) { console.log(e) var money; if (/^(\d?)+(\.\d{0,2})?$/.test(e.detail.value)) { //正则验证,提现金额小数.
2021-10-26 10:34:13
1088
原创 前端微信小程序详细发布流程
1.打开微信开发者工具2.选择要发布的小程序3.选择后在界面上点击预览4.用微信扫码弹出的二维码自己测试一遍5.测试无误后点击上传6.根据自己需要填写,最后点击上传7.登录微信公众平台用微信扫码登录8.点击管理中的版本管理9.这是刚刚发布的体验版本,点击提交审核,审核的内容不知道如何填写直接默认10.提交完成后等待审核结果,审核结果会发消息通知,审核不通过是经常的问题,多发个五六七八遍就OK了11.审核通过后点击发布...
2021-10-26 10:26:20
1509
原创 微信小程序监听页面滚动
1.正常状态下.2.页面滚动到大于100时显示定位到顶部的view盒子3.html部分<view class="question"> <!-- 顶部Banner图 --> <view class="qBanner" > <image class="qBannera" src="../../../images/question/banner.png" alt=""></image> <ima...
2021-10-26 10:06:57
3891
原创 JQuery点击按钮删除当前的div
1.图片2.html部分 <div > <div > <img src="images/home.png" /> <span>我是盒子1</span> <span class="editdelete">删除</span> </div&g.
2021-09-02 16:14:46
1572
原创 JQuery点击按钮新增input框
1.正常状态2.点击添加3. 点击添加的input框后面的添加按钮4.点击按钮刷新规则下方表格会弹出各个排列组合,价格可以修改5.上代码<div class="videobox" style="margin-left:-12px;"> <label class="layui-form-label" style="width: 90px;">商品规格</label>...
2021-09-02 15:30:36
2565
原创 2021年 CSDN博客背景皮肤设置
1.登录CSDN博客账号之后点击头像,点击内容管理2.点击右侧导航栏最下方的设置中的博客设置3.有三种方式可供选择
2021-08-31 15:26:18
487
原创 vue基于elementui的增删改查
import { quillEditor } from "vue-quill-editor"; //调用编辑器import "quill/dist/quill.core.css";import "quill/dist/quill.snow.css";import "quill/dist/quill.bubble.css";是添加和修改的时候引入的富文本<template> <div class="wrap"> <!-- 顶层输入框搜索和新...
2021-08-27 10:48:59
680
1
原创 elementui中的el-pagination分页器使用
一、html部分total是总页数 ;xinwzix.pageSize是一页显示几条;xinwzix.pageNum是显示第几页;<el-pagination :total="total" :current-page="xinwzix.pageNum" :page-size="xinwzix.pageSize" :page-sizes="[5]" :pager-count="5" @current-change="handleCurrentChange" @siz...
2021-08-27 10:27:31
1132
原创 页面顶部导航栏随着滚轮转动,页面下滑,导航栏背景颜色,透明度,字体,样式等改变
一、大盒子app里有一个heades的导航栏,通过:style="headStyle"来改变它的颜色等样式,需要改变的,不要在style样式里定义,否则代码会执行style里定义的样式<template> <div class="app"> <div class="heades" :style="headStyle" :class="{ colors: colors }"> <img v-show="srcs .
2021-08-27 09:38:14
6925
4
原创 商城项目SKU实现(详细)
一、 效果图二、 实现代码1、 先看数据 (这里是全数据 虽然有点长但是方便调试 测试) const specList = [ { title: "颜色", list: ["红色", "紫色", "白色", "黑色"] }, { title: "套餐", list: ["套餐一", "套餐二", "套餐三", "套餐四"] }, { title: "内存", list: ["64G", "128G", "256G"] } ]
2021-08-26 15:38:02
1705
1
原创 商城项目前端SKU实现
一、 效果图二、页面代码<template> <view id="app"> <h3>前端SKU实现</h3> <view v-for="(item,index) in specList" :key="index"> <view class="title">{{item.title}}</view> <view class="spec"> <view clas..
2021-08-26 15:21:59
453
3
原创 支付宝小程序组件化开发与Vue组件化开发对比
一、支付宝小程序组件化开发1.最外层新建文件夹components2.在components文件夹的右击菜单中,选择新建小程序组件,输入组件名,会自动生成自定义组件所需要的几个文件。3.组件配置文件zujan.json用于声明当前目录是个自定义组件。4.组件注册index.js用于注册一个组件对象。Component({ mixins: [], // mixins 方便复用代码 data: { x: 1 }, // 组件内部数据 props: { y...
2021-08-24 11:52:56
776
原创 前端项目打包详细
项目打包命令为:npm run build打包后会文件夹中自动生成一个dist文件这个文件就是最终上传服务器的文件(或者将这个dist给后端)dist中的index打开是本地看不见什么的。如果想查看项目 ----1.在config目录中找到index。jsbuild: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths as...
2021-08-24 09:24:04
14998
原创 Vuex 介绍与使用
使用state:这里面主要定义了需要的属性,只有在这里定义的属性,在使用时才能获取的到,无论组件和组件之间的嵌套结构是怎样的,都能共同访问 store 中的数据,在其他任何组件中,对 state 中的数据做操作时,当前组件也会随之响应。getters:将我们定义的数组进行输出(可以认为是store中的计算属性),来根据代码需求过滤 state 中的数据,向外抛出过滤...
2021-08-24 08:57:58
68
原创 Vue 创建项目后各文件夹作用
node_modules : 项目依赖环境,是安装node后用来存放用包管理工具下载安装的包的文件夹。package.json : vue项目的表述文件,依赖包就是根据package.json来安装的。package-lock.json : 文件内保存了 node_modules中所有包的信息,包含着这些包的名称、版本号、下载地址。README.md : 简单的项目介绍文档介绍了整个项目达到什么样子的效果、需要搭建什么样的环境、具备什么样的技能等等。main.js : 项...
2021-08-24 08:52:23
484
原创 Vue cli3 vue项目创建步骤
1.下载nodejs 安装node 检验:node -v2.安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org 检验:vue -v3.搭建vue脚手架cnpm install -g @vue/cli@3.5.04.vue create 项⽬名(英⽂)5.cd 项⽬名(英⽂)6.npm run serve 启动项目7.vue add vuex 安装vuex8.vue add axios 安装axios9..
2021-08-24 08:27:51
92
原创 支付宝小程序app.json内容
{ //页面的路径 "pages":[ "pages/index/index", "pages/login/login" ], //设置小程序的状态栏、导航条、标题、窗口背景色等。 "window":{ "defaultTitle":"支付宝小程序练习", //页面默认标题。 "allowsBounceVertical":"NO", //是否允许向下拉拽,默认 YES。 "pu...
2021-08-23 17:57:28
748
MVVM和MVC区别,v-model详解教学课件
2022-12-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人