我在看着你

问卷星项目样式层1.问卷列表样式问题 12345678910111213.title{ display: flex; .left{ flex:1; } .right{ flex:1; text-align: right; font-size: 12px; }} 这段CSS代码定义了一个名为.title的类，用于设置标题的样式。标题由两部分组成：.left和.right。 display: flex：将.title设置为flex布局，使得其子元素可以沿主轴方向排列。 .left：设置.left的flex属性为1，使得其占据剩余空间的比例为1:1。同时，设置.left的font-size为12px。 .right：设置.right的flex属性为1，使得其占据剩余空间的比例为1:1。同时，设置.right的text-align为right，使得文本右对齐。设置.right的font-size为12px。 注意：这段CSS代码主要用于设 ...

1.1列表渲染评论列表效果演示 思路 代码实现123456789101112131415161718192021222324252627282930313233343536373839{/* 评论列表 */} <div className="reply-list"> {/* 评论项 */} {commentList.map(item =>( <div key={item.rpid} className="reply-item"> {/* 头像 */} <div className="root-reply-avatar"> <div className="bili-avatar"> <img ...

1.1 配置Electron开发环境问题electron在安装时卡在reify:@types/node: timing reifyNode:node_modules/global-agent Completed in 200ms的解决办法 1.2 创建 BrowserWindow使用nodemon监控文件变化 每次这个main.js有修改的时候呢，都要这个关闭现在的命令呢，再重启一遍。应该经常会遇到这个问题，所以呢，需要下一个辅助工具来完成，让我们这个工作更轻松一些。就可以使用这个 nodemon 。它可以监控文件的这个变化，然后自动的运行这个命令，这样就省去我们手动的操作。不再需要关闭，再重启可以说是非常方便啊 1nodemon --watch main.js --exec \"electron\" 写一个父子窗口 1.3 进程中的通信安装Devtron插件 这个插件已经停止更新，不推荐使用 1.4 使用IPC进行通信使用Electron的ipc模块在不同进程间进行通信。首先，安装了devtron插件，然后在主进程和渲染进程中 ...

一1.1 轮播区域设计 重点：垂直居中样式设计123display: flex;align-items: center;justify-content: center; 单行不换行，显示省略号 … 样式设计123overflow: hidden;white-space: nowrap;text-overflow: ellipsis; scss使用父元素名称 & 表示符123456789101112131415swiper { width: 750rpx; height: 340rpx; &-item { width: 100%; height: 100%; padding: 0 30rpx; image { width: 100%; height: 100%; border-radius: 10rpx; } } } 1.2滑动区域设计 重点：1.Grid网格布局123display: grid;gap:15rpx;grid-t ...

HTML篇1.src和href的区别 src属性在HTML标签中用于加载外部资源，其行为和效果取决于所使用的标签类型。通常情况下，它被用于加载图片、脚本、框架、音频和视频等外部资源。 href属性在HTML标签中用于创建超链接或引入外部样式表，其行为和效果取决于所使用的标签类型。通常情况下，它被用于创建超链接或引入外部样式表，以实现页面间的导航或样式的引入。 区别： 适用标签不同： src属性通常用于<img>、<script>、<iframe>、<audio>和<video>等标签，用于嵌入外部资源。 href属性通常用于<a>、<link>和<base>等标签，用于创建超链接或引入外部样式表。 加载行为不同： 对于src属性，浏览器会立即加载指定的资源，它会阻塞页面的加载，直到资源加载完成。 对于href属性，它指定的资源通常在用户与页面交互时加载，不会阻塞页面的加载。 替换内容不同： src属性会替换元素原本的内容，例如，一个<img>标签的src属性指向的图片 ...

SCSS 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。也就是说，任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件 SCSS传统的css文件缺失变量等概念，导致需要书写的重复的代码很多，但css中不存在变量函数等概念，这时发现的一个css的预编译利器——scss 1.使用变量SCSS中的变量以$开头 12345$border-color:#aaa; //声明变量.container {$border-width:1px; border:$border-width solid $border-color; //使用变量} 上述例子中定义了两个变量，其中$border-color在大括号之外称为全局变量，顾名思义任何地方都可以使用，$border-width是在.container之内声明的，是一个局部变量，只有.container内部才能使用。 编译后: 123.container { border:1px solid #aaa; //使用变量} tips:SC ...

一、组件学习1.1 view组件视图容器 它类似于传统html中的div，用于包裹各种元素内容。 1.1.1 属性 属性名 类型 默认值 说明 hover-class String none 指定按下去的样式类。当 hover-class=”none” 时，没有点击态效果 hover-stop-propagation Boolean false 指定是否阻止本节点的祖先节点出现点击态，App、H5、支付宝小程序、百度小程序不支持（支付宝小程序、百度小程序文档中都有此属性，实测未支持） hover-start-time Number 50 按住后多久出现点击态，单位毫秒 hover-stay-time Number 400 手指松开后点击态保留时间，单位毫秒 1.1.2 使用举例 1.2 text组件文本组件。用于包裹文本内容。 1.2.1 属性 属性名 类型 默认值 说明 平台差异说明 selectable Boolean false 文本是否可选 user-select Boolean false 文本是否可选 微信小程序 ...

会话控制一、介绍所谓会话控制就是 对会话进行控制 HTTP 是一种无状态的协议，它没有办法区分多次的请求是否来自于同一个客户端， 无法区分用户 而产品中又大量存在的这样的需求，所以我们需要通过 会话控制 来解决该问题 常见的会话控制技术有三种： cookie session token 二、cookie2.1 cookie 是什么cookie 是 HTTP 服务器发送到用户浏览器并保存在本地的一小块数据 cookie 是保存在浏览器端的一小块数据 cookie 是按照域名划分保存的 2.2 cookie 的特点 浏览器向服务器发送请求时，会自动将 当前域名下 可用的 cookie 设置在请求头中，然后传递给服务器 这个请求头的名字也叫 cookie ，所以将 cookie 理解为一个 HTTP 的请求头也是可以的 2.3 cookie 的运行流程填写账号和密码校验身份，校验通过后下发 cookie 有了 cookie 之后，后续向服务器发送请求时，就会自动携带 cookie 2.4 浏览器操作 cookie浏览器操作 cookie 的操作，使用相对较少 禁用所有 coo ...

接口一、简介1.1 接口是什么接口是 前后端通信的桥梁 简单理解：一个接口就是 服务中的一个路由规则 ，根据请求响应结果 接口的英文单词是 API (Application Program Interface)，所以有时也称之为 API 接口 1.2 接口的作用实现 前后端通信 1.3 接口的开发与调用大多数接口都是由后端工程师开发的， 开发语言不限 一般情况下接口都是由 前端工程师 调用的，但有时 后端工程师也会调用接口 ，比如短信接口，支付接口等 1.4 接口的组成一个接口一般由如下几个部分组成 请求方法 接口地址（URL） 请求参数 响应结果 二、RESTful APIRESTful API 是一种特殊风格的接口，主要特点有如下几个： URL 中的路径表示 资源 ，路径中不能有 动词 ，例如 create , delete , update 等这些都不能有 操作资源要与 HTTP 请求方法 对应 操作结果要与 HTTP 响应状态码 对应 三、json-serverjson-server 本身是一个 JS 编写的工具包，可以快速搭建 RESTful API 服务 官方地 ...