前端 特性 阶段es6
Error: Vue packages version mismatch: - vue@2.6.14 (D:\前端\vue01\node_modules\vue\dist\vue.runtime.common.js)- vue-template-compiler@2.7.14 (D:\前端\vue01\node_modules\vue-template-compiler\package.json)
Error: Vue packages version mismatch: - vue@2.6.14 (D:\\前端\vue01\node_modules\vue\dist\vue.runtime.common.js) - vue-template-compiler@2.7.14 (D:\前端\vu ......
Grafana 10 新特性解读：体验与协作全面提升
为了庆祝 Grafana 的 10 年里程碑，Grafana Labs 推出了 Grafana 10，这个具有纪念意义的版本强调增强用户体验，使各种开发人员更容易使用。Grafana v10.0.x 为开发者与企业展示卓越的新功能、可视化与协作能力。 ......
【前端开发】前端使用Tailwind CSS写样式效率翻倍
vite+Vue项目配置教程 配置地址：https://tailwind.nodejs.cn/docs/guides/vite 中文文档：https://tailwind.nodejs.cn/docs/installation 说明：使用Tailwind CSS可省略写繁琐的css代码，通过用cla ......
【前端开发】前端开发都应该知道的vueuse
前言：我们在写项目业务时进场会要封装一些工具函数，经常会遇到重复造轮子现象，这里给大家普及下vueuse，是基于Vue组合式API的实用工具集。 比如如下简单的几个例子： useDateFormat 时间格式处理函数 useTimeAgo 几小时/上周前等 处理函数 useMouse 获取鼠标位置 ......
【前端开发】vue3+vite项目部分优化
1、使用rollup-plugin-visualizer 可视化分析包 npm i rollup-plugin-visualizer -S 在vite.config.js中引入 在 plugins里面 然后执行npm run build就自动打开可视化分析 2 、 CDN加速 在vite.confi ......
什么是断点续传？前端如何实现文件的断点续传
什么是断点续传？ 就是下载文件时，不必重头开始下载，而是从指定的位置继续下载，这样的功能就叫做断点续传。 断点续传的理解可以分为两部分：一部分是断点，一部分是续传。断点的由来是在下载过程中，将一个下载文件分成了多个部分，同时进行多个部分一起的下载，当某个时间点，任务被暂停了，此时下载暂停的位置就是断 ......
一图看懂CodeArts Inspector 三大特性，带你玩转漏洞管理服务
华为云漏洞管理服务CodeArts Inspector是面向软件研发和服务运维提供的一站式漏洞管理能力，通过持续评估系统和应用等资产，内置风险量化管理和在线风险分析处置能力，帮助组织快速感应和响应漏洞，并及时有效地完成漏洞修复工作，更好地应对潜在的安全威胁。 ......
开课吧前端1期.阶段4-1：Markdown，git
Markdown 工具： 1.markdown——程序员专用，写笔记 文档(建议) Atom工具插件： Markdown Preview Plus *使用方法 # 一级标题 ## 二级标题 ### 三级标题 - 列表（零序列表） ``` 代码 ```sql 代码 代表一条线 | | 表格 版本控制 ......
渗透测试高级技巧（二）：对抗前端动态密钥与非对称加密防护
在前文的技术分享中，我们描述了验签和静态对称加密（静态密钥 AES）的常见场景，大家我相信遇到类似的加解密清醒，基本都可以通过热加载的基本使用获得破解前端加密解密的方法，达到一个比较好的测试状态。 在本文中，我们在保持同样的通用适配度的同时，将会来接触更加复杂的前端加密与解密场景： 动态密钥：无法通 ......
第八章、web前端架构师
目录十六、编辑器服务端基础API开发1、技术方案设计和基本功能开发2、技术方案设计3、接口设计4、Restful API vs GraphQL5、数据库设计6、server架构设计7、技术方案设计8、基本功能开发9、登录功能10、用户信息接口11、作品管理接口12、模板接口十七、编辑器服务端调用第三 ......
前端如何使得两个项目之间通信，window.open + postMessage
一、背景 由于公司内部需求不断加大，一个项目无法满足，多个项目直接需满足互相通信，则需要解决跨域传递消息的问题 二、两个项目之间如何通信，如何解决解决跨域传递消息 1. A.html ( https://www.a.com ) <div @click="goDetail('参数id')">传递信息< ......
前端 - 使用json-server搭建单机mock平台
使用json-server搭建单机mock平台 简介 json-server是一个 Node 模块，可以指定一个json文件作为数据源，运行 Express 服务器。可以用来在本地快速搭建一个REST API风格的后端服务，模拟服务端接口数据。 官网地址：json-server - npm (npm ......
【前端开发】免费统计个人网站、网页访问次数、访问设备、访问人地点等数据教程
前言：在该网站选择小组件样式、生成代码后插入到自己的网页即可 网站地址：https://whos.amung.us/ 第一步：选择小组件样式，并生成代码 第二步：将代码插入网页 第三步：网页中会出现统计次数小组件，点击小组件会跳转到统计详情页 最后，统计详情页会看到统计到的次数、地域、设备等信息 ......
为何50Ω占多数？同轴特性阻抗详解
在选择同轴线缆或组件时，一般我们都会看到或者要求传输线阻抗需要保持在50欧姆，有时这也会成为传输线的特性阻抗，当然75欧姆偶尔也会被用到，为何这两者会如此固定？本期我们将从这个角度出发，探讨同轴中的另一个重要参数，特性阻抗。 其实这个问题也很简单，我们快速做一个总结，可以直接看下图。 根据实验证明， ......
1前端开发
前端简介 """ 强调:前端 和 数据库 学习的时候跟python一毛钱关系都没有 前端的学习是非常简单的 但是也很枯燥 没有太多的逻辑 数据库的学习有点难度 但是主要还是以记忆为主 大量练习肯定能掌握 ps:前端数据库学不好 完全就是因为自己不够努力 记的少了 练得少了 """ # 1.什么是前端 ......
2023-10-13 前端部署redis，配合使用fastify实现项目自动化构建（长期更新）
前言：根据需求，要求在前端完成项目自动化构建。 redis是本地安装的。 系统：windows 10 1.安装redis 一般都是去官网下载👉https://redis.io/download/ 安装说明，能next的就next，能勾选的全勾选上，下面那个500M是我自设的，默认是100M 端口是 ......
Java8新特性之新的日期时间类（八）
1. 背景介绍 在Java8之前，Date和Calendar两个类占据了Java中对时间操作的几乎所有地方，但由于它们的可变性和非线程安全性也时常导致了一些bug的产生；所以在Java8中引入了新的日期时间相关类，放在java.time包下； 2. 新日期时间相关类介绍 LocalDate：本地日期 ......
Java8新特性之Optional容器（七）
1. Optional介绍 Optional是Java8提供的一个容器对象，可以包含一个为null或者不为null的对象；使用该对象可以更方便的避免项目中的NPE，在新版的Spring Data JPA中已经实现了对该类的支持； 注意该类是被final修饰的，同时没有实现任何接口； public f ......
【RocketMQ】RocketMQ 5.0新特性（二）- Pop消费模式
Pop模式消费和消息粒度负载均衡 在RocketMQ 5.0之前，消费有两种方式可以从Broker获取消息，分别为Pull模式和Push模式。 Pull模式：消费需要不断的从阻塞队列中获取数据，如果没有数据就等待，这个阻塞队列中的数据由消息拉取线程从Broker拉取消息之后加入的，所以Pull模式下 ......
Skywalking APM监控系列(二、Mysql、Linux服务器与前端JS接入Skywalking监听)
前言 上篇我们介绍了Skywalking的基本概念与如何接入.Net Core项目,感兴趣可以去看看: Skywalking APM监控系列(一丶.NET5.0+接入Skywalking监听) 本篇我们主要讲解一下Skywalking如何接入mysql数据库监听与Linux服务器的监听 其实从Sky ......
前端开发工具
前端开发工具 开发环境 Node.js 开启了前端啥都想写一点的时代 😁😀 npm nodeJs自带的包管理器 cnpm 淘宝网提供的npm的国内镜像加速工具 pnpm 采用集中式的依赖存储,极大节省硬盘空间. 唉, 主流语言的依赖地狱都是个问题. 依然可以使用淘宝提供的镜像 git 开发工具 ......
手把手教你写一个JSON在线解析的前端网站1
前言 作为一名Android开发，经常要跟后端同事联调接口，那么总避免不了要格式化接口返回值，将其转换为清晰直观高亮的UI样式以及折叠部分内容，方便我们查看定位关键的信息。 一直以来都是打开Google 搜索json格式化关键字，然后选择Google推荐的前三名的网址，比如 bejson网站: ht ......
Java8新特性之Stream流（六）
1. Stream流介绍 一种支持顺序和并行聚合操作的元素序列，能够对集合、数组进行过滤、排序、去重等操作； Stream流与日常IO流是不同的技术体系； 官方定义： A sequence of elements supporting sequential and parallel aggregat ......
Java8新特性之重复注解和类型注解（五）
1. 重复注解介绍 Java8中引入的一个新注解@Repeatable，该注解只能标记在其他注解上，表示被标记的注解可以重复声明在类、属性、方法等上面；但@Repeatable注解还是得需要定义容器注解配合才能使用，所以也只是增强了代码的可读性； public class AnnotationTes ......
Java8新特性之接口的默认方法和静态方法（四）
1. 背景介绍 在Java8之前，接口中定义的方法都是抽象方法，即默认都是被public abstract修饰的；但从Java8开始，允许在接口中定义带有方法体的默认方法和静态方法； public class InterfaceTest { public static void main(Strin ......
Java8新特性之方法引用（三）
1. 方法引用介绍 方法引用其实是lambda表达式的升级写法，采用::固定语法，可以使代码更简洁、紧凑； 2. 方法引用的5种类型 2.1 对象引用::实例方法名 函数式接口抽象方法的形参列表与实例方法的一致，且方法的返回值类型一致； public class MethodReferencesTe ......
【前端css】全局修改css让网页置灰，去掉色彩
html { filter: grayscale(100%);//IE浏览器 -webkit-filter: grayscale(100%);//谷歌浏览器 -moz-filter: grayscale(100%);//火狐 -ms-filter: grayscale(100%); -o-filte ......
Java8新特性之函数式接口（二）
1，函数式接口介绍 前言：由于Java8中引入了lambda表达式语法，但该语法需要配合一种特定的接口才能使用，由此产生出了函数式接口； 函数式接口指有且仅有一个抽象方法（由Object对象继承的方法不算）（但可以有多个默认方法和静态方法）的接口，当这样的接口在作为方法参数时可以隐式的转换为lamb ......
Java8新特性之Lambda表达式（一）
Java8新特性之Lambda表达式（一） 文章目录 1. lambda表达式介绍 2. lambda表达式的重要特征 3. lambda表达式对域外变量的限制 4. lambda表达式的优缺点 5. lambda表达式的使用场景 6. lambda表达式的实现原理 7. 相关链接 1. lambd ......
后端数据改变后，前端实时获取改变的数据
前端要实时获取到后端变化的数据，可以使用websocket（实现双向通讯的协议）或者SSE用于从服务器向客户端的单向实时事件流。 两种方法的实现方式： 使用WebSocket： 1、创建WebSocket连接：在前端使用WebSocket API来创建WebSocket连接到后端服务器。 // 建立 ......