表头 前端 页面table
AES算法 前端JavaScript加密 后端Java解密
CryptoJS https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js 中文文档 https://cryptojs.gitbook.io/docs/ var AES = function () { const ......
设置antd中Table组件左侧部分复选框禁用
const rowSelections = { selectedRowKeys: selectedRows.map((item => item.id)), onChange: onSelectChange, getCheckboxProps: (record) => ({ disabled: rec ......
http 前端5种请求优化方法
1、减少请求数量:可以通过将多个资源(例如 JavaScript、CSS、图像等)合并为单个文件,从而减少 HTTP 请求的数量。另外,使用 CDN(内容分发网络)也可以减少跨地 域的请求延迟。 2、缓存请求结果:对于一些不会频繁更新的资源,可以将它们缓存在客户端或服务器端,从而减少请求的次数和响应 ......
前端跨域解决方案——JSONP
JSONP(JSON with Padding)是一种跨域请求的解决方案,它允许在不受同源策略限制的情况下从一个域中向另一个域中请求数据。 JSONP的基本原理是利用 <script> 标签的 src 属性没有跨域限制的特性来实现跨域数据访问。 在使用JSONP时,需要在客户端创建一个 script ......
3.通用权限系统-角色管理前端
硅谷通用权限系统:角色管理前端 一、前端框架 1、vue-element-admin vue-element-admin是基于Vue和Element-ui 的一套后台管理系统集成方案。 **功能:**https://panjiachen.github.io/vue-element-admin-sit ......
2.通用权限系统-前端基础知识
硅谷通用权限系统:前端基础知识 一、前端开发和前端开发工具 1、前端开发介绍 前端工程师“Front-End-Developer”源自于美国。大约从2005年开始正式的前端工程师角色被行业所认可,到了2010年,互联网开始全面进入移动时代,前端开发的工作越来越重要。 最初所有的开发工作都是由后端工程 ......
6-2.通用权限系统-权限管理-前端权限对接
硅谷通用权限系统:前端权限对接 一、菜单权限及按钮权限 按照下面步骤即可完成前端框架权限对接 1、修改request.js文件 2、store/modules/user.js 新增菜单及按钮处理 const getDefaultState = () => { return { token: getT ......
前端封装 IndexedDB 存储和使用gltf模型文件的方法,以重复使用代码
以下是一个简单的封装IndexedDB存储和使用gltf模型文件的方法,可以重复使用代码: function saveModelToIndexedDB(modelName, modelData) { return new Promise((resolve, reject) => { const re ......
vue3微信公众号商城项目实战系列(11)"我的"页面
我的页面效果如下: Mine.vue 页面代码如下: 布局块代码: 1 <template> 2 <div class="mine"> 3 4 <div class="mine-top"> 5 <img src="/mine.png" /><br /> 6 <span class="mine-top ......
浏览器访问网址到页面出现的过程
最近忙着写作业和面试,还有一些休息。突然想到这个问题,这个问题可能前端问的会多一点,但我个人还是很好奇这个过程的,本科的时候应该学过,现在重温一下。 首先是URL解析 内容是否符合URL规范 如果符合,浏览器判断URL是否完整,不完整的话,浏览器会对域进行猜测,补全前缀或者后缀 不符合的话,将输入内 ......
Geoserver使用学习-管理页面
GeoServer是一个基于Java的共享地理空间数据的开源服务,允许用户查看和编辑地理空间数据。 使用开放地理空间联盟(OGC)制定的开放标准,支持WFS、WMS、WCS、WPS、WMTS,在地图创建和数据共享方面具有极大的灵活性 官网 本地部署后访问管理页面 http://localhost:8 ......
前端面试题总结
1 递归 是什么? 递归确定只是函数自调用吗? 如果非得要用递归渲染一个菜单, 你要怎么做. 说具体的步骤. 说核心. //第n项的和 sum(n) = sum(n-1)+n 终止条件n=1 function sum(n){ if(n==1) return 1 return sum(n-1) + n ......
前端(七)
前端(七) jQuery 属性操作 # 属性操作就是给标签增加删除之类的 # js中如果是自带属性就是点语法不是自带属性就是div.setAttritube('k','v') JQuery: 1. attr(attrName); # 获取匹配到的属性 2. attr(attrName, value) ......
el-table拖动排序
html <el-table ref="multipleTable" :data="tableData" align="left" border class="mytable" row-key="id"> <el-table-column :index="indexMethod" align="ce ......
长时间不操作报错原因 操作页面时报错Unexpected token <
长时间不操作报错原因 操作页面时报错Unexpected token < 刷新后页面正常。 这是因为页面请求的js文件资源找不到(判断此原因的元素:点击报错的时候network中会加载一个js文件,右键文件新标签页打开跳转到404文件即可确定是此问题) 更详细的内容,可以忽略:(可以服务器返回一个h ......
web页面播放spine动画及播放相关使用及总结spine-player.js
1.官方git,里面有些例子可以参考。 https://github.com/EsotericSoftware/spine-runtimes.git 2.官方播放器: http://zh.esotericsoftware.com/spine-player 目前测试4.0以上的js支持动画模型透明 3 ......
vue3微信公众号商城项目实战系列(10)生成订单页面
本篇实现订单确认页面的功能,订单及订单明细表结构如下: 表名 字段 功能 order order_id (int) 订单编号 user_id (int) 用户编号 nickname (varchar) 昵称 mobile (varchar) 联系电话 address (varchar) 收货地址 t ......
vue3微信公众号商城项目实战系列(9)购物车页面
本篇显示购物车中的商品,购物车表结构如下,我们通过接口服务抓取登录用户的购物车信息。 表名 字段 功能 shoppingcart cart_id (int) 购物车编号 user_id (int) 用户编号 goods_id (int) 商品编号 goods_name (varchar) 商品名称 ......
Dapp 连接TrustWallet钱包签名返回error:call backid 页面刷新
由于一开始钱包的连接使用的是ethers库,它兼容一般的钱包连接MetaMask bitkeep 等。后来没有单独使用其他的连接方式,使用了metaMask原有的方式连接trustWallet钱包。惊奇的发现能连接上,以为能使用原有的方法,但是在手机端的Dapp上连接签名是正常的,签名的时候也能吊起 ......
前端奇遇收集
1. jeecgboot-vue3的表格组件,使用的ant-design-vue的2.x版本的组件,其字典字段,页面首次加载,当字段在可视范围内,可正常显示,超出可视范围,即需要横向滚动条拉动,则不能正常显示字段 2. uniap的onShow周期,选择图片,在chrome的手机模拟器中不会触发on ......
漫谈前端自动化测试演进之路及测试工具分析
随着前端技术的不断发展和应用程序的日益复杂,前端自动化测试也在不断演进。随着 Web 应用程序变得越来越复杂,自动化测试的需求也越来越高。如今,自动化测试已经成为 Web 应用程序开发过程中不可或缺的一部分,它们可以帮助开发人员更快地发现和修复错误,提高应用程序的性能和可靠性。 ......
前端基础之JavaScript
前端基础之JavaScript JavaScript和Java没有半毛钱关系,由于当时的Java热度很热,蹭一下热度。 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这门语言能够成为国际标准。次年,ECMA发布26 ......
web前端
工程认知——Web前端 Week1 一、课程概要、要求和学习方法 概要:本课程将系统地学习现代软件前端开发的实用技术,在前端技术中属于中级实用技术范畴。课程包含前端三大部分 HTML5、CSS3、JavaScript、前端框架和后端框架,循序渐进地将每一部分的实用技术结合讲解、演示,最后交予学生不断 ......
直播系统代码,小程序全局分享和页面分享
直播系统代码,小程序全局分享和页面分享 全局分享 App({ onShareAppMessage() { wx.onAppRoute(() => { console.log('当前页面路由发生变化 触发该事件onShareAppMessage') const pages = getCurrentPa ......
vue3微信公众号商城项目实战系列(8)商品展示页面
本篇实现在首页展示商品功能,表结构如下: 表名 字段 功能 goods goods_id (int) 商品编号 goods_name (varchar) 商品名称 photo (varchar) 商品图片 price (decimal) 价格 商品表 页面呈现效果如下: 第1步:在 api.js 中 ......
elementui table 树形表格,为每一个元素新增一个对象
//递归方法,为数据增加一个isSelect 的属性initData(data) { data.forEach((item) => { item.isSelect = false; //默认为不选中 if (item.children && item.children.length) { this. ......
vue2之跨页面调用和传参
A页面调用B页面的方法 不涉及父子组件时,调用的方式,使用this.$root.$emit()发送消息,进行调用, /** * 打开在全局组件中的弹框 */ handleOpenModal(){ this.$root.$emit('toolbar', { type: 'modal', fun: th ......
uniapp系列-超详细教你在uni-app+vue3里通过web-view组件传递信息打开H5页面写入localstorage并解决兼容性
web-view是什么 web-view 是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面(nvue 使用需要手动指定宽高)。 点击这里直达官网文档 点击这里下载我的代码demo 本文最下面还有一些==常见或者奇怪问题解决方案==哦~ 为什么使用这种方式搞页面?有什么好处呢? ......