普通网友-优快云博客

原创前端响应式布局为什么是个坑？

是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

2024-05-17 01:53:28 527

前言今天介绍的是进行web前端页面布局精灵图的使用,包括为什么使用精灵图？怎么使用？一、精灵图是什么？1.概念：精灵图就是有许多很小的图标组成的一个大图，而一个个小图是我们需要用到的。例如图片中的ABCD…2.图片示例：二、为什么使用精灵图？1.用户体验而言：在用户使用网页时，首先页面越华丽速度越快越好,如果使用一系列的小图标,不将所有的小图片全放在一张图片上,页面一旦卡顿,那么只会展示出一部分图标,会使页面看起来很乱,使用精灵图就是将一部分图标绑定在一起页面卡顿时。

2024-05-16 03:33:59 400

原创【建议收藏】2024字节跳动、腾讯、阿里巴巴等一线互联网校招前端面试真题解析

事件代理，又称之为事件委托。是JavaScript中常用的绑定事件的常用技巧。顾名思义，“事件代理”即是把原本需要绑定的事件委托给父元素，让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。

2024-05-15 21:07:26 463

原创 Web网站模板-响应式旅游旅行团酒店预订展示网站模板(HTML+CSS+JavaScript前端大作业)

【代码】Web网站模板-响应式旅游旅行团酒店预订展示网站模板(HTML+CSS+JavaScript前端大作业)

2024-05-15 03:33:35 204

原创 Vue路由与无痕浏览

1、确保引入Vue.vue-router的js依赖。2、首先需要定义组件（就是展示不同的页面效果）3、需要将不同的组件放入一个容器中（路由集合）5、将路由挂载到Vue实例中。4、将路由集合组装成路由器。

2024-05-14 23:54:20 265

原创 vue从入门到精通之进阶篇（一）vue-router：导航守卫(2)

需求：在导航完成之前获取数据，之后再渲染DOM。

2024-05-14 21:20:17 153

原创 Vue3的学习记录(2)

v2版本中组件有两种组件类型：有状态组件和函数式组件（无状态组件）,相对于有状态组件，函数式组件不需要被实例化，无状态，没有生命周期钩子，它们的渲染速度远高于有状态组件。往往通常被适用于功能单一的静态展示组件从而优化性能。除此之外，函数式组件还有返回多个根节点的能力。在v3版本中，有状态组件和函数式组件之间的性能差异已经大大减少，在大部分场景下几乎可以忽略不计。所以函数式组件唯一的优势就在一返回多节点的能力，但这种通常运用比较少，且组件往往比较简单，具体语法糖如下：// 函数创建。

2024-05-14 16:05:02 403

原创 vue3之setup的使用理解(1)

)});},},},//…vue3setup(){//1.设置一个 ref同名属性,并使用ref(null)包装const ruleForm=ref(null)//通过ref或reactive包裹起来让其成为响应式数据//2.一旦后面return {ruleForm},vue3会自动绑定ref="ruleForm"的组件//设定方法,但是要通过ruleForm.value才能拿到组件。

2024-05-14 13:18:51 819

原创 Vue3 + Vite2 + Typescript + vue-router4 + sass + vuex4 + Element-plus（最新的技术，最详细的搭建

到这里 Vue3+vite2+Typescript+vue-router+sass 就有了。到这里 Vue3+vite2+Typescript+vue-router就有了。到这里，Vue3+vite2+Typescript就有了。修改views下面的Home.vue。mmd:‘vuex成功’第四步，安装Vuex4。第三步，配置sass。

2024-05-14 12:10:52 296

原创 PHP - Laravel 控制器创建（关联路由、路由命名空间分组）(1)

路由样式Route::请求方式(‘url’, 匿名函数);Route::请求方式(‘url’, ‘控制器名称@操作方法’);Route::请求方式(‘url’, ‘命令空间\控制器名称@操作方法’);通过创建控制器命令，创建两个控制器// 创建一个登录控制器，在根目录 Controllers 中// 创建一个退出控制器，在 Controllers/Admin 中，Admin 文件需要手动创建路由绑定控制器并调用指定方法，web.php文件中：// 路由控制器 - 登录。

2024-05-13 13:57:16 825

原创 Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城（SSM前后端分离项目）二十二（下单和微信支付）(2)

CREATE_ORDER_ERROR(500,“创建订单失败”),UN_PAY(1,“未付款”),PAYED(2,“已付款，未发货”),DELIVERED(3,“已发货，未确认”),SUCCESS(4,“已确认，未评价”),CLOSED(5,“已关闭，交易失败”),RATED(6,“已评价”),;在ly-common当中创建CartDTO，将下面order当中CartDTO复制一份到ly-common当中。

2024-05-13 00:46:04 641

原创 JavaScript字符串(2)

/ toLocaleLowerCase() 根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射。// toLocaleUpperCase() 根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射。// slice() 提取字符串的片断，并在新的字符串中返回被提取的部分。// substring() 提取字符串中两个指定的索引号之间的字符。// concat() 连接两个或多个字符串，返回连接后的字符串。

2024-05-12 12:06:48 395

原创 HTML标签及案例超详细笔记

dl(defination list)：定义列表dt(defination title)：定义标题dd(defination description) ：定义描述定义标题定义描述定义标题定义描述2.9 超链接标签超链接可以是文本也可以是图片，可以点击链接标签，进入新的文档，或者是当前文档中的某个部分；a标签href="跳转的地址"跳转外网需要添加协议target：* \_self：在当前窗口直接打开* \_blank：新建一个窗口打开这个资源地址。

2024-05-12 03:15:51 715

原创 Day03-前端技术es6

2、const声明常量（只读变量）3、结构赋值结构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。

2024-05-10 15:33:41 240

