javascript组件

一个卡片展示的前端组件

``` {{ item.total_number }} 个 {{ item.title }} ``` 效果图如下: ![](https://img2023.cnblogs.com/blog/3246303/202308/3246303-20230830204931861-1209762196.png ......
前端 卡片 组件

uniapp项目实践总结(三)全局公共组件和样式以及方法的使用

# uniapp 项目实践总结(三)全局公共组件和样式以及方法的使用 > 上一篇讲解了如何创建一个新的 uniapp 项目,这篇来讲解以下如何注册和使用全局的公共组件,全局样式和全局方法。 ## 目录 - 目录结构 - 公共组件 - 公共样式 - 公共方法 ## 目录结构 创建好项目以后,可以先初始 ......
全局 样式 组件 方法 项目

drf-序列化组件

一、序列化组件介绍 基于原生django写接口:json格式数据要自己序列化,urlencoded:传过来的数据要用for循环来取出值,在定义成字典的形式,比较麻烦。 借助于drf提供的序列化组件来完成快速序列化 使用步骤: 1 先在配置文件中注册 : INSTALLED_APPS = [ 'res ......
序列 组件 drf

网络渗透基础之JavaScript(上)

JavaScript用法 HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间。 Javascript 脚本代码可被放置在 HTML 页面的 <body> 和 <head> 部分中,下面是一个例子。这个例子是把JavaScript代码放在<bod ......
JavaScript 基础 网络

Javascript日期处理

获取指定日期所在周的第一天(周一) 1 /* 2 *获取指定日期所在周的第一天(周一) 3 *@params{d:string|Date} 默认值:今天 4 *@RETURN:Date 5 */ 6 function getFirstDayOfWeek(d){ 7 var date=d || new ......
Javascript 日期

基于vue3 封装一个图片裁切功能组件 vue-cropper.js

##使用的vue-cropper.js,官方文档 https://github.com/xyxiao001/vue-cropper ##附图片各格式之间的转换 https://www.cnblogs.com/huihuihero/p/17667325.html ##注意:下载vue-cropper. ......
vue-cropper 组件 vue cropper 功能

javascript 支持 超大上G,多附件上传

​ 这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数 下面直接贴代码吧,一些难懂的我大部分都加上注释了: 上传文件实体类: 看得出来,实体类中已经有很多我们需要的功能了,还有实用的属性。如MD5秒传的信息。 public c ......
javascript 附件

子组件样式穿透不生效问题

今天用element-plus的抽屉el-drawer组件,写了一个自定义的子组件,父组件为外层的detail.vue文件。 默认的el-drawer内有padding 然后在detailDrawer.vue组件里,用deep穿透,怎么也覆盖不了,都没有识别到,我甚至用了important,也试过删 ......
样式 组件 问题

Javascript高级篇之函数柯里化

什么是函数柯里化? 函数柯里化是一种技术,一种将多入参函数变成单入参函数。 这样做会让函数变得更复杂,但同时也提升了函数的普适性。 举个例子 (例一) //正常函数 function sum(a,b){ console.log(a+b); } sum(1,2); //输出3 sum(1,3); // ......
Javascript 函数

Django-rest-framework框架——请求与响应、视图组件

[toc] # 一 请求与响应 ## 1.1 Request REST framework 传入视图的request对象不再是Django默认的HttpRequest对象,而是REST framework提供的扩展了HttpRequest类的**Request**类的对象。 REST framewo ......

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. ......
SpringBoot 组件 Shiro

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 ......

JavaScript 冷知识

数据类型的判断 typeof Symbol(); // symbol 有效 typeof ''; // string 有效 typeof 1; // number 有效 typeof true; //boolean 有效 typeof undefined; //undefined 有效 typeof ......
JavaScript 知识

vue菜单组件中图标跟随菜单高亮变化颜色

#### 问题 在vue左侧菜单中,使用设计师的svg图标有时候不能跟随菜单高亮而改变颜色 未高亮时显示灰色 ![image](https://img2023.cnblogs.com/blog/2248381/202308/2248381-20230830100424270-1668796287.p ......
菜单 图标 组件 颜色 vue

智能界面组件DevExpress BI Dashboard — 新的导出功能(v23.1)

在DevExpress v23.1发布周期中,官方扩展了DevExpress BI Dashboard项的导出功能,这些增强功能适用于WinForms、WPF和Web平台,包括以下选项: 将自定义Dashboard项导出到Excel并自定义导出的文档本身 在导出期间自定义Pivot Grid Das ......
DevExpress 组件 Dashboard 界面 功能

JavaScript动态生成Form提交

function post(url, params) { var tempForm = document.createElement("form"); tempForm.action = url; tempForm.method = "post"; tempForm.style.display = ......
JavaScript 动态 Form

Javascript动态创建FORM提交

Javascript动态创建FORM提交 <script language="javascript" type="text/javascript"><!-- //function that creates the form, adds some elements //and then submits ......
Javascript 动态 FORM

03-JavaScript

变量: - 变量的声明和赋值:使用`var`、`let`或`const`关键字声明变量,并赋予其一个值。 基本数据类型: - 布尔值、数字、字符串、undefined、null等基本数据类型的概念和使用。 类型的转换: - 数据类型之间的转换,包括显式转换和隐式转换。 运算符: - 算术运算符、比较 ......
JavaScript 03

vue2父子组件传值

在Vue中,父子组件之间有多种方式可以进行数据的传递。以下是两种常见的父子组件传值方式的详细代码和讲解: 1. 使用props进行属性传递: - 父组件通过在子组件标签上绑定属性,将数据传递给子组件。 - 子组件通过在props对象中定义属性来接收父组件传递的属性,并在组件内部使用。 父组件: `` ......
父子 组件 vue2 vue

小程序组件使用

在小程序中,父子组件之间可以通过属性和事件来进行数据的传递。 1. 使用属性传递数据: - 父组件可以通过在子组件的标签上绑定属性,将数据传递给子组件。 - 子组件可以在组件的 `properties` 属性中定义接收父组件传递的属性,并在组件内部使用。 - 父组件通过改变绑定的属性的值,可以实现向 ......
组件 程序

paging组件的用法和意义

一.Paging组件的意义 分页加载是在应用程序开发过程中十分常见的需求,我们经常需要以列表的方式加载大量的数据,这些数据通常来自网络或本地数据库。然而,如果一次性将所有数据全部加载出来,必然会消耗大量的时间和数据流量,而且用户可能只是需要一部分数据就行。因此,Google便推出了paging组件, ......
组件 意义 paging

ArcGIS for javascript 控制地图显示范围,显示级别

# ArcGIS for javascript(4.27)控制地图显示范围,显示级别 ## 控制显示范围 在实际项目开发中我们可能会遇到控制地图显示范围的情况,控制地图范围,你需要设置view对象的extent属性,比如 ```javascript const ext = new Extent({ ......
javascript 级别 范围 地图 ArcGIS

ArcGIS for javascript 加载天地图瓦片

# ArcGIS for javascript(4.27)加载天地图瓦片 ```javascript import Map from "@arcgis/core/Map"; import MapView from '@arcgis/core/views/MapView'; import WebTil ......
javascript 天地 ArcGIS for

微信小程序 scroll-view 组件的 bindscroll 不触发不生效

使用微信小程序基础组件中的scroll-view,但是滑动的时候 bindscroll 一直不生效。 <view class="container log-list"> <scroll-view scroll-y style="height:100%;white-space:nowrap;" scr ......
scroll-view bindscroll 组件 程序 scroll

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_ ● 摘要:在开发应用时,有些场景下的自定义组件具有相同的组件布局结构,仅有状态变量等承载数据的差异。这样的组件缓存起来,需要使用到该组件时直接复用, ● 减少了创建和渲染的时间,可以提高帧率和用户 ......
示例 OpenHarmony 组件

【Javascript】前端对文件进行md5计算再上传,以节省OSS云端存储空间

## 安装插件 browser-md5-file [browser-md5-file 用于计算文件md5](https://www.npmjs.com/package/browser-md5-file),文档介绍较少,看看就能使用↓ ![在这里插入图片描述](https://img-blog.csd ......
云端 前端 Javascript 文件 空间

【Angular】 在组件内使用生命周期钩子函数如 OnDestroy 时,必须先 implements 么?

不是必须,就算不`implements`,它也能被成功识别为生命周期钩子函数。但是最佳实践建议加入`implements`,可以增加钩子函数的数据类型检查,以及阻止某些因为未加入`implements`导致的错误。 **参考:** [Angular Lifecycle Interface OnCha ......
钩子 implements 函数 组件 OnDestroy

vue~el-autocomplete实现组件化

# el-autocomplete核心参数 可以实现异步的数据拉取,从异步返回的数据中,选择需要的结果,并回显到文本框中。 ## fetch-suggestions 回调列表,异步的方式获取数据列表,显示在列表框中 ## @select 当选中某一项时,会触发这个方法,将数据获取到,这时,我们可以将 ......
el-autocomplete autocomplete 组件 vue el

ArcGIS Javascript sdk中API keys 的说明

# ArcGIS Javascript sdk中API keys 的说明 [关于ArcGIS的APIkey具体使用](https://developers.arcgis.com/documentation/mapping-apis-and-services/security/api-keys/) A ......
Javascript ArcGIS keys API sdk