- 博客(24)
- 收藏
- 关注
RSS订阅原创 day02
合并两个有序链表链表的特点：无法直接获取第几个数/最后一个数唯一的操作 .nextvar mergeTwoLists = function(list1, list2) { let curr = new ListNode(); let dummy = curr;//占住头部 // 进行比较 while( list1 !== null && list2 !== null){ if(list1.val < list2.val ){
2022-03-27 15:41:50
1178
原创 倒计时组件
<template> <div class="count-down-wrapper"> <template v-if="endingDesc != ''">{{ endingDesc }}</template> <template v-else> <p :style="countStyle">{{ leftTime.day }}</p> <span :style="spanS
2021-11-19 16:45:52
382
原创 vue 长久存储
import Vue from 'vue'import Vuex from 'vuex'import user from './modules/user'import trade from './modules/trade'import VuexPersistence from 'vuex-persist'Vue.use(Vuex)const vuexLocal = new VuexPersistence({ storage: window.localStorage, key: 'la
2021-11-19 16:39:01
555
原创 监听页面滚动高度
data() { return { top: 0, // 页面滚动高度 }; },//挂载时添加监听事件mounted() { window.addEventListener("scroll", this.scrollHandle); //绑定页面滚动事件 //mouseover click 等其他事件也可 },methods:{ // 获取页面滚动高度 scrollHandle(e) { this.top = e.srcEl
2021-11-17 10:23:20
1669
原创 2021-11-11
需要特定值时 样式改变： :style="scope.row.responseStatus == 1 && 'color: red'"2.element ui table表头样式修改 :header-cell-style="{ background: '#e7f3ff', color: 'color: #1B1B1B;', }"
2021-11-15 13:41:04
27
原创 2021-11-04
学习笔记js文件中vue.filter全局写法Vue.filter("dateTimeFormat", function(time, fmt) { return time ? dateUtil.format( new Date(parseInt(time)), fmt ? fmt : "yyyy-MM-dd HH:mm:ss" ) : "-";});组件内写法filters:{ filter:function(dat
2021-11-11 15:31:18
55
原创 Vue相关使用
Vue相关使用遍历时可以将方法一起遍历（即可以有对应的方法）v-for=“item in infoList”:key=“item.name”@click=“item.change()”2.在同一个父组件中的子组件想要通信：子组件内部：将要通信的方法emit到父组件，open() { this.$emit("open"); },父组件中接收： <FixedNavigation @open="open" @open2="open2"></FixedN
2021-10-08 10:37:28
36
原创 Vue使用小结
1.父子组件通信的方法 props down,events up父组件通过 属性props向下传递数据给子组件，子组件通过 事件events 给父组件发送消息。父组件向子组件进行传值：子组件通过props接受参数。子组件向父组件进行传值：父组件内设置要传的数据 data(){ id: value}比如，子组件需要某个数据，就在内部定义一个prop属性，然后父组件就像给html元素指定特性值一样，把自己的data属性传递给子组件的这个属性。当子组件内部发生了什么事情的时候，就通过自定义事件来把这个事
2021-09-30 16:20:50
44
原创 新建一个本地分支 并推送到远程
watch失效的场景：对象类型数组项为对象类型的数组vue watch一个对象或数组时，newvalue和oldvalue一样新建一个本地分支 并推送到远程git checkout -b feature-layoutgit push --set-upstream origin feature-layout
2021-09-30 15:55:41
100
原创 重绘重流/import
重绘（repaint）与重流/重排（reflow）1.flow + paint -----渲染重排：重新生成布局2.v-if 想切换多个元素时3. css @import4.
2021-09-30 15:14:16
44
原创 ELement 使用
el-dialog组件的 :visible.sync:visible指的是属性绑定，表示弹框的显示隐藏，后面的.sync指的就是同步动态双向的来表示visible的值，当我们关闭窗口的时候，这个弹框隐藏了，visible的值发生了变化，但是关闭窗口这个动作，我们没法用确定的动作去判断这个值，所以用到了vue中的双向绑定的原则，在vue中统一加上了.sync来表示同步的修改了visible的值。如果 visible 属性绑定的变量位于 Vuex 的 store 内，那么 .sync 不会正常工作。此时需
2021-09-18 15:40:54
184
转载 博客初体验 快捷键
@[珍珍]#第一篇博客新的改变合理的创建标题，有助于目录的生成直接输入1次#，并按下space后，将生成1级标题。输入2次#，并按下space后，将生成2级标题。以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。如何改变文本的样式强调文本 强调文本加粗文本 加粗文本标记文本删除文本引用文本H2O is是液体。210 运算结果是 1024.插入链接与图片链接: link.图片: 带尺寸的图片: 居中的图片: 居中并且带尺寸的图片: 当然，我们
2021-08-17 10:19:35
32
原创 react + antd
react + antd使用react脚手架creat-react-appJSX = Javascript + XML 学习JSX语法yarn add antd元素是构成 React 应用的最小砖块。组件是由元素构成的。一个元素就像电影的单帧：它代表了某个特定时刻的 UI。更新 UI 唯一的方式是创建一个全新的元素，并将其传入 ReactDOM.render()。...
2021-08-16 19:03:26
136
原创 vue 学习2
vue基础热重载：页面的每次改动，不需要手动去刷新，可自动刷新。使用vuex的问题Vuex 的状态存储并不能持久化。也就是说当你存储在 Vuex 中的 store 里的数据，只要一刷新页面，数据就丢失了。解决办法：使用vuex-persist插件vue当文字很多的时候实现…代替只需加三行代码overflow: hiddenwhite-space: nowraptext-overflow: ellipsis...
2021-08-16 15:34:54
51
原创 vue 一些值得注意的问题
问题组件点击问题给vue组件绑定事件时候必须加上native ，否则会认为监听的是来自Item组件自定义的事件eg：< el-carousel-item @click.native ="showMessage" > < /el-carousel-item>this指向问题 使用this时一定要注意函数是箭头函数还是普通函数，路由跳转的函数用了箭头函数会出现Cannot read property ‘$router‘ of und
2021-08-16 13:56:50
64
原创 vue 动态背景图（遍历）
vue 动态背景图（遍历）从data中读取的要用 ：来绑定要先将图片导入组件。标签内部直接引用 src=“imgList”标签外部 < span>{{imgList}}< span/>
2021-08-13 13:47:04
81
原创 vue特殊attribute
vue特殊attributekey使用 key 时，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。最常见的用例是结合 v-for：<ul> <li v-for="item in items" :key="item.id">...</li></ul>它也可以用于强制替换元素/组件而不是重复使用它。当你遇到如下场景时它可能会很有用：2.
2021-08-13 11:08:09
42
原创 Vuex 概念小结
Vuex概念 （来源官网）：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。响应式状态储存Vuex 使用单一状态树，用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 ”而存在。这也意味着，每个应用将仅仅包含一个 store 实例。从 store 实例中读取状态最简单的方法就是在计算属性中返回某个状态.从 store 实例中读取状态: store.stat
2021-08-12 18:23:07
60
原创 vue组件通信的方式
vue组件通信的方式父组件向子组件进行传值：子组件通过props接受参数子组件向父组件进行传值：父组件内设置要传的数据 data(){ id: value}通过vuex实现页面传值vuex是一个专门为vue.js设计的集中式状态管理架构，简单的说就是vuex可以实现不同页面或者组件之间的传值，同时vuex也能够实现数据的持久化。...
2021-08-12 14:30:52
49
原创 表单验证
表单验证elementUi的form组件中添加了async-validator.如下：< template/>中。//动态绑定Form中需要用到验证规则的数据<el-form :model="ruleForm" :rules="rules" ref="ruleForm"> //form-item中获取prop值 <el-form-item label="活动名称" prop="name"> //input中获取输入的值 <el-i
2021-08-12 14:08:47
121
原创 Element-ui初使用
Element-ui初使用element-ui表单验证的trigger:blur/changetrigger: ‘blur’ 失去焦点（比如输入框里，校验文本框是否为空）trigger: ‘change’ 数据改变（需要手动选择）Element-ui：slot-scope=“scope”，通过 Scoped slot 可以获取到 row, column, $index 和 store（table 内部的状态管理）的数据vue-routerthis.$ router 访问路由器，也
2021-08-10 16:13:52
50
原创 vue 学习1
css作用域 scoped（当 < style >标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。）不同组件之间用到了相同的class类名，并且设置样式时之间会互相影响，所有我们需要在组件内的style标签上添加scoped属性vue-awesome-swiper：轮播图表达式和语句表达式: 会产生一个值，可以放在任何一个需要值的地方eg：function(){}a+b;语句L：控制代码走向eg:if()switch(){case:}..
2021-08-10 14:25:00
47
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人