- 博客(128)
- 收藏
- 关注
RSS订阅原创 【前端小组件实现】 鼠标经过标签元素显示，另一个元素宽度改变。float，inline-block，block
首先我们需要肯定的是这个组件里面是一个li标签里面包含了三个标签元素，一个是序号标签，一个是歌名的标签，另一个是按钮组标签。首先我们需要知道div是块级元素，如果内部元素是块级元素就会导致分行。如下结果所示：这个问题可以设置inline-block解决。然后就是hover设置3显示，2缩短。//子元素选择器 display : inline-block;//子元素选择器 display : inline-block;
2025-03-18 14:46:33
414
原创 【前端css】position定位
在这个案例中4是粘性定位sticky，所以在向上滚动的时候不会出屏幕，3是absolute脱离了文档流，所以以前的4到3文档流位置。3、absolute 绝对定位，别的元素会挤占其原本空间，是相对于他的包含他的元素而言的，就是父级元素而言。如果选择的是这个定位，那么css中的left、right、bottom、top不会发生作用。他是针对浏览器边框的，正常情况下在文档流位置，当要滚动出浏览器之后，被限制在定位位置。2、relative 相对定位，相对原来的位置，别的元素不会挤占其原本空间。
2025-03-03 20:44:07
457
原创 [前端] 学习内容总结，css样式居中以及点击包裹a标签的容器元素也能触发a标签的点击事件
flex中justify-content是指定子元素在主轴上的对齐方式；align-items是子元素在交叉轴上的对齐方式。所以我们可以通过设定这两个属性为居中来使子元素居中。
2025-02-25 20:00:21
345
原创 【react-redux】react-redux中的 useDispatch和useSelector的使用与原理解析
redux、useSelector、useDispatch
2025-02-01 23:17:32
435
原创 【前端】 Geolocation api 以及 本地存储相关内容
本地存储（localStorage），会话存储（sessionStorage），geolocation api
2024-12-18 19:12:42
1165
原创 【flask web】补充内容，session、全局对象g、装饰器、钩子函数。
1、flask中要使用session的话需要在配置文件中的SECRET_KEY，这个secret_key是用来加密字符串的。服务器中的session就是浏览器中的cookie2、session在flask中的使用2、session还可以设置session过期时间，一般不设置的话就是浏览器关闭就是结束了。
2024-11-06 02:04:17
488
1
原创 【flask-wtf】 表单验证器
其中传入的self是子类验证器类的self对象，里面包含了所定义的数据，可以通过它来访问除了email之外的其他元素数据。这里首先是需要继承原始类（wtforms.Form）来创建子类验证器类（RegistrationForm）。validation_表单元素名：这里的表单元素名是前端给后端传递的元素名，需要匹配。然后通过表单域类型来创建相关的表单元素，这里附带了相关的验证方式。使用验证器类去验证表单元素填写是否正确。
2024-10-29 11:44:23
444
原创 【flask】 flask redis的使用
这里的value如果不进行解码，它输出的时候会是 b’Hello World’ 这种格式，这是因为redis使用的是二进制安全的协议，它允许存储和检索任意二进制数据，而在python中，数据是以字节字符串的形式返回。下面的写法是对项目代码进行模块化拆分的写法，在app.py中只进行对象的初始化等操作；config.py中配置相应的信息；如果你需要创建类，则使用model.py。目的：如何使用在flask web项目中连接redis，并简单的使用。在config文件中进行redis配置。
2024-10-28 09:03:40
463
原创 【flask】 前后端通信方式 原生js的ajax，总结
js中的ajax如果要传递参数，如果是get参数直接在url后面填写即可；如果是post参数，需要在xhr.send()方法后面添加所要传递的参数。参数之间用’&’连接。首先是获取到按钮，给按钮添加点击事件。点击事件内部逻辑为获取到邮箱输入框中所输入的邮箱，并将其传递给后端。例子是前端需要给邮箱发送验证码。所以需要填写邮箱，然后点击按钮，发送验证码给所填写的邮箱。前段传递给后段数据（ajax）
2024-10-27 21:20:17
389
原创 【flask web】 Blueprint 蓝图 路由模块化
然后利用蓝图路由对象可以设置静态文件的文件夹地址。Blueprint 蓝图的作用是：使路由模块化。1、导入库包：这是是路由文件里面导入的哦。这个是直接从根目录下static文件夹中。bug：静态文件路由。
2024-10-22 21:48:54
602
原创 [flask web] 利用pycharm社区版创建flask项目
首先，我们要懂一点，其实利用专业版本创建的框架也只是去引用一下库里的py文件，因此，只需要知道一个flask web的项目需要哪些东西就可以了。
2024-10-21 17:35:35
681
原创 [python flask 数据库ORM操作]
我们选择的框架是flask-sqlAlchemy 这个框架是对pymysql的封装。连接数据库这里就已经脸上数据库了。
2024-10-21 13:42:40
897
原创 [python flask web：bug解决] 应用上下文与http请求
进行包裹，原因就是每次http请求都会被视为一个独立的事件，这意味着应用程序需要为每个请求提供一个全新的环境来处理该请求。因此，需要有一个独立的资源空间，所以需要用应用上下文管理。2、存储应用程序级别的信息，因为它不会在线程间移动，也不会在请求间共享。但是，在python里，发起请求必须在应用上下文里进行请求。3、使用应用上下文可以避免在没有请求时创建不必要的昂贵操作。文件操作，进程线程之间的互斥对象，支持上下文其他对象，1、缓存在请求之前创建的资源，例如：数据库连接。1、实现自动调用对象资源的释放。
2024-10-21 12:31:12
409
原创 【前端】prop传值的用法
props是只读的，如果需要修改可以复制props中的内容到data中一份，然后去修改data中的数据。因为vue底层会检测对props的修改，如果进行了修改，就会发出警告。prop配置项的作用是让组件接收外部传过来的值。方式2:利用对象方式设置数据类型进行类型限制。方式3：比较完整的带有prop验证方式的写法。组件标签上传值给vue组件对象。
2024-09-17 22:25:12
605
原创 【前端】main.js中app.vue中 render函数的作用及使用背景
vue.js中的main.js中的作用是将app组件挂载到页面中，其中app组件是汇总所有组件元素的组件。Vue = 核心+模版解析器（1/3） 带有runtime的vue.runtime.xxx.js都是运行时vue 没有模版解析器的文件。ps: 简单来说，render函数字符串模版的代替方案，接收createElement创建的标签来将所创建的dom元素渲染到页面上。上述两个版本之间的区别在于用了render函数和没有用render函数，render的作用是将js中所搭建的标签模版渲染到页面中。
2024-09-14 23:44:34
695
html、js搞了个微笑的表情 感觉还挺有意思的，在这个案例里面学了个vh、vw和vmin、vmax vh是视窗高度的百分比，vw是视窗宽度的百分比；vmin是vw和vh中的较小值，vmax则相反
2025-02-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人