组件 页面html5 html
drf-序列化组件
一、序列化组件介绍 基于原生django写接口：json格式数据要自己序列化，urlencoded：传过来的数据要用for循环来取出值，在定义成字典的形式，比较麻烦。 借助于drf提供的序列化组件来完成快速序列化 使用步骤： 1 先在配置文件中注册 ： INSTALLED_APPS = [ 'res ......
H5退出页面，切换页面createInnerAudioContext仍然继续播放，无法停止播放
必须同时添加stop和destory 只使用其中一个无法停止和销毁 ......
h5(html5)+css3前端笔记六
#浮动 ##1.1传统网页布局的三种方式 普通流、浮动、定位 网页布局的本质一一用CSS来摆放盒子。把盒子摆放到相应位置 ##1.2标准流（普通流/文档流） 1. 块级元素会独占一行，从上向下顺序排列。 常用元素: div、hr、p、h1~h6、ul、ol、dl、form、table 2. 行内元素 ......
基于vue3 封装一个图片裁切功能组件 vue-cropper.js
##使用的vue-cropper.js，官方文档 https://github.com/xyxiao001/vue-cropper ##附图片各格式之间的转换 https://www.cnblogs.com/huihuihero/p/17667325.html ##注意：下载vue-cropper. ......
子组件样式穿透不生效问题
今天用element-plus的抽屉el-drawer组件，写了一个自定义的子组件，父组件为外层的detail.vue文件。 默认的el-drawer内有padding 然后在detailDrawer.vue组件里，用deep穿透，怎么也覆盖不了，都没有识别到，我甚至用了important，也试过删 ......
VUE3 页面空白不报错，刷新之后正常显示
问题： VUE用的不多，写了两个页面展示表格和图形，刚开始运行正常，页面切换也没有问题。 后面增加一些代码后，页面显示空白，但前后端都不报错，并且先点击此菜单再点别的也都变空白。 原因： 1、<template>中间没有div标签 错误写法： <template> 直接开始布局 </template ......
HTML td 或者th 设置宽度无效
最近我在做一个网站的表格布局，遇到了一个困难，就是 html 中 td 的宽度设置无效。 我在设置 td 的宽度时，使用了 width 属性，但是实际效果却不符合我的预期。经过一番研究，我总结出了以下几点原因。 1、首先， td 的宽度会受到表格宽度和单元格内容宽度的影响。如果表格宽度不足以容纳 t ......
完全基于html和three.js实现的魔方
记录大学时代的一个实验demo 代码完全基于html、three.js实现 1. 实现效果演示： 2. 项目结构： 3. three.js需自行下载依赖包，index.html完整代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti ......
前端页面居中详解
在前端页面中，有多种方法可以实现居中布局。以下是一些常见的方法： 1. 使用Flexbox布局：可以使用Flexbox布局将元素水平和垂直居中。通过设置父元素的`display: flex;`、`justify-content: center;`和`align-items: center;`属性，可 ......
Django-rest-framework框架——请求与响应、视图组件
[toc] # 一 请求与响应 ## 1.1 Request REST framework 传入视图的request对象不再是Django默认的HttpRequest对象，而是REST framework提供的扩展了HttpRequest类的**Request**类的对象。 REST framewo ......
利用html标记跳转特性。
使用html锚点定位文章位置 因为博客园的的标记系统我不知道，我得查一下  我们可以同通过F12查看审查元 ......
SpringBoot集成Shiro组件
项目使用的springboot 版本是 2.7.15 全部 pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www. ......
2.x mybatis 使用sharedingJdbc分表组件时间类型LocalDateTime或LocalDate，把Timestamp转成LocalDateTime或LocalDate
可能发生的报错信息： Cause: java.lang.ClassCastException: java.sql.Timestamp cannot be cast to java.time.LocalDateTime； 或 Cause: java.lang.ClassCastException: j ......
vue菜单组件中图标跟随菜单高亮变化颜色
#### 问题 在vue左侧菜单中，使用设计师的svg图标有时候不能跟随菜单高亮而改变颜色 未高亮时显示灰色 ![image](https://img2023.cnblogs.com/blog/2248381/202308/2248381-20230830100424270-1668796287.p ......
vue2.0截图 html2canvas or dom-to-image 并解决openlayers截图空白问题
1.版本 "dom-to-image": "^2.6.0", // or "html2canvas": "^1.4.1", 2.引入 import domtoimage from 'dom-to-image'; // or import html2canvas from 'html2canvas'; ......
aspx.cs后台如何把datatable显示在前端页面
aspx.cs后台如何把DataTable数据显示在前端页面 1.首先我们在前端的aspx文件中，写一个带有 asp:Repeater控件的table 注意：一定要给asp:Repeater控件写一个ID，我们是通过这个id赋值的。 2.这个方法无论数据是DataTable格式的，还是List格式的 ......
智能界面组件DevExpress BI Dashboard — 新的导出功能(v23.1)
在DevExpress v23.1发布周期中，官方扩展了DevExpress BI Dashboard项的导出功能，这些增强功能适用于WinForms、WPF和Web平台，包括以下选项： 将自定义Dashboard项导出到Excel并自定义导出的文档本身 在导出期间自定义Pivot Grid Das ......
html5之拖放详解
拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。 1.drggable属性 如果网页元素的draggable元素为 ......
用js动态生成html页面
首先思路明确：生成的元素是一个完整的DOM对象；这些DOM对象的属性可以是字符串，xml文件，也可以是json格式的数据，存储在后台或者其它位置；通过层层解析，顺着DOM层级关系动态创建在html文档流中；这些html文档放于不同的模板文件中相应生成不同样式的效果。 以下就json格式存储的数据，简 ......
HTML中行内样式的修改
遇到的问题： 具体的HTML代码： 解决办法，在前端页面中修改样式 <style> .layui-table-main{ height:100%!important; }</style> 该问题中style样式是行内样式，所以在修改代码时记得加上 important 来增加权重。 ......
关于商品活动的H5页面的技术总结
# 背景 在单个html文件里面使用vue3、jquery等其他第三方js库，实现规定的页面效果，其中主要功能是从商品json数据中读取数据，然后可以通过搜索框、下拉框、左侧菜单来筛选商户信息。 # 页面布局 ![image.png](https://p1-juejin.byteimg.com/to ......
vue2父子组件传值
在Vue中，父子组件之间有多种方式可以进行数据的传递。以下是两种常见的父子组件传值方式的详细代码和讲解： 1. 使用props进行属性传递： - 父组件通过在子组件标签上绑定属性，将数据传递给子组件。 - 子组件通过在props对象中定义属性来接收父组件传递的属性，并在组件内部使用。 父组件： `` ......
小程序组件使用
在小程序中，父子组件之间可以通过属性和事件来进行数据的传递。 1. 使用属性传递数据： - 父组件可以通过在子组件的标签上绑定属性，将数据传递给子组件。 - 子组件可以在组件的 `properties` 属性中定义接收父组件传递的属性，并在组件内部使用。 - 父组件通过改变绑定的属性的值，可以实现向 ......
paging组件的用法和意义
一.Paging组件的意义 分页加载是在应用程序开发过程中十分常见的需求，我们经常需要以列表的方式加载大量的数据，这些数据通常来自网络或本地数据库。然而，如果一次性将所有数据全部加载出来，必然会消耗大量的时间和数据流量，而且用户可能只是需要一部分数据就行。因此，Google便推出了paging组件， ......
微信小程序 scroll-view 组件的 bindscroll 不触发不生效
使用微信小程序基础组件中的scroll-view，但是滑动的时候 bindscroll 一直不生效。 <view class="container log-list"> <scroll-view scroll-y style="height:100%;white-space:nowrap;" scr ......
js设置时间组件
var date = new Date(), y = date.getFullYear(), m = date.getMonth(),d = date.getDate(); var monthFirstDay = new Date(y, m-1, d); var timeArr = [monthFi ......
OpenHarmony组件复用示例
本文转载自《#2023盲盒+码# OpenHarmony组件复用示例》，作者zhushangyuan_ ● 摘要：在开发应用时，有些场景下的自定义组件具有相同的组件布局结构，仅有状态变量等承载数据的差异。这样的组件缓存起来，需要使用到该组件时直接复用， ● 减少了创建和渲染的时间，可以提高帧率和用户 ......
一次html中展示xml字符串不显示问题记录
## 现象 在html中展示xml字符串时不显示 ## 原因 展示xml字符串时代码为document.getElementById("demoPre").innerHTML = xml字符串，此时xml并不会作为文本显示，而是将xml节点嵌入html中，而浏览器又不能解析xml节点，最后就不显示 ......
【Angular】 在组件内使用生命周期钩子函数如 OnDestroy 时，必须先 implements 么？
不是必须，就算不`implements`，它也能被成功识别为生命周期钩子函数。但是最佳实践建议加入`implements`，可以增加钩子函数的数据类型检查，以及阻止某些因为未加入`implements`导致的错误。 **参考：** [Angular Lifecycle Interface OnCha ......
vue~el-autocomplete实现组件化
# el-autocomplete核心参数 可以实现异步的数据拉取，从异步返回的数据中，选择需要的结果，并回显到文本框中。 ## fetch-suggestions 回调列表，异步的方式获取数据列表，显示在列表框中 ## @select 当选中某一项时，会触发这个方法，将数据获取到，这时，我们可以将 ......