自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 收藏
  • 关注

原创 解决编程试路由导航点击次数多报错的问题重些push | replace 路由导航自定义,重定向默认跑起来的时候定向到首页

【代码】解决编程试路由导航点击次数多报错的问题重些push | replace 路由导航自定义,重定向默认跑起来的时候定向到首页。

2023-03-21 18:38:15 103

原创 各种库的备注

1.BootCDN2。uuid 绝对不会重复字符串内存太大nanoid 在uuid的基础上做了精简uuid的变种是 nanoidelement网站快速生成工具。

2023-03-19 23:09:18 85

原创 报错Failed to resolve loader: less-loader 的解决方法 且安装和有写lang=‘less‘

解决安装或者在样式添加,lang=‘less’ 之后一直报错的情况 less-loader,项目关闭后重启运行之后输入以下命令之后就好使了。我之前安装过了但是一直报错。输入以下命令npm install less-loader

2023-03-19 22:46:17 486

原创 vue-cli脚手架初始化项目和路由组件搭建

初始化 vue create 加项目名字。

2023-03-16 16:38:58 100

原创 文本属性。

文本属性总结。

2023-03-10 14:07:28 39

原创 非但文件组件,vue创建组件 注册组件

vue创建组件一定是普通函数。

2023-02-19 12:39:08 57

原创 生命周期

初始化:生命周期,事件,但数据代理还未开始初始化:数据监测,数据代理此阶段vue开始解析模板,生成虚拟dom(内存中)!!!页面还不能显示解析好的内存将内存中的虚拟DOM转为真实DOM插入页面mounted//更新流程根据诗句生成新的虚拟DOM,随后与旧的虚拟DOM进行比较,最终完成页面更新,即:完成Model模型——>view视图的更新updated。

2023-02-18 02:30:52 51

转载 vue里想后追加一个数据并且是响应式的(有get和set)

vue会监视data中所有层次的数据1如何监测对象中的数据如何检测数组中的数据?在Vue修改数组中的某个元素一定要用如下方法。

2023-02-17 01:31:47 360

转载 在Vue使用NProgress加载进度条,笔记 NProgress.configure({showSpinner: false});

作者:刘其瑞转载地址链接:https://www.jianshu.com/p/346c05d4d9d8来源:简书。NProgress;NProgress.configure({showSpinner: false});

2023-02-16 22:05:00 456

转载 render: h => h(App);

官方将 h 作为 createElement 的别名是 Vue 生态系统中的一个通用惯例,实际上也是 JSX 所要求的。从 Vue 的 Babel 插件的 3.4.0 版本开始,我们会在以 ES2015 语法声明的含有 JSX 的任何方法和 getter 中 (不是函数或箭头函数中) 自动注入 const h = this.$createElement,这样你就可以去掉 (h) 参数了。对于更早版本的件,如果 h 在当前作用域中不可用,应用会抛错。关于createElement看js基础篇的创建节点篇。

2023-02-16 16:21:41 153

原创 vue的指令(v-系列)简写和条件渲染(显示和隐藏)滚动事件,v-for的讲解(循环), 模板template 且只能配合v-if不能配合v-show ref属性

插值语法{{}}v-bind:单项绑定简写为 (:)v-model:value双向数据绑定简写(v-model)!!只能应用在表单类元素(输入类元素value值)v-on 绑定事件简写为(@)

2023-02-16 14:21:19 279

原创 列表过滤,模糊搜索并排序

用watch实现模糊搜索。用计算属性实现模糊搜索。

2023-02-16 14:19:03 51

转载 数字类型(随机数)和字符串大写的方式

