模版optimize render vue2
vue2和vue3父子组件生命周期的执行顺序
vue3的父子组件生命周期的执行顺序 father setup -> father onBeforeMount -> child setup -> child onBeforeMount -> child onMounted -> father onMounted vue2的父子组件生命周期的执行顺 ......
Vue2中 ?. 可选链式调用操作符
可选链运算符（?.）允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 运算符的功能类似于 . 链式运算符，不同之处在于，在引用为空 (nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用 ......
Scene中的render方法
Scene翻译成中文是场景的意思： /** * Update and render the scene. It is usually not necessary to call this function * directly because {@link CesiumWidget} or {@li ......
djangoadmin后台搜索结果筛选自定义模版
django-admin对搜索结果进行自定义统计，可参考代码如下： def changelist_view(self, request, extra_context=None): #cur1_time = datetime.now() data_dict = {} value = request.G ......
Uncaught Error: Objects are not valid as a React child (found: object with keys {content, key, duration}). If you meant to render a collection of children, use an array instead（转）
转自：react报错 Uncaught Error: Objects are not valid as a React child (found: object with keys {a} ... 报错信息分析 Uncaught Error: Objects are not valid as a R ......
关于vue2中使用unocss样式无法生效的问题
前言 在维护公司一个技术栈为 vue2 + ts + unocss 的老项目时发现 unocss 在开发环境和正式环境都不能生效,最先以为是插件的版本问题,排查后发现是因为项目在使用 unocss 时的配置没有配置完全,根据 vue-cli 的版本按照 unocss 的官方仓库里的 example ......
Azure Devops上模版化K8s部署
在2022年我们终于完成了主要业务系统上K8s的计划，在这里总结下我们上K8s时候的模版工程。 前提条件 本文不讨论K8s是什么，什么是容器化，为什么需要容器化，什么是微服务等这些基础内容，这些到处说的烂大街了。此类内容有兴趣可以看看微软系的介绍： 微服务体系架构设计 微服务体系结构 本文假设你已经 ......
测试策略模版
1. 测试目标： 明确测试的目标和期望的测试结果，例如验证系统的高可用性、性能、功能等方面是否满足要求。 2. 测试范围： 明确测试的范围，包括测试的系统、模块、功能、性能指标等，以及不包括的范围，避免遗漏或重复测试。 3. 测试环境： 描述测试所使用的测试环境，包括硬件、软件、网络配置等，确保测试 ......
Vue2入门之超详细教程八-计算属性
1、简介 计算属性： 1.定义：要用的属性不存在，要通过已有的属性计算得来 2.原理：底层借助Object.defineproperty方法提供的getter和setter 3.Get函数什么时候执行？ (1) 初次读取时会执行一次 (2) 当依赖的数据发生改变时会被再次调用 4.优势：与metho ......
vue2实现数据聚合【scatter-clustering】组件封装
实现如下效果： 效果展示：https://code.juejin.cn/pen/7228568245148581943 如果不会请移步到官网的栗子，请点击查看 直接给大家上代码： 整体代码片段 1 <template> 2 <div ref="echarts" style="width: 100%; ......
render学习
一.前言 1.vue程序的运行过程：模板 -> 进行编译 -> 生成ast树 -> 数据绑定 -> 生成render函数 -> 成虚拟dom树 -> 真实dom树 模板：Vue的模板基于纯HTML，基于Vue的模板语法，我们可以比较方便地声明数据和UI的关系。 AST：AST是Abstract Sy ......
用vue2封装轮播图组件
日常练习 用vue2封装轮播图组件，传入图片信息数组。 实现思想： 图片组添加translate动画，通过轮播到第几张图片作为参数，让图片组整体移动。 Carousel.vue <template> <div class="carousel"> <div class="carouselList"> ......
06 - react的类组件中的状态state render函数 this指向问题 事件绑定
// 注册事件 import ReactDom from "react-dom" import { Component } from "react" // 类组件中的状态 通过 this.state.xxx 来获取状态 class Hello extends Component { // 事件对象 ......
1102.url路由及模版渲染方式
一、url基本概念及格式 1. URL概念 URL（Uniform Resoure Locator）统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。 2. ......
vue2源码-十七、Vue组件间传值的方式及之间区别
Vue组件间传值的方式及之间区别 通过props传递：父组件传递数据给子组件 使用 // chilid,vue props:{ // 字符串形式 name:String // 接收的类型参数 // 对象形式 age:{ type:Number, // 接收的类型为数值 defaule:18, // ......
Vue2.0和3.0区别
一、项目初始化 2.0初始化，vue init <模板名称（webpack比较常用）> [项目名称] vue init webpack cli2-test 3.0初始化，vue create [项目名称] vue create cli3-test 二、目录结构对比 2.0目录结构 3.0目录结构 3 ......
Vue2.0版本升级到vue3.0
vue版本的升级主要步骤： 一、首先需要卸载你之前的vue2.0版本 输入cmd–>回车–>进入dos界面输入命令查询vue的版本： vue -V or vue -Version 输入命令卸载目前vue版本： npm uninstall -g vue-cli 再输入vue版本查询命令，提示“不是可执 ......
控制台报错：[Vue warn]: Error in render: "TypeError: Cannot read properties of null (reading 'length')" found in
[Vue warn]: Error in render: "TypeError: Cannot read properties of null (reading 'length')" found in ... ......
图形学（7）BRDF and Render Equation
Render Equation BRDF（双向反射分布函数） 由于表面不是完全光滑的，在宏观上光线射向一个粗糙物体后会产生漫反射而非镜面反射。考虑定义双向反射分布函数 $f_r(p, \omega_i\rightarrow\omega_r)$，表示对于位置 $p$ 的一个微元立体角 $\omega_ ......
vue2源码-十六、异步组件
异步组件 Vue 中异步组件的写法有很多，主要用作大的组件异步加载的markdown组件editor组件。就是先渲染一个注释标签，等组件加载完毕，最后再重新渲染 forceUpdate（图片懒加载）使用异步组件会配合 webpack 原理：异步组件默认不会调用 Vue.extend()方法 所有Ct ......
Vue2实现部分页面使用rem布局
1.计算rem值的比例，这里是1920的设计图； setRem(){ /** * @file: index.vue * @method: setRemPc * @param: * @return: * @description:计算rem大小 * @date: */ var whdef = 100/ ......
vue2实现饼图Pie组件封装
实现如下效果： 如果不会请移步到官网的栗子，请点击查看 直接给大家上代码： 整体代码片段 1 <template> 2 <div ref="echarts" style="width: 100%; height:300px;"></div> 3 </template> 4 <script> 5 /* ......
vue2 input防抖功能
1. 在el-input绑定@input事件 2. 在data中定义timer为null 3.在methods中定义@input绑定的方法 4. 在setTimeout中调用对应处理的方法 <el-input style="width: 140px;color:#FF8900" size="smal ......
html文件中使用vue3+element-plus开发模版
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
【干货】Vue2.x 组件通信方式详解，这篇讲全了
vue是数据驱动视图更新的框架, 我们平时开发，都会把页面不同模块拆分成一个一个vue组件， 所以对于vue来说组件间的数据通信非常重要，那么组件之间如何进行数据通信的呢？
首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式。 ......
富文本，vue2
npm install vue-quill-editor main中 // 富文本 import VueQuillEditor from "vue-quill-editor"; import "quill/dist/quill.core.css"; import "quill/dist/quill. ......
安装多个NodeJS windows上安装多个Nodejs版本 解决vue2/vue3同时运行
第一步下载nvm-windowsnvm-windows 下载地址：Github最新下载地址 进入之后直接下载 第二步 安装NVM 注意路径一定不要包含空格 中文否则会报错 注意安装路径一定不要包含空格 中文否则会报错 点击安装之后 如果之前安装了nodejs的话会提示 希望nvm管理已安装node ......
vue2与vue3的区别
一. vue2和vue3双向数据绑定原理发生了改变vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。 vue3 中使用了 es6 的 ProxyAPI 对数据代理。 相比于vue2.x，使用proxy的 ......
Django框架——模版层之标签、自定义过滤器 标签及inclusion_tag(了解)、模版的继承与导入、模型层之前期准备、ORM常用关键字
模版层之标签 {% if 条件1(可以自己写也可以用传递过来的数据) %} <p>今天又是周三了</p> {% elif 条件2(可以自己写也可以用传递过来的数据) %} <p>百日冲刺</p> {% else %} <p>没多少时间了！</p> {% endif %} {% for k in t1 ......
MySql中执行计划如何来的——Optimizer Trace
当谈到MySQL的执行计划时，会有很多同学想：“我就觉得使用其他的执行方案比EXPLAIN语句输出的方案强，凭什么优化器做的决定与我得不一样？”。这个问题在MySQL 5.6之前或许自己很难解决，但是现在MySQL5.6及更高的版本中引入了Optimizer Trace。 ......