logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Flex布局 - 仿携程网移动端首页案列练习

一、搭建相关文件结构1.1 文件结构创建相关存储文件夹以及搭建index.html文件结构<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name

文章图片
#html5#前端#css3
Flex布局常见父项属性(一)- flex-direction

一、flex-direction用于设置主轴的方向1.主轴和侧轴在flex布局中分为主轴和侧轴两个方向,也可称为 行和列、x轴和y轴其中默认主轴方向为x轴,水平向右默认侧轴方向为y轴,水平向下2.属性值flex-direction属性值用于决定主轴的方向flex-direction属性值说明row从左到右,默认值row-reverse从右到左column从上到下column-reverse从下到上

文章图片
#vscode
uni-app知识点整理(2)- 全局配置和页面配置、tabbar、condition

一、globalStyle全局外观配置1.1 简介通过 globalStyle 进行全局配置官方文档:globalstyle用于设置应用的状态栏、导航条、标题、窗口背景色等常用的globalStyle全局配置属性属性类型默认值描述navigationBarBackgroundColorHexColor#F7F7F7导航栏背景颜色(同状态栏背景色)navigationBarTextStyleStri

文章图片
#前端#uni-app#小程序
JavaScript知识点总结(十一)- 内置对象

JavaScript中对象分为3种:自定义对象、内置对象、浏览器对象一、什么是内置对象内置对象:指JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或者是最基本而必要的功能(属性和方法)内置对象最大的有点就是帮助我们快速开发JavaScript提供了多个内置对象:Math、Date、Array、String等二、查询文档2.1 MDN学习一个内置对象的使用,只要学会其常用的使用即可,

文章图片
#javascript#前端#开发语言
软件测试基础知识整理(六)- 测试用例、等价类划分法、边界值分析法、判定表法

假设测试一个登录界面的用户名合法性,对于用户名的要求是长度须在4-10个字符之间,由数字和字母组成,且至少含有一个字母和一个数字。等价类划分法用于将输入条件划分为不同的等价类,以选择代表性的测试用例进行。基本思想是假设每个输入的等价类具有相同的行为和结果。测试用例(Test Case)是为了特定的目的而设计的一组测试输入、执行条件和预期结果的文档。边界值分析法,用于确定输入的边界条件,并选择测试用

文章图片
#测试用例#测试工具
Vue3知识点整理(2)- 常用Composition API(1)和 Vue3.0中的响应式原理

一、常用Composition APIVue3官方文档 - 组合API1.1 SetupVue3官方文档 - Setup(1)理解:Vue3.0中的一个新的配置项,值为一个函数(2)组件中所用到的:数据、方法等等,均要配置在setup中(3)setup函数的两种返回值:若返回一个对象,则对象中的属性、方法,在模板中均可以直接使用(重点)若返回一个渲染函数:则可以自定义渲染内容(了解即可)(4)注意

文章图片
#vue.js#javascript#前端
uni-app知识点整理(3)- 组件的基本使用、uni-app样式

目录一、组件的基本使用1.1 text文本组件1.1.1 案例练习2.1 view组件2.1.1 案例练习3.1 button按钮组件3.1.1 简单案例练习4.1 image组件二、uni-app样式2.1简单案例练习一、组件的基本使用uni-app提供了丰富的基础组件给开发者,开发者可以组合各种组件拼接自己的应用uni-app应用中的组件,就像HTML中div、p、span等标签的作用一样,用

文章图片
#前端#uni-app#前端框架
uni-app知识点整理(6)- 条件编译跨端兼容、导航跳转、组件创建、组件间通信、uni-ui组件库

一、条件注释实现跨端兼容uni-app官方文档 - 编译器(条件编译)条件编译是用特殊的注释作为标记,在编译时根据这些特殊的注释,将注释里面的代码编译到不同平台。写法:以 #ifdef 或 #ifndef 加 %PLATFORM% 开头,以 #endif 结尾。#ifdef:if defined 仅在某平台存在#ifndef:if not defined 除了某平台均存在%PLATFORM%:平台

文章图片
#前端#uni-app#前端框架
uni-app知识点整理(5)- 网络请求、数据缓存、图片上传和预览

目录一、网络请求1.1 发送get请求二、数据缓存2.1uni.setStorage(OBJECT)2.2uni.setStorageSync(KEY,DATA)2.3uni.getStorage(OBJECT)2.4uni.getStorageSync(KEY)2.5uni.removeStorage(OBJECT)2.6uni.removeStorageSync(KEY)2.7 案例练习三、图

文章图片
#前端#uni-app#前端框架
Flex布局常见父项属性(三)- align-items, align-content和flex-flow

1.align-items用于设置侧轴上的子元素排列方式(单行)该属性用于控制子元素在侧轴(默认为y轴)上的排列方式,在子元素为单项时使用1.1属性值属性值说明flex-start从上到下;默认值flex-end从下到上center垂直居中stretch拉伸1.2案例1.设置align-items属性值:center为了能够更好区别,先设置主轴(x轴)居中,再设置侧轴(y轴)居中/* 父级

文章图片
#css3#css#前端
到底了