表头 前端 页面table
转载：PageOffice 在线编辑 office文件，回调父页面
一、子页面调用父页面的方法 var value=window.external.CallParentFunc("ParentFunName(Arguments);");//父页面的JS函数有返回值 window.external.CallParentFunc("ParentFunName(Argum ......
test3-enable-tables
Markdown示例文件 这是一个 加粗 的文本。 这是一个 斜体 的文本。 这是一个 ~~删除线~~ 的文本。 标题H1 标题H2 标题H3 标题H4 标题H5 标题H6 这是一个引用。 这是一个 内联代码 文本。 print("这是一个代码块") 列表项 1 列表项 2 列表项 3 有序列表项 ......
基于Admin.NET框架的前端的一些改进和代码生成处理（2）
在上篇随笔《基于Admin.NET框架的前端的一些改进和代码生成处理（1）》中大致介绍了一些关于对Admin.NET框架的前端的改造工作，主要目的就是希望能够增加代码的简洁和可读性，以及利用代码生成工具来快速生成相关的代码，从而减少开发过程中的繁琐问题。本篇随笔继续探讨一下，对其中一些模块功能进行一... ......
nginx配置vue打包npm build的静态页面
nginx 配置vue项目 server { listen 8081; server_name 10.8.8.8; index index.html; root /home/www/crm/vue/dist; #SSL-START SSL相关配置，请勿删除或修改下一行带注释的404规则 #error ......
前端设计模式——享元模式
享元模式（Flyweight Pattern）：是一种用于优化对象创建和管理的设计模式。它旨在减少内存消耗和提高性能，通过共享具有相同状态的对象来实现这一目标。 具体来说，享元模式涉及两个主要的对象：享元工厂和具有共享状态的享元对象。享元工厂负责创建和管理共享对象，以确保每个对象只被创建一次。享元对 ......
若依框架-Vue实用框架（权限控制和页面渲染）（四）
Vue实用框架（权限控制和页面渲染） 路由的组成 前端token获取那一步中有一块内容，只是简单提了一下，但其实实际涉及到的内容很多： 用户信息的获取 第一步的GetInfo后端接口不讲了，因为接口都比较简单，就根据获取得到的数据展开下： 前端权限控制粒度 依旧挑重点讲，user对象的无非就是包含了 ......
前端性能优化的七大手段
前言 性能优化是我们前端的必备知识，可以说是每个人必须会的知识了，不仅平时会用到，连面试都会问到。那如何优化前端的性能呢？总共有七大手段 七大手段包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化 减少请求数量 【合并】 如果不进行文件合并，有如 ......
Web前端入门html
1、初识HTML 1. HTML是什么 2. 列表、表格与媒体元素 3. 表单 1.1、什么是HTML？ Hyper Text Markup Language（超文本标记语言） 超文本包括：文字，图片，音频，视频，动画，超链接等 1.2、发展史 1.3、HTML5的优势 · 世界知名浏览器厂商对HT ......
前端性能优化的方法
前端性能优化主要有七种方法，包括减少请求数量、减少资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和webpack优化 1、减少请求数量 1.1 图片处理 1.1.1 雪碧图 雪碧图是根据css sprite音译过来的，就是将很多小图标放在一张图片上就称之为雪碧图，可以减少网 ......
前端学习_基础认知
网页组成： 文字、图片、音频、视频、超链接 代码转换为网页的软件：浏览器 渲染引擎 渲染引擎：浏览器中专门对代码进行解析渲染的部分。（是浏览器的内核） 浏览器 内核 备注 IE Trindent IE、360极速、百度 FireFox Gecko 火狐浏览器内核 Safari Webkit Appl ......
前端计算机网络
http常见状态码： 200 OK：非常常见，资源请求成功。 201 Created：资源创建成功 多见post请求 不常见。 301 永久重定向 ： http->https 如B站 掘金 换域名 。 302 临时重定向 ：请求后返回Location头部指示了新的URL，客户端会根据Location ......
前端打包部署
打包部署 拉代码 git pull origin develop_dev 运行是否正确 npm run dev/serve 打包 npm run build:prod/stage 当你花掉钱不愁的时候是因为你有能力再去挣钱，就不愁花钱。钱花了就没了来源了，就会慌张。 开源节流。努力开源很重要。努力提 ......
jpa转换枚举、转换以及入库数据、状态值发生变化可以不影响前端
import com.peony.common.enums.PlanStatus; import org.apache.poi.ss.formula.functions.T; import javax.persistence.AttributeConverter; import javax.pers ......
记录--vue刷新当前页面
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 项目当中如果做新增/修改/删除等等操作通常情况下都需要刷新数据或者刷新当前页面. 思路 (1)如果页面简单,调用接口刷新数据即可. (2)如果页面复杂,需要调用多个接口或者通知多个子组件做刷新,可以采用刷新当前页面的方式 下面整理了 ......
CSS3-页面布局基础二——Box Model、边距折叠、内联与块标签
一、盒子模型（Box Model） 盒子模型也有人称为框模型，HTML中的多数元素都会在浏览器中生成一个矩形的区域，每个区域包含四个组成部分，从外向内依次是：外边距（Margin）、边框（Border）、内边距（Padding）和内容（Content），其实盒子模型有两种，分别是 ie 盒子模型和标 ......
基于Admin.NET框架的前端的一些改进和代码生成处理（1）
Admin.NET 是一套基于Furion/.NET 6实现的通用管理平台，模块插件式开发，框架包含了常规的权限管理、字典等管理模块，以及一些Vue3的Demo案例，框架前后端分离。后端基于基于Furion/.NET 6实现，底层集成SqlSugar；前端则是采用Vue-Next-Admin的前端框... ......
微前端框架single-spa子应用加载解析
本文主要通过对微前端框架single-spa的基座应用加载子应用的single-spa-vue函数库进行分析，通过代码维度分析让大家了解在single-spa加载子应用的时候都做了哪些事情。如何通过优化single-spa-vue函数库保持子应用的状态。 ......
V3.0（R2_2302） 前端上下文改造, 定位修改文件
-- iuap_yonbuilder_service库 -- 查询包含'AppContext'关键字的函数文件 SELECT e.description, e.source_flag, e.file_name, c.file_content, LOCATE( 'AppContext', c.file ......
第二篇 前端安全 - 【 跨站请求伪造 CSRF + 点击劫持 ClickJacking 】
前端安全相关的知识体系 1、跨站脚本攻击 XSS 2、跨站请求伪造 CSRF 3、点击劫持 ClickJacking 4、HTTP 严格传输安全 HSTS 5、CDN 劫持 6、内容安全策略 CSP 7、安全沙箱 Sandbox 8、Iframe 跨站请求伪造 - CSRF 1、跨站脚本伪造 - C ......
第三篇 前端安全 - 【 CDN劫持 + Iframe威胁 + 安全沙箱 - Sandbox 】
前端安全相关的知识体系 1、跨站脚本攻击 XSS 2、跨站请求伪造 CSRF 3、点击劫持 ClickJacking 4、HTTP 严格传输安全 HSTS 5、CDN 劫持 6、内容安全策略 CSP 7、安全沙箱 Sandbox 8、Iframe CDN 劫持 1、什么是 CDN ？ CDN Con ......
cdn引入vue 在html页面中,用axios请求接口
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue axios 渲染数据</title> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></scr ......
CSS3-页面布局基础一
一、CSS概要 web前端开发者最最注的内容是三个：HTML、CSS与JavaScript，他们分别在不同方面发挥自己的作用，HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务。当然内容与用户资源也是不能忽视的。尽量不要跨职责范围使用，有点“SRP单一职 ......
动态列表表头排序变了但视图没有刷新
应用场景描述：某个列表是动态列表，从接口拿到表头数据通过每个表头元素的属性值isShow控制列的显示与隐藏，通过sortable拖动排序表头。控制列的显示与隐藏通过过滤出isShow为true就可以实现，从props中拿到的headList.filter(item=>item.isShow)即可，表 ......
微前端架构的业务价值：实现独立部署、快速迭代和按需加载
随着互联网应用的不断发展和迭代，传统的单体应用架构已经逐渐无法满足现代应用的需求。为了更好地适应快速变化的市场和业务需求，微服务和微前端架构成为了近年来的热门话题。其中，微前端架构作为前端开发的新兴架构模式，不仅可以提高开发效率、迭代速度和用户体验，还可以提高团队的协作效率和代码复用率，具有很高的业... ......
WebForm之企业微信开发聊天工具栏（5）——获取userid，外部联系人id前端
<!DOCTYPE html> <html lang="en"> <head> <title>工资条</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0 ......
Vue和JS前端网页下载保存图片到本地电脑中
//保存图片 clickSaveImage(url) { let image = new Image(); // 解决跨域 canvas污染问题 image.setAttribute('crossOrigin', 'anonymous') image.src = url + '?time=' + n ......
前端 大文件上传解决方案(500M以上)
HTML部分 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="up6.index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ......
聊聊前端性能指标那些事儿
作为 C 端前端研发，除了攻克业务难点以外，也要有更深层的自我目标，那就是性能优化。这事儿说大不大，说小也不小，但难度绝对不一般，所涉及的范围优化点深入工程每个细胞。做好前端性能优化绝非简单之事！文章主要内容介绍前端性能考核指标及优化方案。 ......
前端设计模式——解释器模式
解释器模式（Interpreter Pattern）：是一种行为型设计模式，它可以用来解决一些特定问题，例如编译器、计算器等等。这种模式定义了一个语言的语法，并用一个解释器来解释语言中的表达式。 解释器模式可以用来处理例如数据格式化、表单验证等业务场景。在这些场景中，我们需要定义一些语法规则，然后使 ......