声明
C60 自费购买，发票可看我上篇文章。B系新车则是机缘巧合下体验到的，并无利益相关。新车尚未大规模发货，全网似乎尚无B系和C系实车实车对比介绍，哪怕静态的都没有。故写此文，希望能帮助大家更好的选车。因 B系实车体验时间不长，且可能不是最终版本，不足之处还请大家指正。我会不断更新文章或评论，与时俱进。
2024年10月24日
2024年10月24日
编辑导语：如何提升用户的产品体验？一些小的细节设计往往能给用户带来不一样的感受。那么，可以从哪些方面提升UI&UX设计效果呢？本篇文章里，作者总结了几个易操作的UI&UX设计技巧，也许会对你有所帮助。
小改动立马带来大改观。
编者按：用户对产品的体验来自直观感受。所以UI/UX往往对产品的成败有着直接的影响，糟糕的UI/UX体验会让强大的功能失去效力。
2024年10月24日
前面给大家讲了盒子模型的浮动，得出的结论就是不浮动的盒子处在标准流之内，在页面中会单独占一行显示；浮动的盒子则处在标准流之外，是在同一行显示的。
那么接下来给大家讲解盒子浮动带来的问题，以及如何清除浮动的影响。
我们先来了解一个属性：clear
clear属性有四个值clear:both|left|right|none;
作用：该属性的值指出了不允许有浮动对象的边。
这个属性是用来控制float属性在文档流的物理位置的。
2024年10月24日
本文笔者将为大家展示一些UI动画的案例，期以通过这些案例，帮助大家在为交互添加动画时做出更好的决策。
让我们看一些UI动画从好到优秀的例子，通过这里和那里的一些调整，你可以使用动画提升你的UI模式。
列出的交互表示状态之间的连续性，表示共享元素之间的关系，并将用户的注意力引用到他们应注意和采取行动的事物上。
为了创建这些动画，我遵循了Material Motion、IBM的动画原则和UX in Motion Manifesto中的指导原则。
2024年10月24日
上文已经介绍安装框架的过程，本文接下来制作一个导航菜单。
导航菜单设计左右结构，左边放logo,右边放菜单链接。
下面是 html部分的整体代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>用Bootstrap4制作电脑手机响应式网页</title>
<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/css/style.css"><!-- 在昨天的基础上多添加一个样式文件 -->
<script defer type="text/javascript" src="/js/jquery-3.5.1.min.js"></script>
<script defer type="text/javascript" src="/js/bootstrap.min.js"></script>
</head>
<body>
<header> <!-- header 作为导航菜单的容器 -->
<div class="container"> <!-- container 限定我们的内容居中 -->
<div class="navbar navbar-dark navbar-expand-lg"> <!-- 这部分导航左边logo区域 -->
<a class="navbar-brand" href="#">
<img src="/images/logo.png" /> Logo
</a>
<!-- button 按钮为隐藏，切换到手机端时显示到右边下拉按钮 3个div 形成3条横线 -->
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navmenu">
<div class="mt-1"></div>
<div class="mt-1"></div>
<div class="mt-1"></div>
</button>
<!-- 导航菜单部分，pc上居右显示 ml-auto -->
<div id="navmenu" class="navbar-collapse collapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link active" href="#">首页</a>
</li>
<li class="nav-item">
<a class="nav-link " href="#">菜单一</a>
</li>
<li class="nav-item">
<a class="nav-link " href="#">菜单二</a>
</li>
<li class="nav-item">
<a class="nav-link " href="#">菜单三</a>
</li>
<li class="nav-item">
<a class="nav-link " href="#">菜单四</a>
</li>
<li class="nav-item">
<a class="nav-link " href="#">菜单五</a>
</li>
</ul>
</div>
</div>
</div>
</header>
</body>
</html>2024年10月24日
集合的含义
这一节需通过实例理解集合的有关概念，理解集合中元素的三个特征，体会元素与集合的属于关系，掌握常用数集及其专用符号，学会用集合语言表示有关数学对象。
勾画重点概念：课本2~3页
主要题型：
经常用到的就是确定性，题中往往给的元素是不确定的模糊的，都是不能构成集合的
判断元素和集合关系的两种方法：直接法、推理法
2024年10月24日
对BMP图像的操作，主要是对图像像素的访问。若图像信息头中的biHeight值大于0，则图像像素是从下到上，从左到右，按行顺序存储的，如图1.16 a)所示；若图像信息头中的biHeight值小于0，则图像像素是从上到下，从左到右，按行顺序存储的，如图1.16 b)所示。在存储的时候，必须保证每行的字节数为4的倍数，若每行的字节数不为4的倍数，则每行末尾补0。
2024年10月24日
学一门技术要怎么学？
怎么把左边的文字变成右边的排版？排版的思路是什么？我的理解是用对工具、画对形状、填对颜色、摆对位置，把画面的元素做组合或者拆分。这么做的目的是什么？一个是让版面容易阅读，结构清晰，能快速的找出信息，准确的传达信息能够引起观者的共鸣。
学这样的技术要做哪些准备？学习其实就是学吃苦，吃体力的苦。繁重的设计任务需要自己动手，有时要熬夜做重复的修改动作。吃自律的苦，学习有时候是枯燥的，这种枯燥也是孤独的，是否准备好克服这种无助和不安？吃脑力的苦，技术不是机械的记忆知识，需要不断的思考为什么要这样做，培养解决问题的能力。
2024年10月24日
导读：滑块验证是一种极验类型，用于用户登录时人机识别。该方式相比较于图形验证码、滑动拼图验证、点选验证等验证方式，操作成本较低。
1、默认显示滑块、背景及提示文案。
2、滑块仅允许向右水平拖动，切不能超过背景区域。