前端开发
-
CSS学习大纲: typora-copy-images-to: media CSS的发展历程 从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。 随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。 CSS 网页的美容师 CSS的出现，拯救了混乱的HTML，当让更加拯救了我们web开发
2024-11-19 -
在处理时间格式时，特别是通过json序列化datetime类型，返回给前端进行展示，你会发现的字符串带T。 例如：2017-09-05T13:08:56.080 在时间和日期之间会帮我们加个字母大些T，那如何解决呢？ 一、提前在后端处理时间格式 将datetime类型转换成string类型，不要以datetime类型进行json序列化，这样可以避免问题。 二、在前端通过js进行格式 首先我们扩展new Date的方法：pattern Date.prototype.pattern = fun
2024-11-19 -
@mixin标识符来定义混合器 @include嵌套规则 混合器传参 混合器传参，默认参数值 key:value 这里做了参数的引用 选择器继承 一定是一个选择器继承另一个选择器里面的样式 html元素继承 @extend为元素继承 列： @extend a 继承a元素 sass里的数据类型: 数字 例如：1、2、13、10px。 字符串 包括有引号字符串与无引号字符串，例如："foo"、'bar'、baz。 颜色 例如：blue、#04a3f9、r
2024-11-19 -
//根据日期获取一周的第一天和最后一天 function getDate(dateStr) { const date = new Date(dateStr); const week = date.getDay(); // 获取该日期在一周中的第几天，0-6，0 表示星期日， /*一周从周一至周日*/ const startTime = new Date(date.getTime() - (week - 1) * 24 * 60 * 60 * 1000);//周一日
2024-11-19 -
<script> import { defineComponent, reactive, toRefs, watch } from "vue"; export default defineComponent({ setup(props, { emit }) { const state = reactive({ province: '',// 省份 country: '', // 城市 detailedAdress: '', // 详细地址
2024-11-19 -
在React应用程序中进行移动端适配是很重要的，因为移动设备和桌面设备的屏幕尺寸和交互方式可能有所不同。以下是一些常用的方法来实现React应用程序的移动端适配： 我来给你一些具体的代码示例，展示如何在React应用中实现移动端适配的常见方法。 1. 使用媒体查询和CSS样式 在React的CSS文件（如styles.css）中，可以使用媒体查询来根据不同的屏幕宽度应用不同的样式。 2. 使用Flexbox和Grid布局 在React组件中使用Flexbox和Grid布局来创建灵活的布局。
2024-11-19 -
1. 当比较当前业务逻辑获取到的字符串变量是否等于另一个字符串时，使用org.apache.commons.lang3.StringUtils.equals方法 //业务场景中可能会拿到空值 String str = null; System.out.println(str.equals("test"));//NullPointerException System.out.println(StringUtils.equals(str, "test")); 2. 返回对象做非空判断 Object
2024-11-19 -
程序准备 package org.example; import io.netty.channel.nio.NioEventLoopGroup; import org.redisson.Redisson; import org.redisson.api.ObjectListener; import org.redisson.api.RAtomicLong; import org.redisson.api.RFuture; import org.redisson.api.RedissonClie
2024-11-19 -
Pinia初始化 创建VUE3项目 npm init vite @latest 安装Pinia npm install pinia 将Pinia挂载到vue实例 main.ts import {createApp} from 'vue' import App from './App.vue' import {createPinia} from "pinia"; createApp(App) .use(createPinia()) .mount('#app') 在src
2024-11-19 -
React官方没有指定任何特定的异步请求技术，但是官方给的示例程序都是使用：fetch 1、fetch的基础使用 //使用fetch发起GET请求 let url = '....' fetch(url) .then(response=>{ response.json( ) //解析JSON响应 .then(data=>clg(data)) .catch(err=>clg(err)) }) .catch(err=>clg(err)) //
2024-11-19