使用 Math.floor,Math.ceil,Math.trunc,Math.round 或 num.toFixed(precision) 进行舍入。num.toString(base) 返回在给定 base 进制数字系统中 num 的字符串表示形式。Math.max(a, b, c…) 和 Math.min(a, b, c…base 的范围可以从 2 到 36。默认情况下是 10。Math.trunc(IE 浏览器不支持这个方法)请确保记住使用小数时会损失精度。

2023-02-15 23:58:05 43

原创 vue的属性,methods方法,computed;计算属性,watch监事属性深度监视 deep:true 过滤器 filt (定时器,ajax的回调函数等)箭头函数。自定义指令,生命周期,注册组件

写的时候用v-加上自己定义的名字。vue的属性,methods方法,computed;计算属性,watch监事属性深度监视 deep:true 过滤器 filt (定时器,ajax的回调函数等)最好写成箭头函数。自定义指令

2023-02-15 18:44:00 118

原创 vue阻止默认事件,事件只触发一次,阻止事件冒泡使用时间的捕获模式默认行为立即执行

self:只有在eventtarget是当前操作的元素时才触发事件。passive:时间段默认行为立即执行,无需等待事件回调执行完毕。阻止默认事件(常用)capture:使用时间的捕获模式。once:事件只触发一次。stop:阻止事件冒泡。

2023-02-15 16:32:40 607

原创 单元格和表格和label,placeholder=‘默认字’ 自动聚焦 autofocus 属性

form action=‘地址’ method=‘get/post的提交方式’ name=‘表单名字’》《/form》password定义密码字段。该字段中的字符被掩码text定义单行的输入字段,用户可在其中输入文本,默认二十字符。网站小图标生成

2023-02-15 14:25:15 94

原创 自定义列表和描点链接

dl表示自定义列表dt名词(双标签)dd围绕dt解释说明的(双标签)参考小米官网底部dt和dd是并列关系,< dl > < dt > 关于小米 < /dt > < dd > 了解小米 < /dd > < dd > 加入小米 < /dd > < dd > 投资者关系 < /dd > < dd > 环境,社会及管治 < /dd > < /dl >

2023-02-15 13:34:25 61

原创 注册事件绑定事件,自定义属性添加和获取

注册事件绑定事件,自定义属性添加和获取

2023-02-05 16:00:00 108

原创 常见对象属性和方法,阻止冒泡,禁用鼠标右键,禁止链接跳转

该方法阻止默认事件(默认行为)比如不让链接跳转;e.prevenDefault()、、、、、、、e.prevenDefault()阻止默认事件默认行为。

2023-02-05 12:30:33 97

原创 创建,添加,删除,复制深/浅克隆节点

如果参数为空或者为false为浅拷贝只复制克隆本身不克隆里面的子节点,如果为true则是深拷贝。(父).appendchild(子) :在后面添加。(父)insertBefor(子,指定元素)在前添加。

2023-02-05 11:13:34 49

原创 修改元素内容改值,表单改值, 获取/失去焦点,鼠标移动离开不会冒泡的方式,通过样式让滚动条丝滑滚动

element.innerTex 去除html标签同时空格换行也会去掉,不识别html标签element.innerHTML 包括html,同时保留空格和换行,识别html标签。

2023-02-05 00:11:08 112 1

原创 获取元素/ 获取节点笔记

获取元素文档:document元素: element节点: node打印我们返回的元素对象 :console.log获取ID:document.getElementById()获取某类元素:document.getElementsByTagName()获取某类元素:element.getElementsByTagName()获取类名返回元素对象集合:document.getElementsByClassName()

2023-02-04 23:48:40 117 1

转载 调度:setTimeout 和 setInterval

setTimeout(func, delay, …args) 和 setInterval(func, delay, …args) 方法允许我们在 delay 毫秒之后运行 func 一次或以 delay 毫秒为时间间隔周期性运行 func。要取消函数的执行,我们应该调用 clearInterval/clearTimeout,并将 setInterval/setTimeout 返回的值作为入参传入。

2023-01-30 22:01:25 616

转载 json。

因此,当客户端使用 JavaScript 而服务器端是使用 Ruby/PHP/Java 等语言编写的时,使用 JSON 可以很容易地进行数据交换。得到的 json 字符串是一个被称为 JSON 编码(JSON-encoded) 或 序列化(serialized) 或 字符串化(stringified) 或 编组化(marshalled) 的对象。但是,如果我们需要微调替换过程,比如过滤掉循环引用,我们可以使用 JSON.stringify 的第二个参数。对象属性名称也是双引号的。用于格式化的空格数量。

2023-01-29 17:46:46 43

转载 日期 时间

日期

2023-01-29 16:14:04 66

转载 数组方法备忘

push(…items) —— 向尾端添加元素,pop() —— 从尾端提取一个元素,shift() —— 从首端提取一个元素,unshift(…items) —— 向首端添加元素,splice(pos, deleteCount, …items) —— 从 pos 开始删除 deleteCount 个元素,并插入 items。slice(start, end) —— 创建一个新数组,将从索引 start 到索引 end(但不包括 end)的元素复制进去。

2023-01-28 20:22:06 63

转载 数组笔记1

假设我们想要数组的最后一个元素。##### 数组是一种特殊的对象,适用于存储和管理有序的数据项。调用 new Array(number) 会创建一个给定长度的数组,但不含有任何项。length 属性是数组的长度,准确地说,它是数组最后一个数字索引值加一。它由数组方法自动调整。如果我们手动缩短 length,那么数组就会被截断。获取元素:你可以通过元素的索引获取元素,例如 arr[0]我们也可以使用允许负索引的 at(i) 方法。对于负值的 i,它会从数组的末尾往回数。

2023-01-28 19:36:23 68

转载 JavaScript 基础 之字符串笔记

方法选择方式负值参数从 start 到 end(不含 end)允许从 start 到 end(不含 end)负值被视为 0从 start 开始获取长为 length 的字符串允许 start 为负数。

2023-01-28 19:04:32 59

转载 JavaScript number数据类型

isNaN(value) 将其参数转换为数字,然后检测它是否为 NaNisFinite(value) 将其参数转换为数字,如果它是常规数字,则返回 true,而不是 NaN/Infinity/-Infinity要将 12pt 和 100px 之类的值转换为数字:使用 parseInt/parseFloat 进行“软”转换,它从字符串中读取数字,然后返回在发生 error 前可以读取到的值。

2023-01-28 18:00:57 49

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除