组件 页面html5 html
微信小程序实现类似elementUI的Timeline时间线效果，自适应页面与文本
<view class="box"> <view wx:for="{{list}}" wx:key="index" class="one"> <view class="onedot"></view> <view wx:if="{{index!=list.length-1}}" class="onel ......
vue3 多级数据下拉选择组件
若依的下拉组件太复杂，我改了一下，希望对大家有帮助，基于 element-plus el-tree-select 组件： 举个栗子，TreeSelect.vue： <template> <div> <el-tree-select style="width:100%" v-model="valueId ......
不让 nginx 缓存 html、htm
location / { if ($request_filename ~* .*\.(?:htm|html)$) { add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate"; ......
vue2自定义组件@click点击失效问题及解决
1.参照官方文档，可以用@click.native=“click”解决 2.$emit组件之间事件传递解决 https://www.jb51.net/article/246610.htm ......
对于页面元素上下居中的注意点
margin:0 auto；这种方式时常用的页面左右居中方式。但是margin:auto 0；并不能实现上下居中，需要上下居中的情况用垂直对其方式，virtual-align:middle，基于中线对其，还有其他的对其方式如下： ......
若依--图片预览组件
若依的图片预览组件，很实用，放在这里： <template> <el-image :src="`${realSrc}`" fit="cover" :style="`width:${realWidth};height:${realHeight};`" :preview-src-list="realSr ......
Vue3 图片上传组件
基于 vue3 element-plus 图片上传组件封装，兄弟姐妹们，将就看一下吧，上代码： <template> <div class="component-upload-image"> <el-upload :limit="limit" :action="uploadFileSignleUrl ......
Vue3 文件上传组件
基于 vue3 element-plus 文件上传组件封装，兄弟姐妹们，将就看一下吧，上代码： 支持：粘贴文件路径上传、文件识别开关 <template> <div> <div v-if="canRecognition"> <el-checkbox v-model="isRecognition">开 ......
vue3 证件识别上传组件封装
证件图片识别上传 根据业务需要，经常涉及到证件上传，例如身份证上传、银行卡、营业执照等信息，根据设计师的设计，单独封装了一个上传组件。识别接口后端用的是阿里云的。 上传组件用的是 element-plus el-upload 上代码： <template> <div class="component ......
若依--字典标签组件完善
由于若依是基于element，但是在实际业务中，往往会出现标签不够用的情况，数据标签回显样式只有一下六种： // 数据标签回显样式 const listClassOptions = ref([ { value: "default", label: "默认" }, { value: "primary" ......
uniapp子组件监听触底
在主页面中添加事件 onReachBottom() { uni.$emit('onReachBottom'); }, 在子组件中添加监听触底事件 mounted() { var that=this; uni.$on('onReachBottom', function(data) { console. ......
draggable 组件使用（拖拽排序及拖拽交换功能 swap）
一、template 里 <draggable v-model="myArray" group="people" @start="drag = true" @end="drag = false" > <div v-for="element in myArray" :key="element.id"> ......
界面控件DevExpress Blazor UI v22.2亮点：全新的Window组件
DevExpress拥有.NET开发需要的所有平台控件，包含600多个UI控件、报表平台、DevExpress Dashboard eXpressApp 框架、适用于 Visual Studio的CodeRush等一系列辅助工具，该组件拥有众多新产品和数十个具有高影响力的功能，可为桌面、Web和移动 ......
列表的批量操作组件封装 + 权限 ，如何更优雅的实现呢？Vue3
这个组件解决的问题？ 在以往的项目当中，我从未想过要对 批量/列表数据的操作按钮做什么变动，直到最近的一次开发，让我突然觉得可以将操作按钮也做成一个公共组件，在做前端开发时，更加专注于js代码逻辑。 如何使用？ 全局(main.js中)引用操作组件 BatchOperation.vue 创建页面操作 ......
html5 svg 圆形进度条
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5中的SVG属性实现圆形进度条效果</title> <style> #a{color:red;} </style> </head> <body> <sv ......
如何从develop分支拉取代码,开发页面和合并提交
我以04官网为例子,在我开发页面的时候,第一步是先切到生产分支,然后不要用vscode自带的操作,改用git pull拉取最新代码,,此时生产的页面是这样的 我再从develop拉出一个测试分支Jenkins,以及预发布分支release,此时我的需求是这个"开发分支"改成"本地分支",页面文字统一 ......
k8s集群组件
k8s集群有以下组件： Master：Kubernetes集群的控制中心，包括： API Server：在Kubernetes集群中，API server 扮演一个接口，使用户和管理员可以通过 kubectl 或其他工具与集群进行交互，而不必直接与底层组件打交道。同时，所有其他 Kubernetes ......
小米商城主页展示HTML+CSS
大佬们呀，花了好几天的时间总算是看着页面展示可以了，求赐教！ 小米商城主页，对大佬来说肯定简单爆了，我抄写了好久呀，总是有一点点的小问题，还搞不明白 主要是一个静态的小米商城页面，HTML前端代码不复杂，一堆的div和ul、li就没问题了，主要是css代码搞不懂导致显示不正常 话不多说，直接上代码： ......
第10章：10W QPS真刀实操__以及基于ZK+Netty手写分布式测试工具 177手机路人甲账号 主目录 暂时没用(新买云主机安装一些基础组件)
10W QPS真刀实操__以及基于ZK+Netty手写 分布式测试工具 参考链接 系统架构知识图谱（一张价值10w的系统架构知识图谱） https://www.processon.com/view/link/60fb9421637689719d246739 秒杀系统的架构 https://www.p ......
js 打印页面局部区域（指定位置）
1.情景展示 在浏览器的网页上，我们可以通过window.print()实现网页的打印功能。 但是，该方法打印的是当前网页上面所有展示的内容，如何只打印指定区域内容呢？ 如下图所示，只将送检申请单所在区域打印出来，其它位置不用管，如何实现？ 2.具体分析 window.print()打印的是全部内容 ......
postcss-px-to-viewport 页面适配插件
使用教程 文章1：https://www.cnblogs.com/zhangnan35/p/12682925.html 文章2：https://www.jianshu.com/p/6e53f8f9634d ......
前端配置化表单组件设计方法
前端开发中涉及表单的页面非常多，看似功能简单，开发快速，实则占去了很大一部分时间。当某个表单包含元素过多时还会导致html代码过多，vue文件过大。从而不容易查找、修改和维护。为了提高开发效率及降低维护成本，下面介绍表单配置化组件的封装原理与封装方法。 ......
vue编码一个简单的组件
###基于上一篇博客，现在我来学一下，如何根据vue编写一个简单的组件 ##第一步：导入vue.js模板 ##第二步：代码编写，定义一个Vue组件component ##第三步：还是需要id填写app调用这个script zujianmingcheng == 组件名称 （自定义的） 全部代码演示 < ......
微信小程序的坑~返回上级页面后再次进入该页面，定义的全局变量未被重置
A页面跳转到B页面后，B页面在page上面定义了全局的变量，从B页面返回上级页面A后，再次进入B页面，会保留上次B页面全局变量更改后的数据，而不是重新初始化数据。 解决 page外部的变量，在小程序初始化的时候就加载了，并且中途不会变的。。 你可以试试，在非首页的页面的page外console.lo ......
uniapp默认tabBar在页面中隐藏
一、在页面pages.json设置tabBar 这样我们在uniapp里面才可以进行tabbar的跳转 二、要对默认的隐藏设置需要对页面的生命周期设置 在对应的默认tabBar页面里面设置进行隐藏tabbar uni.hideTabBar() 三、就是使用我们自己的tabbar组件喽 ......
iframe父页面调用子页面方法 子页面传数据到父页面
//父页面 <template> <div> <iframe id="PanIframe" width="100%" height="2000px" src="http://127.0.0.1:7006/formCreateDesigner"></iframe> </div> </template> ......
forms组件与源码分析、modelform组件
一、forms组件 forms组件介绍 我们之前在HTML页面中利用form表单向后端提交数据时，都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要对用户的输入做校验，比如校验用户是否输入，输入的长度和格式等正不正确... 如果用户输入的内容有错误就需要在页 ......
django内置序列化组件（drf前身）
## 一、django内置序列化组件(drf前身) 这里的内置序列化组件，其实就是实现将后端数据，存放到字典中或是存放到列表中有序输出。 这里是我们用JsonResponse模块自己实现的代码 '''前后端分离的项目 视图函数只需要返回json格式的数据即可''' from app01 import ......
一统天下 flutter - widget 自定义: 通过 CustomPaint 实现自定义组件
源码 https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 自定义: 通过 CustomPaint 实现自定义组件 示例如下: lib\widget\custom\custom_paint.dart /* * ......
一统天下 flutter - widget 自定义: 通过 SingleChildRenderObjectWidget 实现自定义组件
源码 https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 自定义: 通过 SingleChildRenderObjectWidget 实现自定义组件 示例如下: lib\widget\custom\sing ......