- 博客(45)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue封装时间，运用时快速调用
在utils文件夹中，新建index.js文件。在新建的index.js文件中写入以下代码/** * Parse the time to string * @param {(Object|string|number)} time * @param {string} cFormat * @returns {string | null} */export function parseTime(time, cFormat) { if (arguments.length === 0 || !tim
2022-01-19 09:00:27
115
原创 vue循环input，动态绑定v-modul的值
<template> <div> <div class="title body" v-for="(item,index) in box" :key="index"> <el-input type="textarea" autosize placeholder="请输入正文" v-model="item.textarea">
2021-12-30 14:22:57
2479
原创 VueX（Vue状态管理模式)
一、初识VueX1.1 关于VueXVueX是适用于在Vue项目开发时使用的状态管理工具。试想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。为此，Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中，我们只需要把这些值定义在VueX中，即可在整个Vue项目的组件中使用。1.2 安装由于VueX是在学习VueCli后进行的，所以在下文出现的项目的目录请参照VueCli 2.
2021-11-30 19:34:44
90
原创 vue 中 通过input 输入框 进行过滤模糊查询
<template> <div> <input type="text" v-model="searchId" placeholder="搜索"> <table class="tab"> <tr> <th>序号</th> <th>名字</th> <th>时间</th> <
2021-11-23 19:53:48
1175
原创 MintUI
MintUIMintUI是饿了么团队开发的基于移动端的vue组件库。http://mint-ui.github.io/docs/#/zh-cn2/quickstart基于脚手架安装MintUI创建新的脚手架项目 scaffolding。# 找一个目录 ： demo，执行命令，创建项目 vue create scaffolding# 依次选择Manually select features # 手动选择配置Choose Vue Version-Babel-Router-Vuex
2021-11-01 19:07:10
608
原创 ElementUI
ElementUItypora (markdown编辑器)自我介绍徐铭 [email protected] 15201603213 同微信 备注：web2107-中心-姓名当有一个合理需求后，可以自己整理实现思路并且写出来（50行）学习方法前三个阶段重在普及知识点，后两个接口重在学习框架应用与编程思维。边听编写 先听后写课程安排VUEUI 5天HTML5新特性 7天微信小程序 9天ElementUIElementUI是饿了么团队一套为开发者、设计师、产品经
2021-11-01 19:03:45
301
原创 DOM实现用户名和密码验证的错误和正确提示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
2021-10-15 12:58:37
258
原创 DOM实现展开菜单
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <t...
2021-10-15 12:51:00
160
原创 DOM实现简单手机号验证
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &l...
2021-10-13 18:59:23
133
1
原创 DOM 实现购物车的实时变化
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &...
2021-10-13 18:48:11
138
原创 运用 DOM 实现时钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2021-10-13 13:27:28
264
原创 CSS的字体和文本
1.文本格式化1. 字体属性（1）字体大小字体大小可以使用不同的单位，如 px、pt、em、rem、vw 等等，不允许负值像素，尽量不出现小数。pt 是 ui 经常会用的单位，dpi： 直接来说就是一英寸多少个像素点，可以理解为像素密度，pt = px \* dpi / 72 ，遇到 pt 的设计图怎么处理，pc 端页面使用 px，移动端可以使用 em，rem 以及 vw- `font-size: 30px;`字体号属性- 取值，如 px、pt、em、rem、vw 等等，不允许负值像素，
2021-09-09 20:53:59
140
原创 css元素的样式基础
1.尺寸和单位px像素(绝对单位)定义宽度`width`和高度`height`可以使用长度单位：px，pt，rem，em，%等等一般 pc 端网页使用 px 或 pt移动端使用%，em，rem，vw，vh 等响应式单位最大宽度最小宽度，最大高度和最大宽度（在响应式部分进行讲解）`max-width`最大宽度，`max-height`最大高度`min-width`最小宽度，`min-height`最小高度不允许出现负值，最小不满足时出现横向或竖向拖动条...
2021-09-09 20:46:46
132
原创 CSS选择器
1.基础选择器【注意】相同的选择器不同的属性声明，不会被覆盖而是共同应用。（1）通用选择器`*`号，选择 html 文件内所有的元素 `* {样式声明}`最常用的用法是`*{margin:0;padding:0}` 清除浏览器的内外边距。但它的缺陷是性能太低，所有的元素不论是否有内外边距都会渲染，但可以做练习时使用。（2）元素选择器（标签选择器）通过标签的名字来选择 html 元素，权重值为 1，比如：`div {样式声明}`弊端是当很多相同标签并存的时候，就会出现没办法精准定.
2021-09-09 20:38:28
116
原创 css的语法规范和样式
1.css 的概念层叠样式表 (Cascading Style Sheets，三个单词字头缩写为 CSS），他是专门用于修饰页面样式的。比如，可以更改内容的字体、颜色、大小以及间距，或是将其分列，或是添加动画等等。- html:超文本标记语言，网页的结构搭建，页面布局- css:层叠样式表,网页的修饰，样式的渲染- javascript:解释型的编程语言，用于与页面的交互2.CSS 与 HTML 属性使用原则- html 文件书写样式的缺点：- html 代码变得杂乱..
2021-09-09 20:24:20
375
原创 列表标签、表格、表单、input标签及控件
表格 表格标签 <table></table> 应用于pc端部分分布，手机端不可用table标签布局 <caption></caption> 表格标题标签 只可以包裹文本，必须在<table></table>标签内嵌套的第一行出现 <thead></...
2021-08-31 21:45:49
1002
原创 JS day06
1.递归在函数的内部调用自身，本身是一个死循环，造成内存泄漏内存泄漏：内存中的空间被占满，无法保存新的数据。如何使用递归： 要求边界条件 结合着return2.匿名函数function () { }(1)创建函数 函数声明 function fn(){ } 函数表达式 var fun=function(){ } 变量名称就是函数名称 对比函数名称()和函数名称...
2021-08-30 21:00:34
72
原创 HTML5
搜索引擎 搜索引擎指⾃动从因特⽹搜集信息，经过⼀定整理以后，提供给⽤户进⾏查询的系统。常⻅的搜索引擎有：⾕歌、百度、搜狗、必应、360 等。 HTML含义 超文本标记语言 HTML是构建页面的标记，用于承载网站的内容 HTML的标签和纯文本按规则的组成 成为一个网页 html、css、js三者的关系 网页前台分为三个层次：内容层，样式层，行...
2021-08-30 20:57:54
165
原创 VCS系统
1.VCS系统版本控制系统，用于项目的存储、共享、合并、历史回退、代码追踪文件历史等功能常用的VCS软件 CVS 2000以前 SVN 2010以前Git 2010至今2.Git中常用的概念工作目录：是一个目录，保存项目中所有的文件暂存区：是内存中的一块区域，用于临时存储项目中的文件Git仓库：是一个特殊的目录，保存项目中所有的文件以及每次修改的记录3.Git常用的管理命令(1)第一次使用git前，告诉git系统你是谁...
2021-08-30 20:50:52
426
原创 最全正则表达式
一、校验数字的表达式1. 数字：^[0-9]*$2. n位的数字：^\d{n}$3. 至少n位的数字：^\d{n,}$4. m-n位的数字：^\d{m,n}$5. 零和非零开头的数字：^(0|[1-9][0-9]*)$6. 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$7. 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$8. 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$9. 有两位小
2021-08-26 21:34:15
125
原创 mysql模块和后端接口
1.mysql模块createPool( ) 创建连接池query(SQL命令, 数组, 回调函数 ) 执行SQL命令，数组保存用来过滤的数据，最后再去替换占位符，通过回调函数获取结果SQL注入select * from emp where 1;select * from emp where ename="tao" or "1";占位符(?)：先将用户提供的值进行过滤，过滤完再替换位置。select* from emp where sex=?...
2021-08-26 21:27:01
394
原创 路由器、中间件
1.路由器用来管理路由，将同一个功能模块下的所有的路由统一管理，最终路由器被WEB服务器使用 路由器 const express=require('express'); //引入express const r=express.Router();//创建路由器对象 //添加路由 module.exports=r; //导出路由器对象 WEB服务器引入并使用路由器 const userRouter=require('./user.j.
2021-08-26 21:18:14
589
原创 express框架和路由中获取数据
框架：是一整套解决方案，提供了项目开发中的常用功能，简化了已有的功能。Node.js中常见的框架：express koa egg1.express框架基于Node.js平台，快速、开放、极简的WEB开发框架网址：www.expressjs.com.cn属于第三方模块，需要先去下载安装 npm install express(1)创建WEB服务器 const express=require('express'); //引入express第三方模块...
2021-08-23 20:57:19
378
原创 同步异步、文件系统、文件流和http协议、http模块
1.同步和异步同步：在主线程中执行，会阻止后续代码的执行，是通过返回值获取结果异步：在一个独立的线程执行，不会阻止后续代码的执行，是通过回调函数获取结果2.文件系统(fs)(1)查看文件状态statSync(文件的路径) / stat(文件的路径, 回调函数) isFile() 查看是否为文件 isDirectory() 查看是否为目录(2)创建目录mkdirSync(目录的路径) / mkdir(目录的路径, 回调函数)(3)移除...
2021-08-23 20:37:05
202
原创 模块、包和查询字符串
1.模块__dirname 获取当前模块的绝对路径__filename 获取当前模块的绝对路径+模块名称2.模块分类分为自定义模块、核心模块、第三方模块 以路径开头 不以路径开头 文件模块 require('./circle.js') 用于引入自定义模块 require('querystring') 用于引入官方提供核心模块 ...
2021-08-23 20:27:18
115
原创 Node.js
1.Node.js概述 Node.js运行在服务器端的JS解释器(1)对比JS JS运行在客户端浏览器，存在多款浏览器，有兼容性问题；Node.js运行在服务器端，只有一种解释器谷歌V8引擎，不存在兼容性问题 两者都有共同的内置(ES)对象，自定义对象，不同的宿主对象 JS用于操作网页，实现用户交互；Node.js用于服务器端开发，例如数据库访问，其它服务器的调用(2)运行方式 脚本模式 node 拖拽脚本文件 回车 交互模式...
2021-08-18 21:35:12
103
原创 ES6 JS中部分
1.ES6ECMAECMAScript ES 标准规范ES6 第6套标准规范ES2021 ES2020 ES2019(1)块级作用域let声明的变量不存在变量提升，不允许重复声明所有大括号之间的语句块都是在块级作用域下，里边用let、const声明的是局部的，不允许被外部访问 面试题：var、let、const三者的区别？ var声明的变量存在变量提升，允许重复声明，只有在函数内声明才是局部变量，不存在块级作用域 l...
2021-08-18 21:25:46
87
原创 js day09
1.Math对象不需要创建可以直接使用APIPI 圆周率abs() 获取绝对值ceil() 向上取整floor() 向下取整round() 四舍五入取整pow(x,y) 次方/次幂max() 获取一组数字最大值min() 获取一组数字最小值random() 获取随机 >=0 <12.Date对象用于日期时间的存储和计算(1)创建new Date('2021/8/17 11:44:...
2021-08-17 20:42:47
82
原创 js day08
1.数组APIAPI：JS中预定义好的一些函数或者方法toString() 将数组转为字符串，元素之间用逗号隔开join() 将数组转为字符串，可以指定元素之间的分隔符concat(arr2,arr3...) 拼接多个数组，arr2,arr3表示要拼接的数组 如何学习API：作用、有哪些参数、返回结果 针对于数组：查看原数组是否会发生变化 slice(start, end) 截取数组元素，start开始的下标，end结束的下标，不包括e...
2021-08-16 20:50:34
71
原创 js day07
1.对象(1)使用内置构造函数创建对象new Object() 返回一个空对象，需要单独添加每一个属性构造函数：使用new来调用，返回对象(2)遍历属性通过循环的方式，依次访问对象中的每个属性 for(var k in 对象){ k 代表每一个属性名 对象[k] 代表属性名对应的属性值 } (3)方法对应的是一个函数，需要调用 var person={ play: fun...
2021-08-16 20:48:26
68
原创 js day05
1.函数Number()/parseInt()/parseFloat()/alert()/prompt()...函数分为系统函数和自定义函数函数：是一个功能体，提供若干个数据，返回处理结果，用于封装要重复执行的代码(1)创建普通函数 function 函数名称(){ 函数体 —— 封装的要重复执行的代码 } 函数只是创建不会执行函数体中的代码调用 函数名称() //执行函数体中封装的代码(2)创建带有参数的函...
2021-08-11 21:02:00
52
原创 js day04
1.while循环 while(循环条件){ 循环体 } 2.break在循环体中使用用于跳出循环，结束循环的执行练习：计算11~20之间所有的整数乘积，使用死循环的方式产生11~20之间所有整数3.do-while循环 do{ 循环体 }while(循环条件); 4.for循环 for(初始值;循环条件;增量){ 循环体 } 5....
2021-08-11 20:59:53
51
原创 JS day03
1.位运算符模拟计算机底层运算，先把数字转成二进制再进行运算，运算完再把结果转成十进制& 按位与，上下两位比较，两者都是1，结果是1，否则是0| 按位或，上下两位比较，含有1结果是1，否则是0^ 按位异或，上下两位比较，不同是1，否则是0>> 按位右移，删除二进制下最后得位数，每移动一位是原来的一半，如果是小数取整<< 按位左移，在末尾补0，每移动一位是原来的2倍（2）赋值运算符 ...
2021-08-09 20:27:17
102
原创 JS day02
1.数据类型分为原始类型和引用类型原始类型分为数值型、字符串型、布尔型、未定义型、空（1）数值型 整型 1 2 3 4 5........ 浮点型 3141.5e-1 314.15 31.415e+1（2）字符串型 被引号包含的数据就是字符串型，不区分单双引号 查看任意一个字符的Unicode码...
2021-08-07 09:59:06
57
原创 Js day01
1.概述(1)历史1995年，JS最早出现在Netscape的浏览器中1996年，IE3中也可以出现JS，称作JScript 1997年，制定了JS标准规范，ECMAScript2009年，JS开始向服务器端发展，出现Node.js(2)现状既可以运行在客户端浏览器，也可以运行在服务器端(3)特点解释型语言，编译一行执行一行弱类型语言基于对象跨平台(4)应用场景开发前端的交互效果，服务器端开发，例如：访问数...
2021-08-06 20:35:04
68
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人