vue源码 周期 生命
vue2-props-default默认值
# props的`default`默认值 在声明自定义属性时，可以通过`default`来`定义属性的默认值`。示例代码如下： ```JS Count 组件 count的值是:{{ count }} +1 ``` ......
使用vue3创建项目
## 1.创建项目 ``` npm create vite@latest edu-vue –- --template vue ``` ## 2.安装antd ``` npm install ant-design-vue ``` ## 3.安装路由 ``` npm install vue-router ......
《vue短爬》生命周期
# 生命周期 Vue.js 是一个JavaScript框架，通过使用Vue实例来创建和管理Web应用程序。Vue实例具有一系列的生命周期钩子函数，它们在Vue实例的不同阶段被调用，允许您在不同阶段执行特定的操作。 以下是Vue生命周期的不同阶段和对应的钩子函数： - 创建阶段（Creation） b ......
vue的虚拟DOM
1、作用 提高性能（直接操作DOM性能低，js层操作效率高） 跨平台 2、虚拟DOM如何生成 1、为组件编写模版-template 2、模版被编译器编译渲染为函数-render 3、挂载中调用render函数，返回对象就是虚拟DOM 4、后续patch过程中进一步转化成真实DOM 3、VDOM如何d ......
LinuxDNS分析从入门到放弃（记一次有趣的dns问题排查记录，ping 源码分析，getaddrinfo源码分析）
PS：要转载请注明出处，本人版权所有。 PS: 这个只是基于《我自己》的理解， 如果和你的原则及想法相冲突，请谅解，勿喷。 ###### 环境说明 ubuntu 18.04 ### 前言 我们这里有一块嵌入式板卡，当我们通过PING测试内网IP时，发现外网IP访问正常，但是测试域名访问一直报unkn ......
vue的理解
vue是一个渐进式框架 声明式渲染 -> 组件系统 -> 客户端路由 -> 大规模状态管理 -> 构建工具 1、声明式框架 命令式与声明式区别 命令式关注过程 声明式关注结构 // 命令式 let number = [1,2,3]; let total = 0; for (let i = 0; i ......
vue2+cesium加载3dtile导致卡顿内存溢出
# 问题 vue2中在cesium上做倾斜摄影模型加载后页面会非常卡顿,排查模型加载代码后发现都没有问题。 但是在vue3框架搭建的项目中就没有问题。 具体表现为 CPU和内存爆满,内存持续不断大幅度上涨。页面表现为卡顿异常 vue2开发的运行情况(异常情况): ![资源情况异常](https:// ......
linux命令源码下载【转】
一般来说，不同的命令可能隶属于不同的软件包，这样就没有一个地方会有所有命令的源代码。（命令的个数也会与你所安装的软件包有关）但是，一些常用的命令，例如basename cat chgrp chmod chown chroot cksum comm cp csplit cut date dd df d ......
Vue router-view key 导致路由切换非router-view部分也进行刷新
<router-view> 组件是一个 functional 组件，渲染路径匹配到的视图组件。<router-view> 渲染的组件还可以内嵌自己的 <router-view>，根据嵌套路径，渲染嵌套组件。 如果中最外层的<router-view>中增加了:key="$route.fullPath" ......
vue2 input和select无法正常回显
背景：使用vue进行对象赋值，如果是一个未在data声明的属性，会导致双向绑定无法正常回显。 <template> <div> <div> <label for="">姓名</label> <input v-model="info.name" type="text"> </div> <div> <l ......
前端Vue基于腾讯地图Api实现的选择位置组件 返回地址名称详细地址经纬度信息
#### 前端Vue基于腾讯地图Api实现的选择位置组件 返回地址名称详细地址经纬度信息， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13310 #### 效果图如下：  支持拖拽和缩放两个大动作，轻量级，无依赖，功能扎实，适合需要缩放的应用场景。 无依赖，轻量级 操作可联动 支 ......
Vue：$parent
##什么是$parent 在 Vue.js 中，`this.$parent` 是组件实例的一个属性，用于访问当前组件的直接父组件实例。它提供了一种在子组件中与父组件进行通信和交互的方式。 当一个组件被创建时，Vue.js 会在内部为该组件创建一个组件实例，并建立组件之间的父子关系。每个组件实例都具有 ......
Vue封装组件并发布到npm仓库
# 前言 使用Vue框架进行开发，组件封装是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用，甚至我们可以直接从npm仓库下载别人封装好的组件来进行使用，比如iview、element-ui这一类的组件库。但是每个公司的业务场景可能不同，开发人员还是得必须封装自己得组件，如果换了一个项目， ......
多端全栈项目实战：大型商业级代驾业务全流程落地SpringCloudAlibaba+Mysql+Redis+Docker+Uniapp+Vue3
多端全栈项目实战：大型商业级代驾业务全流程落地SpringCloudAlibaba+Mysql+Redis+Docker+Uniapp+Vue3 随着移动互联网的快速发展和智能手机的普及，代驾服务成为了一个日益火热的行业。在这个行业中，如何构建一个具备商业级可靠性和扩展性的代驾业务系统成为了关键问题 ......
绝无仅有的SpringBoot+Vue前后端分离项目《盈利宝》
每天都在制造矛盾并解决矛盾的路上 程序员的主要矛盾 不是书和资料多不多的矛盾 而是学着学着发现知识又更新了 时间就像一台永不停歇的永动机 向前不停地运作 年初的flag渐行渐远 管他前浪，还是后浪？ 能浪的浪，才是好浪！ 今天带你解锁 Springboot+Vue项目 花了很长时间从头到尾 从无到 ......
vue中router-link路由携带参数跳转
在对应的路由模块儿中 ``` path: 'courseList/:id?' ``` router-link中书写方法如下 ``` 跳转按钮 ``` ......
uni.app上传视频vue2 es6
上传视频可以使用uni.app里面的api let self = this; uni.chooseVideo({ count: 1, sourceType: ['camera', 'album'], success: function(res) { console.log(res) self.sho ......
uni.app 给大家推荐一个 非常牛的 插件 上传图片 上传 word 上传xlsx 上传pdf 兼容vue2 vue3 微信小程序 h5 等等 地址放在下面了
插件 地址地址：https://ext.dcloud.net.cn/plugin?name=lsj-upload 兼容 vue2 vue3 微信小程序 等等 等等 图片放在下面了 使用方法 里面有介绍 又到了 码农 最 重要的时刻了 ctrl c ctrl v 大法 ......
uni.app上传图片/上传七牛云 vue2 es6
uni.app上传图片 可以使用uni.app里面的api // uni.chooseImage({ // success: (chooseImageRes) => { // const tempFilePaths = chooseImageRes.tempFilePaths; // uni.upl ......
如何解决uni-app上传图片提示打包未添加Camera模块？ uni.app es6 vue2
可以在manifest.json来进行配置 这样就解决了 ......
Sentinel源码分析
## Sentinel的基本概念 Sentinel实现限流、隔离、降级、熔断等功能，本质要做的就是两件事情： - 统计数据：统计某个资源的访问数据（QPS、RT等信息） - 规则判断：判断限流规则、隔离规则、降级规则、熔断规则是否满足 这里的**资源**就是希望被Sentinel保护的业务，例如项目 ......
vue中封装服务器地址/接口与设置请求头
1. 设置请求头 首先创建一个放置服务器地址的js,如http.js,然后在http.js中引入axios `import axios from "axios";` 如果没有axios,需要先安装,npm i axios或者yarn add axois,然后重启服务器 ...直接上代码 点击查看代码 ......
碰撞测试（附源码）
这里没有办法展示动态效果，具体动态效果请复制到浏览器并在浏览器控制台上查看具体效果： CSS部分： <style> * { margin: 0; padding: 0; } div { position: absolute; top: 0; left: 0; border-radius: 50% } ......
猜数字游戏（附源码）
CSS部分： <style> html { font-family: sans-serif; } body { width: 50%; max-width: 800px; min-width: 480px; margin: 0 auto; } .lastResult { color: white; ......
3d烟花效果的实现（附源码）
这里没有办法展示动态效果，具体动态效果请复制代码去浏览器中查看： CSS部分： <style> html,body{ margin:0px; width:100%; height:100%; overflow:hidden; background:#000; } #canvas{ width:100 ......
3d立体相册的实现（附源码）
效果图（这里没办法显示动态，具体动态自己复制代码去网页看）： CSS部分：html{ background: #000; height: 100%; } /*最外层容器样式*/ .wrap{ position: relative; position: absolute; top: 0; right: ......