- 博客(36)
- 收藏
- 关注
RSS订阅
原创 Vue表单验证为正整数
<template> <el-form-item label="失物数量 " prop="quantity" class="ibw40"> <el-input placeholder="请输入失物数量" :readonly="title === '查看详情'" class="inputBackground wid100" v-model="register.quantity"
2021-11-17 10:29:24
2879
原创 身份证效验规则--vue
JS代码/** *校验规则存放 */const telephoneValidate = (rule, phoneNo, callback) => { const regPhoneNo = /^1[3|4|5|7|8][0-9]\d{8}$/ if(!phoneNo) { callback(new Error('请输入电话号码')) }else if(!regPhoneNo.test(phoneNo)) { callback(new Error('请输入正确的11.
2021-11-04 10:13:22
670
原创 修改ele-按钮样式
// table按钮样式// 颜色为07cc94朴素按钮// .el-button--warnings.is-disabled,// .el-button--warnings.is-disabled:active,// .el-button--warnings.is-disabled:focus,// .el-button--warnings.is-disabled:hover {// background-color: #C0C4CC;// color: #07cc94;//
2021-11-03 16:52:07
522
原创 配送管理业务需求
订单管理体系，配送员送货，站点管理，配送地址管理，配送调整，退订，续订，延后配送，提前配送，暂停配送，换货，筛选查询，欠款到期，配送订单打印和数据导出
2021-09-13 16:00:38
132
原创 餐饮APP业务需求
业务功能：菜品介绍，菜品预定，在线点餐，优惠活动，打折促销，套餐推荐，在线支付。包括菜品分类，菜品搜索，推送体系，评价体系个人中心：微信授权登录，注销功能，收藏商家，历史现实订单详情，申请会员，进行个人信息管理...
2021-09-13 15:28:50
135
原创 ES6新特性
var 可以重复声明，无法限制修改，函数级作用域let 不能重复声明，变量-可以修改，块级作用域const 不能重复声明，常量-不能修改，块级作用域箭头函数遍历数组方法forEach，filter，mapPromise用同步的方式书写异步方法解构赋值1.左右两边结构必须一致2.右边必须是合法的值3.声明和赋值不可分离（在一个语句内完成）。...
2021-09-13 14:58:47
102
原创 完整的前端项目开发流程
一个项目从一开始的计划到最后的上线,大概要经过以下的流程:产品设计原型审评项目分工项目开发项目测试项目构建项目上线1产品设计主要负责人 : 产品经理产品经理前期负责收集销售,客户,领导的零散需求,然后做需求分析,完成产品设计.需求分析需求分析一般有以下几种情况:1.产品经理自己进行需求分析2.产品经理和项目负责人进行需求分析3.产品经理和整个项目成员共同开会讨论,进行需求分析产品设计需求分析完成后,产品经理负责把需求梳理成一个可以演示的整体方案,主要包括2样东西:原
2021-09-03 10:35:00
8771
原创 WX开发 数据请求 Behavior方法
先写APIexport default {//这里表示参数接收curPage,eachPage, getshop({ curPage, eachPage, }) { console.log(123,eachPage ); return new Promise((resolve) => { wx.request({ //后台接口 url: `http://localhost:3001/commoditys/getAl.
2021-08-31 09:03:33
170
原创 9 Vue render&mixins
mixins用于复用在src下创建mixins/count.js用于存放你要重复使用的模块export default { data() { return { count: 0, a: 10 }; }, methods: { add() { this.count++; }, minus() { this.count-- } }};暴露的方法
2021-08-06 10:16:04
378
原创 8 - Vue - slot插槽
创建插槽文件在自动注册组件下创建MySlotss/Iindex,通过props来传值<template> <div> <slot name="h3">h3</slot> <slot name="h1">h1</slot>//用name接收#名字来排序 <slot name="h2">h2</slot> </div></temp
2021-08-05 17:29:22
93
原创 7 -过滤器
创建过滤器文件filters/index.jsimport Vue from "vue";//引入vue//语法//Vue.filter('选择器名',function(value){ // if (!value) return '' // return `$${value}` 要做的事情//})Vue.filter('dollar', function (value) {//value为接收的参数,要改变的值 if (!value) return ''//判断是否为空 re
2021-08-05 14:20:42
78
原创 3-Vue-组件的基本用法
局部组件通过一个对象来描述这个组件const counter = { //模板 template: ` <div>counter</div> `}创建一个实例来注册这个组件new Vue({//el：挂载点 el: "#app", //组件,用来注册一个组件counter，components组件的意思 components:{counter}})在上面注册了一个counter组件,且只能在挂载点为app的容器使用这个组件全局注册&
2021-08-03 14:25:10
124
原创 2-Vue-模板语法-条件与循环-处理用户的输入
模板语法{{}}里面写语句表达式或变量v-html指令类似于 innerHTML(带结构) innerText(纯文本)<div v-html="带结构的变量"> </div>v-bind指令用于绑定状态状态都写在data（）{}里面绑定titel<h1 v-bind:title="titel">{{titel}}</h1>绑定a标签<a :helf="helf">baidu</a>&l
2021-08-02 15:32:17
117
原创 1-Vue-基本用法
Vue起步Vue官网文档我们先直接引用Vue,先不搭建结构创建Vue-dome为根目录,作为项目的根目录,最终目录如在Vue官网文档复制<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>里面的链接,在新网页打开,然后全部粘贴进vue.js,引入Vue`在html里引入Vue自己要写的JS文件,使用声明式渲染 <div id="app"> 声明
2021-08-02 10:56:37
85
原创 4-TypeScript 函数-接口
函数声明式函数一个函数有输入和输出，要在 TypeScript 中对其进行约束，需要把输入和输出都考虑到，其中函数声明的类型定义较简单：function sum(x: number, y: number): number { return x + y;}输入多余的（或者少于要求的）参数，都是不被允许的。sum(1, 2, 3); // error 多余参数sum(1); //Expected 2 少于要求函数表达式如果要我们现在写一个对函数表达式（Function Expre
2021-07-31 11:33:24
652
原创 3-TypeScript 类型推论-别名-字面量类型-断言-字符串字面量类型
类型推论什么是类型推论以下代码虽然没有指定类型，但是会在编译的时候报错：let myFavoriteNumber = 'seven';//虽然没有给数据类型,但可以通过赋的值推论出来myFavoriteNumber = 7; // error 报错,必须是字符串类型事实上，它等价于：let myFavoriteNumber: string = 'seven';myFavoriteNumber = 7;TypeScript 会在没有指定类型的时候推测出一个类型，这就是类型推论。如果定义的
2021-07-30 16:50:02
725
原创 2.TypeScript 基本数据类型
TypeScript 基本数据类型简介: TypeScript 支持与 JavaScript 几乎相同的数据类型,此外还提供了实用的枚举类型方法方便我们使用 TypeScript 和 JavaScript 类型区别:TypeScript : 静态类型,强制类型;在书写的时候就要确定变量的数据类型类型JavaScript : 弱类型,编译语言在JS引擎执行代码的时候才知道具体数据类型; 声明变量格式基本数据类型let isDone: boolean = false;关键字 变量名 :
2021-07-30 14:21:38
113
原创 1.TypeScript 快速入门
1.TypeScript 快速入门 TypeScript官网中文文档链接简介:TypeScript由微软开发的一个开源编程语言,通过JavaScript的基础上添加静态类型定义构建而成,TypeScript通过它自己的编译器或Babe(一种转换工具)转换为JS代码.注:浏览器或node只能执行JavaScriot代码TypeScript是JavaScript的一个超集 (TS是JS的一种扩展)TS常用类型和用法安装1 npm install -g typescript // -g = 在全
2021-07-29 23:47:47
129
原创 2021-04-05
flex弹性盒子容器属性flex-direction容器属性flex-direction属性决定了主轴的方向（即项目排序方向）属性值：row row-reverse column column-reversrow（默认值）：主轴为水平方向，项目从左到右依次排序：1234row-reverse：主轴为水平方向，项目从右到左依次排序：4321column: 主轴方向改变为垂直方向，y轴为水平方向 从上到下：1234column-reverse：主轴为垂直方向，从下到上4321
2021-04-05 18:28:56
59
原创 2021-03-28
表单元素的认识与应用表单效果如上，如何制作呢，我们一起来学习。首先我们先来了解form元素，他是表单的祖先元素，意思是制作表单网页所有的代码都是它的后代元素form的额外属性method属性<form action="#" method="POST">method=post表示提交信息隐藏 <form action="#" method="GET"method=get表示提交信息展示那什么是提交信息呢？就是下图地址栏可以隐藏与展示其中action=#，把#改为你要提
2021-03-28 17:53:04
74
原创 2021-03-21
块级行内元素内容分布及详情__justifi-content属性使用在弹性容器布局上把项目沿主轴线（x）对齐justifi-content语法如下justifi-content：flex-start弹性项目向行头靠拢（左对齐）flex-end弹性项目向行尾对齐（右对齐）center弹性项目居中对齐space-between弹性项目平均分布在该行上，且间隔距离相等，行头行尾间隔距离为零如果只有两个弹性项目则行头行尾各一个如图：space-around弹性项目行头和行尾距离
2021-03-21 16:12:43
1491
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人