原创我的Serverless实战——引领云计算的下一个十年(2)

从用户角度，他需要做的只是编码，然后把代码上传到函数计算中。上传代码就意味着应用部署。当有高并发请求涌入时，开发者也无需手动扩容，函数计算会根据请求量毫秒级自动扩容，弹性可靠地运行任务，并内置日志查询、性能监控、报警等功能帮助开发者发现问题并定位问题。函数计算是事件驱动的无服务器应用，事件驱动是说可以通过事件源自动触发函数执行，比如当有对象上传至OSS中时，自动触发函数，对新上传的图片进行处理函数计算支持丰富的事件源类型，包括日志服务、对象存储、表格存储、消息服务、API网关、CDN等。

2024-05-09 18:13:40 572

原创【Vue 学习】- VueJS 常用系统指令

在前面使用插值表达式的时候，都是在标签内部写插值表达式，如果要给标签的属性赋值，绑定插值表达式，那就要用到 v-blind 指令。v-on:keydown 指令表示键盘按下事件，这里做一个案例：让键盘只有按下 0~9 才有效，其他按键均无效。v-on:mouseover 指令表示鼠标移动到某个文件域事件，案例：在一个文件域上模拟鼠标移动和阻止事件传播。来看案例：在设置HTML文本字体颜色的时候，可以使用 v-blind 来绑定颜色。创建text，用来键盘输入显示，绑定函数并传入 event 参数。

2024-05-07 08:31:46 450

原创 web前端面试官：如何让你开发的组件支持 v-model，在往细了说一说

data中的user对象有name属性，没有age属性，但是v-model=“user.age”，user中就会增加一个相应式属性age。组件使用v-model相当于在组件上添加:value @input事件，可以通过model属性自定义设置，与data、props同级。在定义 vue 组件时，你可以提供一个 model 属性，用来定义该组件以何种方式支持 v-model。：如果v-model绑定了相应式对象里不存在的值，vue会自动增加这个属性，并且是响应式的，// 默认的 model 属性。

2024-05-07 04:42:13 461

原创 jQuery学习教程，写更少的代码,做更多的事情（一）

外链图片转存中…(img-9powx2OR-1714925528431)][外链图片转存中…(img-Y62qumSn-1714925528431)]

2024-05-06 00:12:19 525

原创 CSS中字体样式属性

华文细黑：STHeiti Light [STXihei]仿宋_GB2312：FangSong_GB2312。蘋果儷細宋：Apple LiSung Light。儷黑 Pro：LiHei Pro Medium。楷体_GB2312：KaiTi_GB2312。儷宋 Pro：LiSong Pro Light。华文中宋：STZhongsong。华文仿宋：STFangsong。华文楷体：STKaiti。华文细黑：STXihei。华文黑体：STHeiti。华文宋体：STSong。仿宋：FangSong。

2024-05-05 00:58:47 311

原创《黑马程序员》通讯录管理系统实战

小编也是很有感触，如果一直都是在中小公司，没有接触过大型的互联网架构设计的话，只靠自己看书去提升可能一辈子都很难达到高级架构师的技术和认知高度。向厉害的人去学习是最有效减少时间摸索、精力浪费的方式。我们选择的这个行业就一直要持续的学习，又很吃青春饭。虽然大家可能经常见到说程序员年薪几十万，但这样的人毕竟不是大部份，要么是有名校光环，要么是在阿里华为这样的大企业。年龄一大，更有可能被裁。送给每一位想学习Java小伙伴，用来提升自己。

2024-05-04 06:35:55 809

原创 TCP 协议面试灵魂 12 问 !(1)

关于分布式，限流+缓存+缓存，这三大技术（包含：ZooKeeper+Nginx+MongoDB+memcached+Redis+ActiveMQ+Kafka+RabbitMQ）等等。这些相关的面试也好，还有手写以及学习的笔记PDF，都是啃透分布式技术必不可少的宝藏。以上的每一个专题每一个小分类都有相关的介绍，并且小编也已经将其整理成PDF啦《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》点击传送门，即可获取！一下，把两个包的 ACK 合并后一起回复呢？

2024-05-04 04:49:39 847

原创 SpringIOC源码解析（8）—— 注解配置的资源定位、加载、解析、注册全链路概览

小括号里的this展开之后会发现有一个内置的beanFactory，这时已经创建出来了，它是DefaultListableBeanFactory实例，前面xml方式中它是在refresh()方法中才创建出来的实例，所以注解的内置容器是先于xml创建出来的，之所以要提前创建出来是因为注解容器启动时会有一些系统自带的BeanDefinition注册到系统中，所以要先创建出来DefaultListableBeanFactory实例以提供对这些系统BeanDefinition的注册。构造方法传入的参数this是。

2024-05-04 02:43:05 873

原创 SpringBoot-2-3-x分层构建Docker镜像实践

给大家送一个小福利附高清脑图，高清知识点讲解教程，以及一些面试真题及答案解析。送给需要的提升技术、准备面试跳槽、自身职业规划迷茫的朋友们。《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》点击传送门，即可获取！次推送镜像## 第三次推送镜像给大家送一个小福利[外链图片转存中…(img-6ztBOLcH-1714755211535)]附高清脑图，高清知识点讲解教程，以及一些面试真题及答案解析。送给需要的提升技术、准备面试跳槽、自身职业规划迷茫的朋友们。

2024-05-04 00:53:42 902

原创 Spring Boot 环境变量读取和属性对象的绑定(1)

《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》，点击传送门，即可获取！package org.springframework.core.env;/**Interface representing the environment in which the current application is running.Models two key aspects of the application environment: profiles andproperties. Meth

2024-05-03 22:45:15 845

空空如也

空空如也