前端
js数组对象，数组集合。js集合数组找位置找下标。查找数组中某个对象的位置。数组根据下标删除
[TOC]手写 for 循环let arr = [{
name: 'jin',
code: 1
}, {
name: 'chang',
...
vue3 显示本地asserts图片
[TOC]方法一，先import在使用vue3中这样显示
import chatHealth from '@/assets/chat-health.png'
<...
element plus el-date-picker 时间范围的默认值。设置默认值为上个星期的
非常简单直接给那个v-model给默认值就行了：
<el-date-picker v-model="state.choiseDate" type=&...
vue3 子组件调用父组件方法
[TOC]带有setup()的组合API - context.emit父组件组件
<my-childe ref="RefChilde" @closePopup=...
uni-app实现图片预览
基本用法：在uniapp中，我们可以使用uni.previewImage()API对图片进行预览，具体使用方法如下：
uni.previewIma...
reactTS项目配置@别名
在tsconfig.json中配置路径别名：打开项目根目录下的tsconfig.json文件。在compilerOptions字段下添加以下两个属...
js 设置cookie与域
代码如下：
document.cookie="key=value;domain=.cqzuxia.com"
还可以设置path=/;expires=等
react 安装 create-react-app脚手架 搭建项目
安装脚手架 npm install -g create-react-app查看是否安装成功create-react-app -V创建项目create-react-app dem...
element plus与element ui 多选表格判断某行是否选中
element plus 多选表格判断每行是否选中@select="selectRow"
const selectRow = (selection: any, ...
vue3+vite读取环境变量
在.env.development与.env.production中配置注意要使用VITE开头比如：VITE_IS_SHOW_MENU = true
读取：
import...
vue3 ref转化成 HTMLElement。vue3通过ref获取dom节点
vue3其实是可以直接利用ref获取dom节点的，代码如下<template>
<div class="app-container&q...
Element Plus 带提交内容的删除确认框
代码如下：
ElMessageBox.prompt('是否确认删除数据，涉及到的数据将会被物理删除，如果确定，清输入:...
element plus 日期选择器 限制日期范围。限制只能选择当前月份之后的月份
element plus 日期选择器 可以用disabledDate来限制日期范围。例如限制只能选择当前月份以及之后的月份。
<...
element plus table 表格 获取选中的行
官网的表格文档就有，直接一个方法就搞定了，看官网表格的文档中的方法介绍就有了
使用getSelectionRows方法即...
ts 报错 xxx.value is possibly null
直接去 tsconfig.json 中把strictNullChecks配置修改为false即可
"strictNullChecks":false
vue 防止事件冒泡,阻止事件冒泡
代码如下：
<div class="parent-name" @click.stop="clickname"></div>
day.js 获取上月,当月，下月。day.js 获取年月日。获取一周、上周、本月、上月、本季度、上季度时间段。时间格式化
官网：https://dayjs.fenxianglu.cn/Element-plus中可以直接使用：
import { dayjs } from 'element-plus&#...
element el-date-picker 选择器时间 传后台解析不一致问题
el-date-picker 选择时间之后 是一个ISO 8601 标准的UTC时间格式 在 .NET 中，DateTime 的默认行为是将时间解析...
js 搜索，筛选。 find与filter方法，lamdba查询方法，类似.net中的where与FirstOrDefault方法
find()方法，用于找出第一个符合条件的数组成员,类似.net中FirstOrDefault方法。filter()方法使用指定的函数测试...
vue3 简单的页面基础模板
代码如下，创建页面的时候方便复制
<template>
<div class="app-container">
...
type {} is missing the following properties......
注意一下ts中的类型检查，类型不确定时使用可以使用any,unknown等类型来处理，或者使用类型断言。
比如一个json...
vue3 ts 类型never 上不存在属性
这样解决就行了：
const state = reactive({
taskList: [] as any[], // 如果是对象集合这样写
detail: n...
element el-tag 其他颜色,紫色搭配
代码如下：
<el-tag style="color:rgb(224, 101, 224);border-color: rgb(242, 209, 229);background-c...
vue3中父子组件传值,传参。vue3 defineProps 传参默认值。方法调用
1、父向子 在子组件上自定义一个属性，属性名随意 ，属性值是你要传的参数。
<template>
<div clas...
npm install 怎么加版本 ，怎么接版本
比如下载5.0.0这样即可：
npm install --save copy-webpack-plugin@5.0.0
element ui 日期控件 el-date-picker 宽度自适应,宽度100%
element ui的el-date-picker默认宽度不是100%,只在控件设置width=100%也不行，还要修改控件里边的样式，具体实现...
vue修改element ui card表头样式
直接给一个样式就可以了哇，不用深入组件内部去修改，比如这里给一个headerdeepcolor样式：
<el-card class=...
vue3父组件调用子组件方法。vue3父子组件方法调用
vue3父组件调用子组件的方法是通过expose和ref来实现的，我们可以通过expose来控制父组件可以访问子组件那些的方...
Three js 着色器材质 shader
Three js 着色器材质 shader[TOC]
什么是 GLSL？GLSL 代表 openGL Shading Language，它是着色器程序的特定...
vue3 对象拷贝。vue拷贝对象
代码如下：
this.insured = JSON.parse(JSON.stringify(this.applicant));
vue2中使用 copy 对象
// 定义一个...
vue3 怎么实现表格数据的前台删除
使用的是vue3的element plus示例：
主要代码是：
<el-table-column fixed="right" label=&qu...
vue dialog封装后作为组件使用，在父组件打开弹窗。vue父组件打开子组件的弹窗
思路：利用父组件调用子组件方法在打开弹窗，关闭的话完全不用担心，因为已经是那个弹窗内部的事情了。
子组件...
Vue3 父组件调用子组件方法（$refs 在setup()、＜script setup＞ 中使用）
Vue3 defineProps、defineEmits、defineExpose 的作用，看了这篇在看下文 Vue3 部分会更容易理解。
在 vue2 中 ...
vue3 页面跳转传参报错 router.query undefined ，vue3 没有 router.query
不能直接router点出来，应该这么写：<script setup>
import { useRouter } from 'vue-router'
c...
vue3使用路由实现页面跳转报错：inject() can only be used inside setup() or functional components.
这样写会报错：
<script setup>
import { useRouter } from 'vue-router'
const buttonGoAbo...
大白话讲解Promise（一）
原文连接：https://www.cnblogs.com/lvdabao/p/es6-promise-1.html author:吕大豹
2015年， ES2015正式发布（也...
vue3 如何加prototype。vue3使用globalProperties
在2.X版本中创建一个vue 实例是通过 new Vue()来实现的，到了3.X中则是通过使用createApp这个 API返回一个应用实...
vue element ui select，下拉列表。数据绑定，基本使用
代码如下：
<el-select v-model="chapterID" style="width:266px">
<el-optio...
Vue--Vuex 中 Modules 详解
前言 在Vue中State使用是单一状态树结构，应该的所有的状态都放在state里面，如果项目比较复杂，那state是一...
Vuex 的基本用法，Vuex入门
一、Vuex 概述1.1 传统的组件之间的共享数据方式
父向子传值： v-bind子向父传值：v-on兄弟组件之间共享数据：E...
element ui dialog 居中
element ui dialog 默认不是居中的，加一点样式让它居中
<style lang="scss">
.el-dialog{
...
Three js 绘制星空（二）
Three js 绘制星空[TOC]
package.json{
"name": "01-three_basic",
"ver...
Three js 绘制星空
Three js 绘制星空[TOC]
package.json{
"name": "01-three_basic",
"ver...
echarts setoption 不重新渲染
Echarts渲染的逻辑如果 echarts 未实例化则进?实例化过程，?旦实例化，便会在div容器?成?个 echarts_instanc...
flex flex-gorw不等分的问题
flex flex-gorw不等分的问题今天在练习flex 栅格布局的时候， 明明设置了项目元素都是flex-gorw:1;但是发现有个...
vue，js实现描点效果。scrollIntoView方法
代码如下：
let element = document.getElementById('labroomProcess')
element.scrollIntoView()
vue elementui table去掉滚动条
当table内容列过多时，可通过height属性设置table高度以固定table高度、固定表头，使table内容可以滚动。现在需...
flex布局一行显示多个。flex布局固定显示n个，自适应布局
在前端开发的时候，对页面布局的时候，经常遇到固定的一行显示多个，这个经常遇到，所以我想做个记录，等到下次...
技术分类
最近天气
好句分享
在情感关系里沟通是最重要的，喜欢开心要告诉对方，讨厌生气也要让对方明白，这样双方才能把握好分寸让彼此都能轻松自在，所以爱绝不是只为满足自己的需求任性妄为，爱的基础是尊重，没有这个就只是打着爱的幌子相互伤害。因为有你满心欢喜，也因为有你满是遗憾。
人气博主
-
剑轩
平时爱打羽毛球~2018-10-01
-
雨雨雨雨辰
超超帅的博主2018-11-16
-
尘叶心繁
O(*￣︶￣*)O2018-10-09
-
小可爱
愿你善其身，愿你遇良人2018-12
-
瑾语
努力、勇敢、充满希望2019-12
-
是伍尚金哇_v
(｡･ω･｡)2018-11-23
-
风清月
Amazing everday2015-10-23
热门博主
-
Session
脚踏实地，一步一个脚印2020-12
-
忘掉过去式
忘掉过去式2019-11-26
-
叼着奶瓶逛酒吧
大概你身上总有我喜..2019-03-09
-
陪你听风
O(∩_∩)O2018-11-26
-
除暖
没有个性，不需要签名2020-09
-
清欢渡
(๑• . •๑)(｡･ω･｡)2018-12-08
-
饰心
Decorating heart2019-2-07
-
YOU
幼儿园抢饭第一名2019-05-20
精品推荐
技术分类
备案信息
技术交流
