前端 路由 动态
iframe前端微服务
优缺点分析 iframe 适合的场景 由于 iframe 的一些限制，部分场景并不适合用 iframe，比如像下面这种 iframe 只占据页面中间部分区域，由于父页面已经有一个滚动条了，为了避免出现双滚动条，只能动态计算 iframe 的内容高度赋值给 iframe，使得 iframe 高度完全撑 ......
纯CSS3实现圆圈动态发光特效动画
参考文档：https://www.cnblogs.com/cyfeng/p/12625606.html html文件： <div class="item"></div> css文件： <!DOCTYPE HTML> <html> <head> <title>纯CSS3实现圆圈动态发光特效动画</ti ......
Vue-路由（vue-router）
路由：Vue-router（vue路由插件） 先了解下 route、routes、router三者之间的区别 （加$只是为了区别其它变量） router：一般指的是路由实例 ，如：vue的编程式导航 this.$router.push() routes：指创建 vue-router 路由实例的配置项 ......
Vue-keep-alive 缓存组件 & 动态组件
动态组件： 动态组件：即组件是否展示需要根据条件判断，该组件即为动态组件 作用：多用于 tap 切换时某个板块展示对应组件内的内容 功能点：点击一级 tap 时，展示一级 tap 对应板块内容（一级组件）；点击二级 tap 时，展示二级tap对应的板块内容（二级组件） 示例图： 创建组件; 最外层包 ......
前端鉴权与后端鉴权方案
基础概念 在介绍鉴权方法之前，先要了解的是：什么是认证、授权、鉴权、权限控制以及他们之间的关系，有了他们做铺垫，那么才能做到从始至终的了解透彻 ~ 什么是认证？ 认证(Identification) 是指根据声明者所特有的识别信息，确认声明者的身份。 白话文的意思就是：需要用身份证证明自己是自己。 ......
0到1搭建前端监控平台
前言 前端监控是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目好比是在裸奔 文章分成以下六部分来介绍： 自研监控平台解决了哪些痛点，实现了什么亮点功能？ 相比 sentry 等监控方案，自研监控的优势有哪些？ 前端监控的设计方案、监控的目的 数据的采集方式：错误信息、性能数据、用户行 ......
前端录屏+定位源码，快速定位线上bug
前言 如何快速定位线上 bug，是多数开发者都会遇到的难题 web-see 前端监控方案，提供了 前端录屏+定位源码 方式，让 bug 无处藏身 最终效果 在监控后台，通过报错信息列表，可以查看具体报错的源码，以及报错时的录屏回放 效果演示： 录屏记录了用户的所有操作，红色的线代表了鼠标的移动轨迹 ......
基于Sentry的前端性能监控平台搭建与应用
一、Sentry 简介 Sentry 是一套开源的实时异常收集、追踪、监控系统，支持几乎所有的语音和平台。 这套系统由对应各种语言的 SDK 和一套庞大的数据后台服务组成，通过 Sentry SDK 的配置，可以上报错误关联的版本信息、发布环境。同时 Sentry SDK 会自动捕捉异常发生前的相关 ......
前端应该如何封装高扩展的axios请求库
我看了很多 axios 的封装，但是我感觉他们的封装。也不够自由，主要是写完之后，如果以后有东西需要修改的时候，还要回去拦截器进行修改。但是有一些东西拦截器可能是你以后的业务需求才需要添加的。 我就在想我能不能拦截器做成插件式的模式进行动态配置呢？例如下面的效果，点击添加一个请求缓存器，请求的时候就 ......
vue路由通过props传参
方式一：布尔模式 方法一：直接传参 路由配置： { path: '/user/:id/:price', name: 'User', component: User, props: true } 页面 A <template> <div> <router-link :to="{ name: 'User ......
陌陌附近动态点赞评论脚本，可设置延迟时间，按键精灵开源版
同样是按键精灵写的脚本，可以设置延迟毫秒，然后自动对附近动态点赞+评论，适合做营销的朋友拿去玩，完整的UI界面代码和脚本代码请看下面，分享出来。 UI界面： ui界面代码： 界面1: { 请在下面设置话术: { 输入框: { 名称:"输入框1", 提示内容:"提示用户应该输入什么内容", 初始文本: ......
在线CAD SDK前端库绘制规则多边形图形
前言 在 CAD（计算机辅助设计）领域，绘制多边形是常见的任务之一。MxCAD 是一款专注在线CAD的前端库，提供了丰富的绘图和设计功能，使得绘制多边形变得轻松而灵活。本文将带领您通过使用 MxCAD 实现绘制多边形的过程，深入了解其基本概念和功能。 mxcad 是一个基于 TypeScript 的 ......
Cocos Creator 3.x 如何动态修改3D物体的透明度
Cocos Creator 3.x 的2D UI有个组件UIOpacity组件可以动态修改UI的透明度,非常方便。很多同学想3D物体上也有一个这样的组件来动态的控制与修改3D物体的透明度。今天基于Cocos Creator 3.8 来实现一个可以动态修改3D物体透明度的组件Opacity3D。 一个 ......
canvas实现动态替换人物的背景颜色
起因 今天遇见一个特别有意思的小功能。 就是更换人物图像的背景颜色。 大致操作步骤就是:点击人物-实现背景颜色发生变化 将图片绘画到canvas画布上 我们需要将图片绘制到canvas画布上。 这样做的目的是为了方便我们去操作像素点来更改颜色。 首先创建 Image 的实例。将图片的地址赋值给图片实 ......
【动态规划】凸多边形最优三角剖分
问题描述： 1.凸多边形定义： 通常，用多边形顶点的逆时针序列来表示一个凸多边形， 即P={v0 ,v1 ,… ,vn}表示具有n+1条边v0v1，v1v2，… ,vn-1vn，vnv0的一个凸多边形。 若vi与vj是多边形上不相邻的两个顶点，则线段vivj称为多边形的一条弦。弦将多边形分割成凸的两 ......
全栈工程师必须要掌握的前端Html技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
Django2.0以上版本path方法——路由层使用的转换器(五种)
str #匹配除了路径分隔符（/）之外的非空字符串，这是默认的形式 int #匹配正整数，包含0。 slug #匹配字母、数字以及横杠、下划线组成的字符串。 uuid #匹配格式化的uuid，如 075194d3-6885-417e-a8a8-6c931e272f00。 path #匹配任何非空字符 ......
04. 路由
一、简单配置 URL 配置的本质是 URL 与要为该 URL 调用的视图函数之间的 映射表。通过这种方式告诉 Django，对于客户端发过来的某个 URL 调用哪一段逻辑代码执行。 用户通过在浏览器中输入 URL 和单击链接来请求网页，因此需要确定项目需要哪些 URL。我们新建一个 Django 项 ......
springboot整合前端实现断点续传、大文件秒传以及多线程上传下载
前端，百度开源框架 webuploader新建upload.html webuploader官网地址： http://fex.baidu.com/webuploader/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit ......
前端打印二维码
1、安装生成二维码的插件 vue-qr yarn add vue-qr // or npm install vue-qr --save 2、安装用于将html代码生成图片的插件 html2canvas yarn add html2canvas // or npm install html2canva ......
@WebServiceClient wsdlLocation 动态给注解内容参数赋值
动态给注解内容参数赋值 @WebServiceClient(name = "IXxxService", targetNamespace = "http://xxx.xxx.xxx.com", wsdlLocation = "${WSDL_URL}") public class IXxxService ......
动态表单实现
在Vue中使用动态表单，你可以使用Vue的动态组件功能。动态组件可以根据不同的数据来源，动态地渲染不同的组件。 下面是一个使用Vue动态组件实现动态表单的例子： 创建一个动态组件（DynamicForm.vue）： <template> <div> <form @submit.prevent="ha ......
C#调用C++动态库接口函数和回调函数方法 后续
声明回调委托，C#的委托可以实现C#调用C++的回调，操作函数以后的回调 //定义委托,CallingConvention.StdCall可以，CallingConvention.Cdecl不行，参考https://www.it1352.com/1792610.html //[UnmanagedFu ......
iframe本身就不是动态语言，样式和脚本都需要额外导入.iFrame的本质是内联框架的缩写，它是HTML元素的一个组件
以下哪个选项的描述是错误的 A iframe是用来在网页中插入第三方页面，早期的页面使用iframe主要是用于导航栏这种很多页面都相同的部分，这样在切换页面的时候避免重复下载 B iframe的创建比一般的DOM元素慢了1-2个数量级 C iframe标签会阻塞页面的的加载 D iframe本质是动 ......
C#调用C++动态库接口函数和回调函数方法
这篇文章主要介绍了C#调用C++动态库接口函数和回调函数方法，通过C++端编写接口展开内容，文章介绍详细具有一定的参考价值，需要的小伙伴可以参考一下 需求: 当前C已经写好了一个动态库，完成了产品开发需求，C#需要调用C编写的动态库DLL接口，开发出完整的软件，DLL动态库里包含了普通接口函数，回调 ......
有趣的前端代码
# 随机位置随机颜色的点 <script> setInterval(function() { var dot = document.createElement("div"); dot.style.position = "fixed"; dot.style.top = Math.random() * ......
git拉取项目失败怎么办? 前端vue2 都需要install 什么依赖
git config --list --show-origin 查看git文件下面所有对应文件目录 下面是设计配置文件 http的缓存大小 和 那个最低时间 和 速度 git config --global http.lowSpeedTime 999999 git config --global h ......
数据结构与算法 | 动态规划算法（Dynamic Programming）
上一篇文末已经提到了记忆化搜索是动态规划（Dynamic Programming）的一种形式，是一种自顶向下（Top-Down）的思考方式；既然动态规划有自顶向下（Top-Down）的递归形式，自然想到对应的另外一种思考方式自底向上（ Bottom-Up ）。什么是自底向上的思考？不空谈理论... ......