vue
记录vue学习笔记
红烧牛肉面-加面
这个作者很懒,什么都没留下…
展开
-
mac配置修改host文件
【代码】mac配置修改host文件。原创 2024-06-26 10:35:34 · 1379 阅读 · 0 评论 -
css less sass 动态宽高
css less sass 动态宽高写法原创 2024-01-10 20:55:58 · 1010 阅读 · 0 评论 -
vue.$set()
$set是干什么的?解决对象在添加新属性,该属性在data对象中没有,数据发生变化,页面不变的情况。$set有什么用?官方解释: 向响应式对象中添加一个 property,并确保这个新 property同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新 property,因为 Vue 无法探测普通的新增 property。个人理解:在vue的data中声明过的对象或者数组,在往他们里添加新的属性(没有声明过),给属性附过值但是视图是不更新的,因为vue是监听不到。原创 2021-11-15 11:22:29 · 158 阅读 · 0 评论 -
日期选择器设定选择范围和设定默认时间
<el-date-picker v-model="form.auditTime" //绑定的数据值 type="daterange" style="width: 260px" size="small" clearable :picker-options="setDisabled" // 设置选择的时间的范围 value-format="yyyy-MM-dd hh:mm:ss" .原创 2021-11-11 16:13:25 · 721 阅读 · 0 评论 -
this.$refs.xxx.resetFields() 重置清处表单内容
<el-form :model="addUserForm" ref="addUserFormRef" :rules="addUserFormRules" label-width="100px"> <el-form-item label="名称" prop="name" size="medium"> <el-input v-model="addUserForm.name" placeholder="请输入" clearable><.原创 2021-09-24 14:14:45 · 915 阅读 · 0 评论 -
如何快速用html写表格———>Tables Generator。
在项目中如果关于合同或者结算单时, 快速形成结算单 。2快速制表Tables Generator上方连接 将表格复制到下方即可生成htnml代码, 再上方编辑区域就可以对表格进行编写。原创 2021-08-30 20:10:48 · 1035 阅读 · 0 评论 -
javaScript中的循环与迭代
在javascript中循环提供了一种快速和简单的方式去做一些重复的事。for循环一个for 循环会一直重复执行,直到指定的循环条件为 false。for ([initialExpression]; [condition]; [incrementExpression]) statement如果有初始化表达式initialExpression,它将被执行。这个表达式通常会初始化一个或多个循环计数器,但语法上是允许一个任意复杂度的表达式的。这个表达式也可以声明变量。计算condition 表原创 2021-08-17 09:30:16 · 185 阅读 · 0 评论 -
map和forEach的区别
区别: 1 map会return一个新的数组,forEach会改变原来的数组。var k = [ {'0': '请选择'}, {'64': '煤炭及制品'}, {'128': '石油、天然气及制品'}, {'192': '金属矿石'}, {'256': '钢铁'}, {'1000': '盐'}, {'1100': '粮食'}, {'1200': '机械、设备、电器'}, {'1300': '轻工原料及制品'}, {'140.原创 2021-03-01 16:00:28 · 621 阅读 · 0 评论 -
字符串方法
查找字符串中的字符串方法名用处indexOf()查找字符串中的字符串(首次)lastIndexOf()查找字符串中的字符串(最后一次)search()检索字符串中的字符串两种方法,indexOf() 与 search(),是相等的,都可以用来搜索字符串中出现的位置。这两种方法是不相等的。区别在于:search() 方法无法设置第二个开始位置参数。indexOf() 方法无法设置更强大的搜索值(正则表达式)提取部分字符串方法名用处.原创 2021-02-22 16:55:48 · 97 阅读 · 0 评论 -
数组方法
创建数组的方法如何访问数组添加元素删除元素 : 前面的直接规定数组长度来删除数组末尾的元素, 而splice方法可以删除数组中任意位置的元素(第一个是要删除的下标,第二个参数是删除的位数,第三个参数是删除完要添加的参数 ,也可以添加多个参数9。)数组的遍历...原创 2021-02-19 15:38:24 · 211 阅读 · 0 评论 -
vue中的组件通信方式
1 向上函数传参,向下属性传参 1 props 父组件通过props的方式向子组件传参 , 子组件通过$emit子组件可以向父组件通信 . // 这里是父组件 <template> <div> <son :number = number @changeInParent="changeInParent"></son> </div></template><...原创 2020-12-31 17:24:47 · 81 阅读 · 0 评论 -
promise
p2处于什么状态,是由p1.then这一堆代码来决定的。p1.then中不论哪个方法执行,只要不报错或者返回值是错误,新的p2promise状态都会变成成功态,// 每一次执行.then都会返回一个新的promise,初始状态是pending// 返回的新的promise也可以.then,这样就一直可以.then下去,这叫then链机制...原创 2020-12-21 14:15:33 · 78 阅读 · 0 评论 -
工作中的生产和开发模式来提交代码。
**1 我们在改完需求后都会有测试环境和生产环境 , 刚入职的小伙伴肯定会经常听代码改好了,是上测试还是上生产啊,这里的上测试上生产是指跑代码的两种环境 。 **当改完后都会先上测试环境看一下,有没有错误,符合需求就可以上生产了 。开发模式 , 开发模式要注意以下几点 。一 切换分支 一般环境下都会有不同的分支对应着不同的分支。我这里因为项目的原因,有两个分支 , 一个是 master 一个是1301分支 。 master是上生产的分支 , 1301是上测试的分支 。原创 2020-12-20 15:02:00 · 379 阅读 · 1 评论 -
如何快速配置 webstorm 的node 和 npm 环境
快速有效的获取代码,一般团队都会维护自己的代码,当你入职之后就会给你分配新的账号。拿到账号后如何获取部门开发的代码成为了我们入职的第一步。这时如果用的是之前的编辑器,就换一下绑定的git账号 , 不然到你改好项目时还是会推不上去 。 这里提供了一种方法 。git config --global user.name “用户名”git config --global user.email “用户邮箱”同时还可以设置让VSCode记住git账号和密码:git config --global cred原创 2020-12-18 16:58:14 · 8021 阅读 · 1 评论 -
跨域解决方法
jsonp是解决跨域的方法之一 其本质是 script标签发送请求,原理: jsonp的实现是通过动态添加script标签从而发送http请求实现准备一个静态页面在3000端口提供http server并托管静态资源如果没有下载插件就没有提示 插件名字: live server效果如下如果访问一个路由呢?需要在服务端返回相应的数据,在浏览端获取并操作将json数据包装起来并返回的一种方式 ----- 协议在使用jsonp实现跨域的时候,它是需要将jso原创 2020-08-12 12:52:42 · 157 阅读 · 0 评论 -
安装EXPRESS脚手架
1 创建一个空的文件夹2 安装生成器 使用引擎模板 启动项目3 通过vscode来打开blog nodemon开启服务器原创 2020-08-05 20:08:13 · 158 阅读 · 0 评论 -
一级路由
一级路由let express = require("express");let app = express();// 导入分类管理的二级路由模块let kefu = require('./routes/kefu')// 一级路由app.use('/kefu', kefu)app.listen(3333)二级路由二级路由这里是放到了 routes文件夹下的let express = require('express') //路由级别的中间件 let router =原创 2020-08-05 19:49:42 · 438 阅读 · 0 评论 -
数组与函数
数组 ;一 组数据的集合 。 创建数组的两种方法 ; 1 利用new来创建对象 2 利用字面量来创建数组 1 var arr = new Array() ;2 var arr = [1,2,3,4,5,6,7,] 数组排序 利用array中的sort函数进行排序 Sort()它可以接收一个自定义的排序规则函数,也可以不接收(使用字典顺序)。如你要给它一个排序规则函数, 则,这个函数有一定的要求:原创 2020-07-25 19:08:10 · 307 阅读 · 0 评论 -
js-逻辑运算
逻辑与语法 表达式1 && 表达式2如果第一个表达式为真,则返回第二个表达式 如果第一个表达式为假,则返回第一个表达式 console.log (123 && 456) // 456 console.log(0 && 456) // 0 // 0 字符串为空 null undifend nan 为假== 0为flase == var a = 11; var b = 0; var c = b && a++; /原创 2020-07-20 19:45:28 · 157 阅读 · 0 评论 -
js基础知识-更新篇
1 算术运算符。— * / % 取余 优先级(先乘除后加减 有括号先算括号里的。) 不能直接拿浮点数来进行比较(精度不同)。++i 前置自增var age =10 console.log(’++age +10 ') 21i++ 后置自增 var age =10 console.log('age++ +10 ') 20两者单独写是一样的,连用不同 。前置自增: 先自加再返回值。 后置自增:先返回原值,再自加 。2比较运算符返回值是布尔型(true or false) namber和原创 2020-07-20 19:05:34 · 126 阅读 · 0 评论 -
JS -初识篇
什么是变量 ?变量是内存中存放数据的空间!用什么定义变量 ?varletconst他们之间的区别 :var 提升变量 (let 和const不会提升…)let 不能重复声明 , 变量不会出现再go中。如何分清全局变量和局部变量???全局变量和局部变量全局变量1 ,不加var (不管是在函数内部和外部只要不加var都是全局变量)2,加var在函数外部 ,也是全局变量 。局部变量函数内部加var的变量是局部变量 。形参赋值是函数内部的局部变量 。有哪些数据类型原创 2020-07-18 08:59:09 · 135 阅读 · 0 评论 -
css小总结
这里总结一下这个星期所学的css样式和一些解决遇到问题的小技巧!基本的css小知识这些小知识可以自己动手写一个页面,领略一下css带给你不一样的色彩吧。一 css能做什么? css这么导入html? 怎么选中想改变样式的盒子?css全称之为层叠样式表(Cascading Stylesheet)引入了css文件可以写一些基本的css样式啦!!!!如何美化页面???font字体美化!!!文本字体样式设置 !!!background背景样式!!!背景颜色 background-color背景图片 backg原创 2020-07-10 19:25:02 · 120 阅读 · 0 评论 -
利用table来进行页面布局 ,制作一个简单的课程表
corspan列跨度 rowspan 行跨度 利用好这两个属性就可以熟练的利用表格来进行布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>课程表</title原创 2020-07-07 12:31:48 · 950 阅读 · 0 评论 -
圣杯布局
圣杯布局主要用到 两个属性 一个是colspan 和 rowspan 来设置跨列和跨行的设置<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>圣杯布局</title>&原创 2020-07-07 10:11:56 · 195 阅读 · 0 评论 -
信息采集页面,from表单的学习
form 表单**表单元素 ; **input ; 可以通过type来指定什么样的框 , text ;普通的输入框 password;密码框 radio; 单选框 二选一 需要加入name属性 值是相同的 checkbox ;多选框 submit ; 提交框 value 能指定按钮上的文字 image ; 图片按钮 select-option;下拉菜单****具体实例如下代码 :<!DOCTYP原创 2020-07-07 09:03:29 · 445 阅读 · 0 评论 -
css旋转木马
通过 transfrom 和animation 来实现 旋转木马注意图片的位置 和transfromz的值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l原创 2020-06-29 18:15:15 · 376 阅读 · 1 评论 -
css分享小案例
这里看一下 cs3中的旋转和动画的实例代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>动画</title> <style>原创 2020-06-29 18:09:11 · 184 阅读 · 0 评论