CSS硬件加速
- 作用
CSS硬件加速就是浏览器中用css开启硬件加速，使GPU (Graphics Processing Unit) 发挥功能，从而将浏览器的渲染过程交给GPU处理，而不是使用自带的比较慢的渲染器。这样就可以使得animation与transition更加顺畅。
- 兼容性
2024年09月14日
CSS硬件加速就是浏览器中用css开启硬件加速，使GPU (Graphics Processing Unit) 发挥功能，从而将浏览器的渲染过程交给GPU处理，而不是使用自带的比较慢的渲染器。这样就可以使得animation与transition更加顺畅。
2024年09月14日
实例
修改所有元素或其父元素的属性为初始值：
div {
background-color: yellow;
color: red;
all: initial;
}
定义和使用
all 属性用于重置所有属性，除了 unicode-bidi 和 direction。
2024年09月14日
实例
重写文本：
div
{
direction:rtl;
unicode-bidi:bidi-override;
}
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
| 属性 |
|---|
2024年09月14日
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../node_modules/vue/dist/vue.js"></script>
<script src="../node_modules/jquery/dist/jquery.js"> </script>
</head>
<script>
$(function () {
//保证页面加载完后才加载js，不然#app会报错找不到
//组件定义
const login = {
template:"<h2>vue的使用</h2>"
}
var vm = new Vue({
el:"#app",
data:{},
components:{ //组件的注册
login
}
})
})
</script>
<body>
<div id="app">
//组件的使用
<login></login>
</div>
</body>
</html>2024年09月14日
怀着很悲痛的心情写下了这篇教程，4月份，两次冲刺项目延期，加上Bug数量异常的多本组所有人，4月份绩效C。具体原因就不多说了
抱着随时被优化的态度，默默打开了vue.js文档，开始了这片文章。
怎么写？
这段时间不定时的翻过几遍vue文档，大致总结了一下基础内容，和组件相关的内容，发现就算看了十遍，如果没有实际用到项目里面去也是白搭，文档里面的东西都太基础了，也是只简单的运用，所以基础部分就一篇写完，后面在整理核心内容。
2024年09月14日
Vue 2 提供了丰富的指令，用于实现各种功能，例如数据绑定、条件渲染、事件处理、DOM 操作等。指令以 v- 前缀开头，并遵循特定的语法规则。
指令分类
Vue 2 指令可以分为以下几类：
数据绑定指令：用于将数据绑定到 DOM 元素，包括 v-model、v-text、v-html 等指令。
条件渲染指令：用于根据条件渲染 DOM 元素，包括 v-if、v-else-if、v-else 等指令。
事件处理指令：用于响应 DOM 事件，包括 v-on、v-click、v-keydown 等指令。
2024年09月14日
今天给大家分享一款优秀的Vue流畅渲染大数据表格组件库UmyUI。
umy-ui 基于 vue2.x 构建的高性能组件库。完美解决表格十万级大数据卡顿、编辑表格卡顿等问题。
2024年09月14日
在Vue中，指令都是以 v-xxx 命令，因此自定义指令也是如此
自定义指令时，指令名称不需要加前缀v-,但在调用的时候一定要加前缀v-
//定义一个全局的指令（directive：指令）
//参数1为指令名称，定义的时候，不需要加 v- ，调用时需要v- ,
//参数2是对象，对象中有指令相关函数，在特定时候运行，
Vue.directive('focus',{
//获取当前指令(v-focus)绑定的元素e，e.focus()方法在绑定元素插入到DOM中时调用
inserted:function(e){
e.focus()
}
})
//等同于js中： var e = document.getElementById("e")
// e.focus()
//局部指令定义,vm实例中
directives:{
focus:{
inserted:function(e){
e.focus()
}
}
}