前端 头像 国庆
jenkins流水线发布前端代码
pipeline { agent{ label 'hw' } environment { VERSION = sh(script: "echo `date '+%Y%m%d%H%M%S'`", returnStdout: true).trim() } stages { stage('克隆代码'){ ......
前端使用CryptoJS加密解密
1、安装crypto-js； npm install crypto-js --save-dev yarn add crypto-js --dev 2、新建unit.js写成公共方法 ； const CryptoJS = require('crypto-js'); //16位十六进制数作为密钥（秘钥为 ......
前端vue使用jsencrypt进行RAS加密/解密
前端 安装： npm install jencrypt --sava 在utils下创建jsencrypt.js文件，内容如下： import JSEncrypt from "jsencrypt/bin/jsencrypt.min"; /** RSA秘钥对生成网站 http://web.chacuo ......
前端事件循环和nextTick原理
一、事件循环机制 概念原理这东西还是需要理解的，这样才能融通知识点。下面是浏览器进程和线程组成 上图中与前端关系比较大的是渲染线程，它主要负责将HTML、CSS、JS资源解析渲染还负责事件循环、异步请求等多个方面。 1、GUI渲染线程：负责页面的绘制和渲染，HTML、CSS资源解析、渲染树的生成、页 ......
前端开发规范
什么是规范 规范就是一个大家都认同,都接受的一种模式.为什么要有这个规范呢,一是让自己的代码的可读性更高,别人一看就懂,二是也方便自己去回顾自己的代码. 提高开发的效率,使自己写出的代码不至于成为屎山. 规范的分类 HTML编码规范 变量名命名规范 文件夹命名规范 组件命名规范 编码格式规范 规范的 ......
请求后端时后端获取不到前端的传参（已解决）
问题描述; 前端使用post请求后端接口，请求时把数据一起传过去的，但是后端获取不到，检查过请求， axios请求后端拿不到数据的解决方案 请求没有问题，数据都在，但是后端还是取不到， 后来借鉴这篇博客解决了，原因在于这样的请求触发了axois中的一段特殊代码而导致不能把数据传输过去 https:/ ......
前端不跳转替换URL参数
var HtmlPrefix = ""; function ReplaceURLParam(){ var urtTarget = "PageRowID=" + id+ "&page=BasicInfo"; var encryData = window.btoa(window.encodeURICom ......
vue前端使用nexus配置npm私有仓库
当我们运行前端项目的时候，常常在解决依赖的时候会加上一个参数npm install --registry=https://registry.npm.taobao.org将源指定为淘宝的源，以期让速度加快起来，事实上这种的确能够让速度变快，但是长久来看，如果想真正的快速敏捷开发部署，搭建企业内部的私服 ......
web前端pdf.js预览pdf实例创建报错：Array. prototype` contains unexpected enumerable properties
使用pdf.min.js是预览pdf文件，但是在实例化时异常报错，下面是实例化的代码 var loadingTask = window.pdfjsLib.getDocument(url); console.log(loadingTask); this.pageNum = 1; this.pageRe ......
直播软件app开发，用户自定义头像选择
直播软件app开发，用户自定义头像选择 1.进行主界面的布局activity_main.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas ......
前端入门知识
1 关于 tpl 格式文件 以前的前端页面都是.html格式的，现在出现了.tpl文件，是template的缩写，发现他就是前端页面，写的也是html。 应该是前端模板Smarty的一个格式。可以在Dreamviewer中打开，进行可视化编辑。应该也可以使用PS打开。 ......
前端进化笔记-JavaScript（一）
###简介： 实现：三部分 ecmascript语言核心 DOM文档对象模型 BOM浏览器对象模型 DOM：用于html的应用程序接口（API），把整个页面映射成一个多层节点结构。 例如： <html> <head> <title>sample page</title> </head> <body> ......
优化数字前端工作流的小脚本
使用python编写了两个优化工作流的小脚本。在前端设计工作时，我的工作流是：初步规划端口（markdown）-> 初步rtl代码设计（verilog）-> 完整rtl代码设计（verilog）-> 输出最终端口（markdown） 所以这里涉及两个可以自动化的步骤，一个是把我用markdown下画 ......
【前端可视化】ECharts中国地图+散点图demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
Vue3 +element-plus+ wangEditor 富文本编辑器+前端七牛云上传
我用的vue3，element-plus ，没用ts 搭建wangEditor 参考 地址 https://www.cnblogs.com/xbxxf/p/16791084.html 本来就是抄大佬的，就不复制粘贴了 主要是整理关于七牛云部分的代码，秉着复制就能用的原则，我把自己封装好的组件复制过来 ......
web前端三大主流框架对比
关注我了解更多web前端技术知识，带你一路“狂飙”到底！上岸大厂不是梦！ web前端开发框架是在前端工程师中经常会用到的内容,可以大大减少项目中的bug,节约开发成本,加快项目周期。在使用web前端开发框架之前,需要先了解web前端三三大主流框架有哪些。目前web前端三大框架Angular、Reac ......
前端常用
常用 设计一个居中的代码 <template> <el-container class="container"> <el-card class="box-card"> <div class="clearfix"> <span>卡片名称</span> <el-button style="float: ......
前端跨域解决方案——postMessage
在前端开发中，跨域是一个常见的问题，由于同源策略的限制，浏览器不允许在不同源的页面之间直接进行通信。解决跨域问题有多种方式，其中一种常用的方式是使用postMessage。 postMessage是HTML5引入的一种跨文档通信的机制，可以在不同的窗口或框架之间传递数据，即使这些窗口或框架不属于同一 ......
前端开发环境准备
前情提示，适合有点计算机基础的，然后尽量有自己的梯子 scoop 个人推荐的windows安装包管理器 官网传送门 git 个人推荐安装mingit scoop安装（要点运气，国内时不时墙了Github） scoop install mingit 备用方案：git GitHub传送门 node sc ......
SpringMVC 后台从前端获取单个参数
1.编写web.xml(模板) 2.springmvc配置文件 3.编写对应数据库字段的pojo实体类 @Data @AllArgsConstructor @NoArgsConstructor public class User { private int id; private String na ......
react18中antd的Upload组件上传头像，并且拿到服务器返回的头像的url地址在页面中显示头像
业务需求：上传头像，上传完毕后拿到头像的url，把头像展示在页面中，最终把头像url和其他用户信息一起发送给服务器 上传头像流程 导入 Upload 组件和图标(一个加号，一个加载中) import { Upload } from 'antd'; import { PlusOutlined, Loa ......
博客园页面展示--前端及样式代码
这是一个博客园的首页面的展示前端代码和样式代码 样式代码CSS采用外部链接，建好文件直接复制运行vscode即可，话不多说，直接上代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Mickey - 博客园</title> < ......
仿chatGPT或chatPDF的前端界面布局，css实现对话聊天布局代码，响应式左右分栏布局（附完整源代码）
chatPDF或者chatGPT的界面挺简洁的，就是一个左侧的列表以及右侧的对话列表，现在使用css实现这样的布局 充分运用了flex布局方式实现，左右分栏，以及对话形式展示效果 下面是效果图： 在手机设备看就隐藏左侧，右侧100%适应 下面就是html和css的布局代码 <style> .chat ......
前端笔记-利用thymeleaf隐藏显示input及label
https://blog.csdn.net/qq78442761/article/details/104818137 <!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head> <link rel="styles ......
劝人写码，千刀万剐——“前端已死”难道要成真了？
移动互联网的兴起，传统行业的数字化转型，大前端技术的普及，随之而来的就是Vue为代表的前端框架和工具的兴起，前端开发的门槛降低。但发展，稳定，衰落是亘古不变的事物发展规律。 一些有趣的迹象 最近逛社区，发现“前端已死”的说法跟恶狗进了鸡圈一般，在圈内就炸了锅！网友表示：我贼能加班贼能内卷，但还是没人 ......
小鹿线前端怎么样？
现在 web 前端开发开发技术在不断地迭代更新，有很多从事前端开发的程序员在技术上会遇到瓶颈，这个时候小伙伴就应该通过不断的学习开发技术知识，来提升自身的开发技术水平，那小伙伴应该怎么来学习呢？ 1.梳理清楚知识体系框架 学习前端开发技术，不管是入门还是进阶，一定都要有知识体系建设的想法。就算是刚开 ......