jieweiwujie的博客

vue3+Element-plus el-pagination分页组件英文转中文

【代码】elementplus的Bootstrap的响应式布局。

【代码】Windi css使用说明。

//vue.config.js 配置说明// 这里只列一部分，具体配置惨考文档啊module.exports = { // baseUrl type:{string} default:'/' // 将部署应用程序的基本URL // 将部署应用程序的基本URL。 // 默认情况下，Vue CLI假设您的应用程序将部署在域的根目录下。 // https://www.my-app.com/。如果应用程序部署在子路径上，则需要使用此选项指定子路径。例如，如果您的应.

【代码】promiseRace，promiseAll用法介绍。

1 async函数有返回值。2 没有返回值 写法。

【代码】vue 页面加载时间:白屏时间:首屏时间:页面可交互时间:加载完成时间。

页面使用 2种方式获取。

1安装依赖 pinia-plugin-persistedstate。3 页面使用 // persist: true,2 main.ts引入。

【代码】根据屏幕分辨率进行视窗放大和缩小。

【代码】vue按键全屏和F11全屏共存；只是全屏想要的元素。

<template><divclass="home"><el-date-pickerv-model="pickerValue"type="monthrange"value-format="yyyy-MM-dd"range-separator="至"start-placeholder="开始月份"end-placeholder="结束月份":pic...

设置INPUT的PLACEHOLDER样式<style> .el-input__inner::placeholder{color:red;text-align:center;}/*谷歌*/.el-input__inner::-webkit-input-placeholder{color:red;text-align:center;}/*火狐*/.el-...

【代码】element-plus所有颜色变量大全。

【代码】锚点跳转:通过前端组件库 Vue 组件实例上的自定义属性跳转例如通过el-form-item组件标签上的prop属性来锚点跳转。

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)var num = [1,2,3,4,5];var res = num.reduce(function(total,num){ return total+num;},0);console.log(res)；//15//num.reduce((total,num) => total += num, 0);//没有初始值

【代码】css 平滑滚动:scroll-behavior: smooth；锚点使用2。

【代码】前端使用input上传文件。

elemenPlus没有直接提供图片预览功能，但是查看源码发现，已经封装好了组件el-image-viewer，我们可以直接使用，用法也很简单。使用的组件一定是全局引入的。如果是按需引入组件，需要从新在引入el-image-viewer。

【代码】el-select切换选项时提示是否继续，点击取消值不变，确定值改变。

【代码】Vue2写法：分页组件。

公共接口数据请求地址

注意数据结构 必须有chlidren。

【代码】vue3 watchEffect 监听子组件变化。

【代码】vue3父组件调用子组件方法，属性。

【代码】vue3父子组件传值defineProps，子组件回调方法defineEmits。

【代码】vue3定义修改数据，使用方法。

【代码】vue3定义修改数据，onMounted钩子函数用法。

mixins混合应用策略

<template> <div> <h3>vue2和vue3原理Object.defineProperty和Proxy原理对比：</h3> <h3> Object.defineProperty()：defineProperty定义对象不能监听添加额外属性或修改额外添加的属性的变化；defineProperty定义对象不能监听根据自身数组下标修改数组元素的变化 </h3> <h3&g

【代码】延时器setInterval和setTimeout。

【代码】vue2修改数据页面不更新；vue监听不到数据变化；vue打印有值页面无数据。

【代码】vue2代理方法：defineProperty定义对象不能监听添加额外属性或修改额外添加的属性的变化。

【代码】表格高度，最大高度根据页面的高度自适应。

【代码】vue项目自己设置代理，使用公共免费接口。

相对于传统的 Web 应用，单页应用做到了前后端分离，后端只负责处理数据提供接口，页面逻辑和页面渲染都交给了前端。// scoped 表示只对当前页面起作用，不加会造成全局该样式受到影响，若有必要全局修改，应该写在 ./style/common.scss 文件中，便于管理。* v-show和v-if的区别，v-show只是控制标签显示隐藏，而v-if通过逻辑判断控制输出，使用v-if可使组件每次进行重新渲染。而对于“渐进式”的解释，我在知乎上看到了一个不错的回答，这个答案也被Vue的设计者点了赞。

el-table删除从新调接口，记录滚动条的位置

vue自定义指令el-table的滚动到底，自动调用接口加载数据

Promise用法Promise.all和Promise.race

1 爷爷组件写法<father2 :position="position" @sunYe='sunYe'></father2><template> <div class="pluginAlertName"> <el-button type="" @click="FClick">爷爷给孙子发消息</el-button> 这是爷爷的页面：name:{{name}}--age:{{age}} .