小伙伴们全都Lucky！

原创 uniapp ，vue，js日历卡片可滑动日期可点击选择可更改颜色样式

uniapp ，vue，js日历卡片可滑动日期可点击选择可更改颜色样式

原创 前端js时间戳互转年月日时分秒，前端js两个年月日时分秒时间相减获得时间差,相差几天几月几日几时几分几秒，直接复制即用。

前端js时间戳互转年月日时分秒，前端js两个年月日时分秒时间相减获得时间差,相差几天几月几日几时几分几秒，直接复制即用。

原创 前端JS获取当前一周（上一周、下一周、上几周、下几周）的时间

前端JS获取当前一周（上一周、下一周、上几周、下几周）的时间，适用于vue、uniapp、微信小程序。

原创 前端VUE2/VUE3/uniapp/微信小程序进度条时间段选择（开始时间，结束时间）

可以自定义点击选择的时间段进度条

原创 vue的v-model双向数据绑定详解

vue的v-model双向数据绑定详解

原创 什么是MVVM、为什么要使用MVVM，它与MVC的区别

什么是MVVM、为什么要使用MVVM，它与MVC的区别

原创 实战vue项目封装axios

实战vue项目封装axios

原创 axios的定义极其使用，axios拦截器设置

axios的定义极其使用，axios拦截器设置

原创 VUE父子组件传值

vue父子传值

原创 微信小程序输入框小数点后保留两位

图片效果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)) { //正则验证，提现金额小数.

原创 前端微信小程序详细发布流程

1.打开微信开发者工具2.选择要发布的小程序3.选择后在界面上点击预览4.用微信扫码弹出的二维码自己测试一遍5.测试无误后点击上传6.根据自己需要填写，最后点击上传7.登录微信公众平台用微信扫码登录8.点击管理中的版本管理9.这是刚刚发布的体验版本，点击提交审核，审核的内容不知道如何填写直接默认10.提交完成后等待审核结果，审核结果会发消息通知，审核不通过是经常的问题，多发个五六七八遍就OK了11.审核通过后点击发布...

原创 微信小程序监听页面滚动

1.正常状态下.2.页面滚动到大于100时显示定位到顶部的view盒子3.html部分<view class="question"> <!-- 顶部Banner图 --> <view class="qBanner" > <image class="qBannera" src="../../../images/question/banner.png" alt=""></image> <ima...

原创 JQuery点击按钮删除当前的div

1.图片2.html部分 <div > <div > <img src="images/home.png" /> <span>我是盒子1</span> <span class="editdelete">删除</span> </div&g.

原创 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年 优快云博客背景皮肤设置

1.登录优快云博客账号之后点击头像，点击内容管理2.点击右侧导航栏最下方的设置中的博客设置3.有三种方式可供选择

原创 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"> <!-- 顶层输入框搜索和新...

原创 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...

原创 页面顶部导航栏随着滚轮转动，页面下滑，导航栏背景颜色，透明度，字体，样式等改变

一、大盒子app里有一个heades的导航栏，通过:style="headStyle"来改变它的颜色等样式，需要改变的，不要在style样式里定义，否则代码会执行style里定义的样式<template> <div class="app"> <div class="heades" :style="headStyle" :class="{ colors: colors }"> <img v-show="srcs .

原创 商城项目SKU实现（详细）

一、 效果图二、 实现代码1、 先看数据 （这里是全数据 虽然有点长但是方便调试 测试） const specList = [ { title: "颜色", list: ["红色", "紫色", "白色", "黑色"] }, { title: "套餐", list: ["套餐一", "套餐二", "套餐三", "套餐四"] }, { title: "内存", list: ["64G", "128G", "256G"] } ]

原创 商城项目前端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..

原创 支付宝小程序组件化开发与Vue组件化开发对比

一、支付宝小程序组件化开发1.最外层新建文件夹components2.在components文件夹的右击菜单中,选择新建小程序组件,输入组件名,会自动生成自定义组件所需要的几个文件。3.组件配置文件zujan.json用于声明当前目录是个自定义组件。4.组件注册index.js用于注册一个组件对象。Component({ mixins: [], // mixins 方便复用代码 data: { x: 1 }, // 组件内部数据 props: { y...

原创 前端项目打包详细

项目打包命令为：npm run build打包后会文件夹中自动生成一个dist文件这个文件就是最终上传服务器的文件（或者将这个dist给后端）dist中的index打开是本地看不见什么的。如果想查看项目 ----1.在config目录中找到index。jsbuild: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths as...

原创 前端代码特殊符号书写

原创 Vuex 介绍与使用

使用state:这里面主要定义了需要的属性，只有在这里定义的属性，在使用时才能获取的到,无论组件和组件之间的嵌套结构是怎样的，都能共同访问 store 中的数据,在其他任何组件中，对 state 中的数据做操作时，当前组件也会随之响应。getters:将我们定义的数组进行输出(可以认为是store中的计算属性)，来根据代码需求过滤 state 中的数据，向外抛出过滤...

原创 Vue 创建项目后各文件夹作用

node_modules : 项目依赖环境，是安装node后用来存放用包管理工具下载安装的包的文件夹。package.json : vue项目的表述文件，依赖包就是根据package.json来安装的。package-lock.json : 文件内保存了 node_modules中所有包的信息，包含着这些包的名称、版本号、下载地址。README.md : 简单的项目介绍文档介绍了整个项目达到什么样子的效果、需要搭建什么样的环境、具备什么样的技能等等。main.js ： 项...

原创 Vue 路由守卫

原创 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..

原创 支付宝小程序app.json内容

{ //页面的路径 "pages":[ "pages/index/index", "pages/login/login" ], //设置小程序的状态栏、导航条、标题、窗口背景色等。 "window":{ "defaultTitle":"支付宝小程序练习", //页面默认标题。 "allowsBounceVertical":"NO", //是否允许向下拉拽，默认 YES。 "pu...