前端html
拆解前端巨石应用
拆解前端巨石应用 EluxJS-让你像切蛋糕一样拆解前端巨石应用 大家好，EluxJS是一套基于“微模块”和“模型驱动”的跨平台、跨框架『同构方案』，欢迎了解... 可怕的巨石怪 工作中最可怕的是什么？是遇到业务复杂且乱作一团的巨石应用。改一发而动全身，无法渐进式重构，也没人敢对历史包袱进行优化，欠 ......
HTML之媒体元素
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>媒体元素测试</title> 6 </head> 7 <body> 8 <!-- 9 src ：资源路径 10 controls：控制条 1 ......
HTML中的下拉框
1 <select name="fruits"> 2 <option value="apple">苹果</option> 3 <option value="banana" selected>香蕉</option> 4 </select> - name 属性，指定数据的名称 - option 标签为下 ......
HTML中表单的基本结构与常用控件
1、form 中 action 的用法 例子： 1 <form action="https://search.jd.com/search"> 2 <input type="text" name="keyword"> 3 <button>去京东买东西</button> 4 </form> action ......
使用Net将HTML简历导出为PDF格式
使用Net将HTML简历导出为PDF格式 现在有许多将HTML导出PDF的第三方包，这里介绍使用的是Select.HtmlToPdf.NetCore 使用Select.HtmlToPdf.NetCore 整体思路是将cshtml内容读出来，然后再转为Pdf文档 读取cshtml内容有两种方法，第一种 ......
前端切图之svg图标的复用基于defs和use 亲测有用
切图网长期致力于web前端开发外包服务，而我们也关注到现在图标很多时候采用svg更多一点，然后图标字体文件已经提供了很多种类的图标，不过采用svg图标可以自行选择更符合、更好看的图标，相比于字体图标更加多样性，而且svg图标加载更快，而当svg的图标被多次使用的时候，我们需要一种类似于变量的定义，然 ......
chatGPT充当前端智能思路助手
替代：百度、谷歌人工搜索 1、我想让你充当前端开发专家。我将提供一些关于Js、Node等前端代码问题的具体信息，而你的工作就是想出为我解决问题的策略。这可能包括建议代码、代码逻辑思路策略。我的第一个请求是“我需要能够动态监听某个元素节点距离当前电脑设备屏幕的左上角的X和Y轴，通过拖拽移动位置浏览器窗 ......
vue打包后前端修改ip地址
1、在static文件夹下新建config.js文件 (function () { window.SITE_CONFIG = {} // 多个地址 window.SITE_CONFIG['baseUrl'] = '请求地址' window.SITE_CONFIG['baseUrl_1'] = '请求 ......
微前端解决方案
微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现有方案，在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题，或无法提供支持。本文提供一种基于 iframe 的全新微前端方案，完善的解决了这些核心诉求。 将微前端 ......
前端转向PHP进阶之路
一、PHP简介 Hypertext Preprocessor，又称为超文本预处理器（HTML为超文本标签语言），就是我们所说的PHP。它是一种糅杂百家的后台语言，在PHP中，可以见到C、Java等语言的写法和它自创的一些写法，这也就是为什么说学过其他语言的人会比较容易接受PHP。 PHP开发时需要去 ......
前端数据绑定，列表部分数据不显示问题解决 (转)jQuery LigerUI 插件介绍及使用之ligerTree
https://www.cnblogs.com/wanshutao/p/3540664.html https://blog.51cto.com/u_11966318/5375004 突然出现一个列表有几条数据不显示的问题，大部分数据没有问题，只有几条有问题，推测原因应该是数据有问题。 常见数据问题是 ......
HTML15新增元素
HTML5新增元素 概述 HTML5新增的主要结构元素有6个：header、nav、article、aside、section、footer。 header 在HTML5中，header元素一般用于3个地方： 页面头部：如网站名称、页面LOGO、顶部导航、介绍信息等。 文章头部（article元素） ......
Web前端技术栈（待更新......）
一、HTML 1、什么是HTML 1.1、初识HTML HTML：==Hyper Text Markup Language(超文本标记语言)== 超文本包括：文字、图片、音频、视频、动画等 HTML5的优势 ①世界知名浏览器厂商对HTML5的支持 1、微软 2、Google 3、苹果 ......
HTML编辑器如何能实现直接粘贴把图片上传到服务器中
图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例：打开umeditor.js，找到UM.plugins['autoupload']，然后找到autoUploadHandler方法，注释掉 ......
记录--前端加载超大图片(100M以上)实现秒开解决方案
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 前端加载超大图片时，一般可以采取以下措施实现加速： 图片压缩：将图片进行压缩可以大幅减小图片的大小，从而缩短加载时间。压缩图片时需要注意保持图片质量，以免影响图片显示效果。 图片分割：将超大图片分割成多个小图块进行加载，可以避免一次 ......
前端设计模式——状态模式
状态模式（State Pattern）：将对象的行为和状态分离，使得对象可以根据不同的状态来改变自己的行为。在前端开发中，可以使用状态模式来管理页面的状态和响应用户的交互。 在状态模式中，对象的行为取决于其内部状态，当状态发生变化时，对象的行为也会相应地发生改变。这种模式通过将状态抽象为独立的类来实 ......
HTML to PDF
一、iTextSharp 1、安装组件 2、封装的代码 using iTextSharp.text; using iTextSharp.text.pdf; using iTextSharp.tool.xml; using System.Text; namespace CommonCore.Helpe ......
web-lottie 前端动画效果
资源 http://airbnb.io/lottie/#/web lottie 官网 动画的实现逻辑借用官网的一句话 Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects anim ......
前端已死？后端已亡？弯弯绕绕，几分真几分假
前端已死，我认为更多的是一种焦虑情绪的表达，市场确实不太好，但这并不是针对前端，是整个互联网行业衰败的表现而已，对此持不同意见的怕是只剩培训机构了吧！毕竟唱衰的永远是打工人，唱兴的都是培训班。打心底讲！如果一个前端，工作3年，只会Vue2/React，看不懂框架报错、看不懂请求异常、连给浏览器打断点... ......
前端vue获取后端返回的富文本内容不是标签是转义字符解决方法
新手的我就直接上代码 template部分(UI框架用的vant) <template> <div class="common-bg"> <van-nav-bar title="消息中心" left-arrow :fixed="true" :placeholder="true" @click-lef ......
前端导出表格方法
exportMyReport(){ let userInfo = JSON.parse(this.user) let data = new FormData();//接口参数格式 data.append('userid',userInfo.userId); data.append('roleid', ......
《前端serverless 面向全栈的无服务器架构实战》读书笔记
第1章 什么是severless 什么是NoOps 利用自动化运维代替手工运维模式 什么是severless 开发者无需关注服务器资源配置情况、部署情况、操作系统以及依赖软件等在内等所有细节，这一切都由平台完成，开发者只需要专注于业务实现。 serverless是指在应用的构建环节或应用环节都无需对 ......
前端安全问题——暴破登录
暴力破解登录是一种常见的前端安全问题，攻击者尝试使用不同的用户名和密码组合来登录到受害者的账户，直到找到正确的用户名和密码组合为止。攻击者可以使用自动化工具，如字典攻击、暴力攻击等来加快攻击速度。 ......
阿里云OSS前端直传+net core后端签名
OSS前端直传+后端签名 一、服务端签名后前端直传 首先安装阿里云SDK Aliyun.OSS.SDK.NetCore public static string accessKeyId = "你的accessKeyId"; public static string accessKeySecret = ......
在Vue3+TypeScript 前端项目中使用事件总线Mitt
事件总线Mitt使用非常简单，本篇随笔介绍在Vue3+TypeScript 前端项目中使用的一些场景和思路。我们在Vue 的项目中，经常会通过emits 触发事件来通知组件或者页面进行相应的处理，不过我们使用事件总线Mitt来操作一些事件的处理，也是非常方便的。 ......
前端性能精进之浏览器（五）——JavaScript
JavaScript 是一种通过解释执行的高级编程语言，同时也是一门动态、弱类型的直译脚本语言，适合面向对象（基于原型）和函数式的编程风格。 直译语言可以直接在解释器中运行，而与直译语言相对应的编译语言（例如 C++），要先将代码编译为机器码，然后才能运行。 不过直译语言有一个弱点，就是如果有一条不 ......
前端设计模式——模板方法模式
模板方法模式（Template Method Pattern）：定义一个行为的骨架，而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个行为的结构即可重定义该行为的某些特定步骤。 这些步骤被称为“具体操作”（Concrete Operations），而整个行为的结构和顺序则被称为“模板方法”（T ......
前端设计模式——桥接模式
桥接模式（Bridge Pattern）是一种结构型设计模式，用于将一个大类或一系列紧密相关的类拆分为抽象和实现两个独立的层次结构，从而能够更好地组合和扩展这些类。 在前端开发中，桥接模式通常用于处理 UI 组件的复杂性，将组件的抽象与实现分离，使得它们能够独立地变化。通过桥接模式，我们可以让组件的 ......
前端设计模式——过滤器模式
前端设计模式中的过滤器模式（Filter Pattern）是一种结构型设计模式，它允许我们使用不同的条件来过滤一组对象，并返回符合条件的对象列表。 在过滤器模式中，我们有一个包含多个对象的列表，需要根据一些条件来筛选出符合条件的对象。通常情况下，可以使用多个过滤器来实现这个功能。每个过滤器都是一个独 ......