样式 组件scoped vue
Vue 3 Deep Dive with Evan You
什么是 DOM？ 如果我们把这个 HTML 加载到浏览器中，浏览器创建这些节点，用来显示网页。所以这个HTML映射到一系列DOM节点，然后我们可以使用JavaScript进行操作。例如： let item = document.getElementByTagName('h1')[0] item.te ......
老杜Vue的Bug列表实战代码
老杜Vue的Bug列表实战代码 谢谢杜老师的vue教学视频，说的真的好好 各位亲爱的小伙伴，如果不能使用代码，请给我留言哈。 1、效果图 2、html代码（我自己写的，和杜老师的有些不同，不要纠结哈，基本是没错的） <!DOCTYPE html> <html> <head> <meta charse ......
vue生命周期
Vue 的生命周期总共分为8个阶段：创建前/后，载入前/后，更新前/后，销毁前/后。 1、beforeCreate（创建前） 表示实例完全被创建出来之前，vue 实例的挂载元素$el和数据对象 data 都为 undefined，还未初始化。 2、created（创建后） 数据对象 data 已存在 ......
AWS的组件及组合
kafka或kinesis 做数据收集 S3+redshift 做数仓 EMR做计算 RDS做数据市场 AWS Glue / AWS Data Pipeline 做数据集成 这些组件配合起来，几乎可以做各种方式的数据分析 kinesis还是比较推荐，延迟时间可以配置的算是实时的，而且功能会多一点，聚 ......
Vue-Router 的懒加载如何实现
非懒加载： import List from '@/components/list.vue' const router = new VueRouter({ routes: [ { path: '/list', component: List } ] }) 懒加载： 1.使用箭头函数+import动态 ......
vue-
插槽slots 传html结构，父传子 slot 父组件 子组件 渲染作用域 插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模板中定义的。 具名插槽 插槽：子组件传给父组件数据，父组件传回子组件 父 子 组件生命周期 生命周期函数 创建期：beforeCreate created ......
前端vue自定义柱形图 选中更改柱形图颜色及文字标注颜色
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端Vue自定义等分底部菜单导航按钮 自适应文字宽度 可更改组件位置
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
vscode 实现组件之间的跳转
1. 安装 vetur 和 vue-helper 两个插件2. 打开设置 --> 扩展 --> vue helper, 然后在右边找到在 settings.json 中编辑，点击，添加或修改下面的配置： "vue-helper.alias": { "@": "src" }, "vue-helper. ......
vue实现简单人员列表
# vue实现简单人员列表 ## 功能 - 可以显示一个人员列表 - 可以对列表过滤 - 可以对列表排序 ## 实现 ```vue 列表 人员列表 升序 降序 原顺序 {{p.name}} {{p.age}} ``` ......
VUE
class绑定 style绑定 侦听器 表单输入绑定 v-model 修饰符：lazy，number，trim 模版引用 操作dom，获取ref this.$ref <div ref="container" class="containser">{{content}}</div> <input ty ......
vue.js:5108 [Vue warn]: Cannot find element: #body_container
1、原因：我把 Vue 挂载元素的JS放在了html加载完成的前面了 2、解决：放到html加载完成之后就可以了 ......
基于forms组件和Ajax请求的注册功能(代码)
前端 1 <div class="container-fluid"> 2 <div class="row"> 3 <div class="col-md-8 col-md-offset-2"> 4 <h1 class="text-center">注册</h1> 5 <form id="myform"> ......
Glide源码解析三（注册组件）
转载请标明出处，维权必究： https://www.cnblogs.com/tangZH/p/12900387.html Glide源码解析一，初始化 Glide源码解析二—into方法 Glide源码解析三（注册组件） Glide源码解析四（解码和转码） 本文基于Glide 4.11.0 这里说的 ......
Vue技术
# 😀Vue技术总结 > 首先: 一对多和多对一都不可以 容器和实例之间只能是一一对应 > > 插值语法: {{ xxx }} xxx → 只能是 js 表达式(表达式是一组代码的集合，它`返回一个值`。) 注意!!! 区分 js表达式与js语句 > 指令语法: ``` 单向数据绑定 → v-bi ......
vue3探索——组件通信之事件总线
> Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用`mitt.js`。 > > > 比起Vue实例上的`EventBus`，`mitt.js`好在哪里呢？首先它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，它还不依赖Vue实例，所以可以跨框架使用，React或 ......
项目中多次调用百度地图组件然后页面出现自动刷新的问题——Too many active WebGL contexts. Oldest context will be lost
最近在项目中遇到这么一个奇怪的问题，在调用百度地图组件之后页面会不定期的自动刷新，后来经过排查发现问题是因为内存泄漏的原因： Too many active WebGL contexts. Oldest context will be lost。 是因为chrome浏览器对单个页面能运行的WebGL ......
vue数据传递【父子组件】-父子props，子父$emit
一、父子组件传递 1、父组件数据传递给子组件【props】 父组件的数据变化时，子组件会自动更新 在父组件中引用子组件 <子组件name/> import 子组件 from ./子组件位置/子组件所在vue.vue 在组件中注册子组件 components:{子组件名称} 子组件 可以通过props ......
WPF 滚动条ScrollViewer样式记录
WPF 应用程序中有两个支持滚动的预定义元素：ScrollBar 和 ScrollViewer。 ScrollViewer 控件封装了水平和垂直 ScrollBar 元素以及一个内容容器（如 Panel 元素），以便在可滚动的区域中显示其他可见元素。 必须生成自定义对象才能使用 ScrollBar ......
WPF优秀组件推荐之FreeSpire
概述 Spire是一套可以轻松处理Word、Excel和PDF的商业组件，需要收费，但是他有一套对应的免费组件FreeSpire可以使用，免费组件在功能上有一些限制（比如：excel的sheet数量不能超过30），对于普通应用来说大部分场景下都可以适用了。 中文帮助文档：帮助文档 ｜ 全面丰富的在线 ......
WPF优秀组件推荐之MahApps
概述 MahApps是一套基于WPF的界面组件，通过该组件，可以使用较小的开发成本实现一个相对很好的界面效果。 官方网站：MahApps.Metro - Home 开源代码：MahApps · GitHub 本文代码基于Stylet开发，如果您还不了解Stylet，请参阅： WPF优秀组件推荐之St ......
WPF优秀组件推荐之LiveCharts
概述 LiveCharts是一个比较漂亮的WPF图表控件，在数据变化时还会有动画切换的效果，并且样式也可以控制。 官方网站：Live Charts (lvcharts.net) 开源代码：GitHub - Live-Charts/Live-Charts: Simple, flexible, inte ......
WPF优秀组件推荐之Stylet（一）
一、简介 Stylet是基于WPF的一款MVVM组件，虽然WPF本身是自带MVVM功能的，但实现起来不是很方便 ，通过Stylet，用户可以用很少的代码就能享受MVVM带来的舒适体验。 目前Stylet支持：.Net Framerwork 4.5、.Net Core 3.0、.Net 5以上版本。 ......
WPF优秀组件推荐之Stylet（二）
上一篇文章介绍了Stylet的一些基本功能，本篇将介绍一些深入一点的功能。 依赖注入 在Bootstrapper 类中注入需要的对象： public class Bootstrapper : Bootstrapper<MainViewModel> { protected override void ......
SyntaxError: /xxxx.vue: Unexpected token, expected “,“，[object Promise]export { render, staticRende}
#### 本地老工程vue2.7.x+webpack4在升级webpack5的时候遇启动和打包报错: ```bash Syntax Error: SyntaxError: /xxxxx.vue Unexpected token, expected "," (1:8) > 1 | [object Pr ......
vue3 vite后台管理模板项目打包报错 Some chunks are larger than 500 KiB after minification解决办法
1、错误原因分析： 超过块大小限制，块大小默认500 KB 2、解决办法： 在vite.config.js 中增加 output 配置项 build: { chunkSizeWarningLimit: 1500, // 调整包的大小 rollupOptions: { output: { // 最 ......
Vue中使用Element
Vue中使用Element.UI菜单完成主体页面搭建一.搭建ElementUI基础环境（基于脚手架）1.新建空的文件夹,文件夹命名自定义2.在文件资源管理器上方输入cmd3.然后在控制台中输入vue create (自定义名称)注意:只支持小写 输入完后按Enter4.在第一个选择项中选择Manua ......
NodeJS系列（12）- Next.js 框架 (五) | 样式 (Styling) 、部署（Deploying）
在 “NodeJS系列（8）- Next.js 框架 (一) | 安装配置、路由（Routing）、页面布局（Layout）” 里，我们简单介绍了 Next.js 的安装配置，创建了 nextjs-demo 项目，讲解和演示了 Next.js 项目的运行、路由（Routing）、页面布局（Layou ......
vue3常见的难点
vue中params和query的区别，以及具体用法：https://blog.csdn.net/weixin_42282727/article/details/107505014 route、router区别：https://blog.csdn.net/m0_67948827/article/de ......