事项vue cli 01

package LeetCode.arraypart01; /** * 704.二分查找 * 给定一个n个元素有序的（升序）整型数组 nums 和一个目标值target ，写一个函数搜索 nums 中的 target， * 如果目标值存在返回下标，否则返回 -1。 */ /** * 思路：设定左右指 ......

vue中mixins的使用方法 官方解释： 混入 (mixins)： 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。 举个栗子： 定义一个混入对象： export default { data() ......

beforeCreate（）{}：Vue创建前，此阶段为实例初始化之后，this指向创建的实例，数据观察,数据监听事件机制都未形成，不能获得DOM节点。data，computed，watch，methods 上的方法和数据均不能访问，注：date和methods的数据都还未初始化。 Created（ ......

视频 8.生命周期 vue2.x的生命周期 vue3.0的生命周期 Vue3.0中可以继续使用Vue2.x中的生命周期钩子，但有有两个被更名： beforeDestroy改名为 beforeUnmount destroyed改名为 unmounted Vue3.0也提供了 Composition A ......

生命周期是指从创建到销毁的过程 一、微信小程序 小程序里面有两种生命周期函数，第一个：通过App()来注册一个小程序 ，第二个：通过Page()来注册一个页面 应用生命周期函数 app( ) app.js 是小程序执行的入口文件，在 app.js 中必须调用 APP() 函数 APP() 函数用于注 ......

main.js import { createApp } from 'vue' import App from './App.vue' import router from './router' createApp(App).use(router).mount('#app') router/inde ......

视频 3.watchEffect函数 watch的套路是：既要指明监视的属性，也要指明监视的回调。 watchEffect的套路是：不用指明监视哪个属性，监视的回调中用到哪个属性，那就监视哪个属性。 watchEffect有点像computed： 但computed注重的计算出来的值（回调函数的返回 ......

Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的 Linux或Windows操作系统的机器上，也可以实现虚拟化。Docker是内核虚拟化，不使用Hypervisor是不完全虚拟化，依赖内核的特性实现资源隔离。本文主要介绍Docke ......

视频 #components ##Demo.vue <template> <h2>当前求和为：{{sum}}</h2> <button @click="sum++">点我+1</button> <hr> <h2>当前的信息为：{{msg}}</h2> <button @click="msg+='！' ......

上一篇使用的bootstrap-vue-next项目迭代很快，考虑还未发文档和正式版本(自己菜)改用原生bootstrap模板tabler项目。 tabler 安装运行 不想安装可直接打开tabler\demo目录下html文件浏览查看效果 #获取后目录下运行 npm install #需要先安装h ......

watch监视ref定义的数据视频 watch监视reactive定义的数据视频 2.watch函数 与Vue2.x中watch配置功能一致 两个小“坑”： 监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置失效）。 监视reactive定义的响应 ......

#1、线性查找法的复杂度 public static <E> int search(E [] data,E target){ for (int i = 0; i < data.length; i++) if (data[i].equals(target)) return i; return -1; ......

Vue-cli配置代理 在前后端直接配置一个代理服务器，这个代理服务器和前端处于一个位置，当前端向后端请求数据的时候，不会直接访问后端，而是找这台代理，代理收到前端的请求，转发给后端，如果收到后端的响应数据，就把这些数据返回给前端。 方法一 在vue.config.js中添加如下配置： devSer ......

异步更新 异步更新原因 以下情况下： vm.name = '123' vm.name = '234' vm.name = '123' ... 如果我们频繁的修改一个数据，就会多次触发视图渲染dep.notify->watcher.update 这样就会降低性能，因此就需要采用异步更新策略，仅仅在最后 ......

删除Nginx缓存文件试试？ # rm -rf /usr/local/nginx/proxy_temp 注意proxy_busy_buffers_size是proxy_buffers的两倍，proxy_temp_file_write_size也要比proxy_buffers大。 ......

1. 初识OpenGL 本文是之前学习OpenGL所做的笔记，现在转到这里。 1.1 OpenGL（Open Graphics Library） 一般它被认为是一个应用程序编程接口（API），它包含了一系列可以操作图形、图像的方法。 然而，OpenGL本身并不是一个API，仅仅是一个规范，由Khro ......

C++内存分区简介 C++程序在执行时，将内存大致分为四个区域，不同区域存放的数据拥有不同的生命周期。 代码区：存放函数体的二进制代码，由操作系统进行管理。 全局区：存放全局变量和静态变量以及字符串常量，const修饰的全局常量。 栈区：由编译器自动分配释放，存放函数的参数值，局部变量，局部常量等。 ......

本篇实现订单确认页面的功能，订单及订单明细表结构如下： 表名 字段 功能 order order_id (int) 订单编号 user_id (int) 用户编号 nickname (varchar) 昵称 mobile (varchar) 联系电话 address (varchar) 收货地址 t ......

Vue封装的过渡与动画 作用 在插入、更新或移出DOM元素时，在合适的时候给元素添加样式类名。 css3实现动画 先来复习一下css3是如何实现的。 1.准备动画 @keyframes 动画名 { from { transform: translateX(-100%); } to { transfo ......

学习要点 一、预习页码：2-27 二、预习内容 1、数据结构基本定义：数据、数据元素、数据项、数据对象，重点理解数据结构的定义。 2、理解逻辑结构。集合、线性结构、树形结构、图形结构。数学描述方法。 3、理解存储结构。顺序存储结构、链式存储结构、索引存储结构和哈希存储结构。 4、掌握并理解自定义类型 ......

Vue3 基于组合式 API 使异步获取的数据对象具有响应性 在 Vue 3 中，可以使用组合式 API 中的 ref 和 reactive 函数来使异步获取的数据具有响应性。 一、使用ref 首先，使用 ref 函数创建一个响应式的基本数据类型，例如字符串、数字或布尔值。然后，在异步获取数据的回调 ......

本篇显示购物车中的商品，购物车表结构如下，我们通过接口服务抓取登录用户的购物车信息。 表名 字段 功能 shoppingcart cart_id (int) 购物车编号 user_id (int) 用户编号 goods_id (int) 商品编号 goods_name (varchar) 商品名称 ......

近期在定制化聊天界面的过程中，重写了下访客聊天界面的评价弹窗功能。 现在实现的效果是下面这样的 实现代码html部分 <!--在线评价--> <div v-if="comment.dialog" class="comment"> <div class="scoreBox"> <i class="ic ......

视频 7.计算属性与监视 1.computed函数 与Vue2.x中computed配置功能一致 写法 import {computed} from 'vue' setup(){ ... //计算属性——简写 let fullName = computed(()=>{ return person.f ......

const removeHtmlStyle =(html :any)=> { let relStyle = /style\s*?=\s*?([‘"])[\s\S]*?\1/g; //去除样式 let relTag = /<.+?>/g; //去除标签 let relClass = /class\s* ......

一般都使用Border包住需要增加圆角效果的控件，但是有一些地方需要注意： <Border CornerRadius="8" Background="Red"> <TextBlock Background="Red" Margin="4" Height="20" FontSize="8" Foreg ......

可行版本（针对 node 16+ 版本） npm install node-sass@6.0.1 -D npm install sass-loader@10.2.0 -D 问题描述 问题描述：在进行一个vue项目练习时需要导入node-sass、sass-loader这两个依赖，书本提供代码是npm ......

必备软件： 1） visual studio code 2） nodejs 18.16.0 3） yarn 下载源码： 项目fork 自 https://gitee.com/mywink/vite-electron.git git clone https://gitee.com/panie/vite ......

实现文字跑马灯效果，首先用到 substring()截取 和 setInterval计时器 clearInterval()清除计时器 效果如下： 实现代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......

js页面 vue页面接收 ......