- 这是一个用vue.js对css操作完成的实例。
- 当然用了flex简单布局。
一、先创建一个html文件，记得添加vue库文件。
二、创建一盒容器vmdiv，用vue绑定它，测试vue绑定后的插入值text1效果。
三、加入文本框和两个按钮。
四、通过flex排序，让它们三个竖排。比例为文本框占4，按钮占1。
五、测试一下按钮的点击事件。
2024年10月20日
一、先创建一个html文件，记得添加vue库文件。
二、创建一盒容器vmdiv，用vue绑定它，测试vue绑定后的插入值text1效果。
三、加入文本框和两个按钮。
四、通过flex排序，让它们三个竖排。比例为文本框占4，按钮占1。
五、测试一下按钮的点击事件。
2024年10月20日
好，现在就开始吧
准备原料：
1.新建一个html文件：template_index.html
2.引入jquery.js（使用jquery），jquery-ui.js（用他里面的一个自动吸附功能），jquery.colorpicker.js（颜色选择插件）
2024年10月20日
前端的鸿蒙技术：鸿蒙的像素单位应该如何配置？效果等同于H5的<meta.../>。
继续来聊一下鸿蒙的基础，来看一下关于像素的问题。就来和前端进行对比，这里写了一个200宽度的div，按这个设备来看200像素应该是太窄了。通常在写前端的时候肯定会设一个<meta/>，设置一个像素等于设备像素。
鸿蒙这块是怎么样搞的？来看一下鸿蒙官网，这里有关于像素单位有介绍，其实想要的效果就是VP。VP看到的介绍是根据像素密度转换为屏幕的物理像素，也就是PX是真实的物理像素。而VP用这个单位就相当于是前端加了Metaviewport之后的效果，会根据像素密度把设置的值真正的转换为物理像素。
2024年10月20日
我们对div设置一个float浮动属性即可解决不并排显示，只要你的并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。
2024年10月20日
最简单的方法：
<div style="height:300px;width:100px;overflow:auto"><div/>（height和width根据需求设定）
注意:如果只写height就只有垂直滚动条，只写width就只有水平滚动条,都不写没有效果。还有这里overflow设置为auto,也就说是如果你的页面高度大于300px就会出现滚动条，小于300px就没有滚动条。同理，如果宽度大于100px出现滚动条，小于就没有。
2024年10月20日
一、DIV高度自适应（父div高度随子div的高度改变而改变）
1、如果父div不定义height、子div均为标准流的时候，父div的height随内容的变化而变化,实现父div高度随子div的高度改变而改变。
代码：
<styletypestyletype="text/css">
#aa{border:#000000solid5px}
#bb{border:#00ffffsolid5px;}
#cc{border:#0033CCsolid5px}
2024年10月20日
在 flex 容器中默认存在两条轴，水平主轴(main axis) 和垂直的交叉轴(cross axis)，这是默认的设置，当然你可以通过修改使垂直方向变为主轴，水平方向变为交叉轴，这个我们后面再说。
在容器中的每个单元块被称之为 flex item，每个项目占据的主轴空间为 (main size), 占据的交叉轴的空间为 (cross size)。
这里需要强调，不能先入为主认为宽度就是 main size，高度就是 cross size，这个还要取决于你主轴的方向，如果你垂直方向是主轴，那么项目的高度就是 main size。
2024年10月20日
网络配图
近日印发的《教育部关于加强初中学业水平考试命题工作的意见》指出，取消初中学业水平考试大纲，促进学生认真学好每一门课程，并强调要合理设置试题结构，减少机械性、记忆性试题比例，提高探究性、开放性、综合性试题比例，积极探索跨学科命题。
这样的强调实在是太重要了。
记得有人曾吐槽，某地初中语文考试有一道这样的题目：“《水浒传》第102页的内容是什么”——相信很多人会被这样的“神题”雷倒。《水浒传》有不同版本，字号大小也不同，是否缩减版、纸张大小、有无插图等都会影响“102页”的内容，叫学生如何作答？再说，即便是统一版本，让学生知道“第102页内容”的意义又在哪里？
2024年10月20日
这篇将介绍如何设置每个位置 DIV 的宽度和布局排版，并且也会展示如何让主题显示正确，并同时在 Firefox 和 IE 下兼容，显示一致。