前端 头像 国庆
前端Vue仿京东淘宝我的优惠券列表组件 用于电商我的优惠券列表页面
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
.NET6 微服务架构实战系列---Docker+Nginx部署前端Vue项目
一、相关配置安装 1.1 安装Docker [CentOS环境安装Docker](https://www.cnblogs.com/Code-HHX/p/17538236.html) 1.2 Docker中拉取nginx镜像 ``` docker pull nginx ``` 二、Vue前端项目创建配 ......
前端Vue自定义暂无数据组件nodata 用于页面请求无数据时展示
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
前端Vue自定义加载loading组件 通过设置gif实现loading动画 可用于页面请求前loading
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
记一次前端npm报错“ error Command failed with exit code 1.”
记一次前端npm报错“ error Command failed with exit code 1.” 现象 报错日志如下 script returned exit code 1 [2023-07-07 23:12:06] + yarn --cwd /root/workspace build:tes ......
web前端 表单作业
作业要求： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit ......
若依前端，菜单栏切换时刷新问题[页面菜单切换时，页面总是重新刷新，导致页面输入的查询参数重载清空]
### 前端页面菜单切换时，页面总是重新刷新，导致页面输入的查询参数重载清空  ### 这样切换时，页面就 ......
web前端 链接跳转作业
作业要求： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ......
vue前端使用node-rsa公钥加密解密
const NodeRSA = require('node-rsa'); // 使用公钥加密 export function encrypt (msg,commonKey) { const key = new NodeRSA(` BEGIN PUBLIC KEY ${commonKey} END P ......
2023-07-07 wx.getUserProfile获取到的用户头像为灰色头像，昵称为【微信用户】？原来是 微信小程序无法通过 wx.getUserInfo 以及 wx.getUserProfile获取用户头像和昵称，解决方案==》手动触发open-type为chooseAvatar的button去拿到头像
前言：微信的两个api【wx.getUserInfo】、【wx.getUserProfile】均不返回正确的昵称和头像了，在微信开发者工具中能获取到，但是体验版以及正式版小程序就一直获取到的是默认的灰色头像以及固定的昵称【微信用户】。 解决方案：只能通过手动触发open-type为chooseAva ......
前端Chrome调试技巧汇总
Chrome浏览器调试工具的核心功能： 🥷🏻注：本文测试、截图均为Edge浏览器（内核是Chromium），浏览器内核可了解《有哪些浏览器/内核？》 00、基础操作汇总 操作类型快捷键/说明 切换浏览器标签 🔸 Ctrl+1到8切换到对应序号的浏览器标签 🔸 Ctrl+PgUp/PgDn标签 ......
10个适合后端程序员的前端框架
思维导航 前言 AdminLTE Gentelella layuimini Materialize vue-element-admin vue-admin-better Ant Design Vue vue-vben-admin ngx-admin react-admin DotNetGuide技术 ......
通过前端Ajax访问WebService形式的接口
WebService是早期提供Web服务的一种形式（现在最新的方式是WebApi），其无关于编程语言，有java形式的WebService,也有C#形式的WebService。 我们在项目中，需要和其他外部系统进行接口对接时，常使用WebService或WebApi，这取决于对方提供服务接口的使用的 ......
【19.0】 前端基础之HTTP协议
# 【19.0】 前端基础之HTTP协议 - http协议 ````text 1. 什么是请求头请求体，响应头响应体 2. URL地址包括什么 3. get请求和post请求到底是什么 4. Content-Type是什么 ```` ## 【一】简介 - HTTP协议是Hyper Text Tran ......
【20.0】 前端基础之URL编码
# 【20.0】 前端基础之URL编码 # 【一】URL 解码 / 编码详解 > 当 URL 路径或者查询参数中，带有中文或者特殊字符的时候，就需要对 URL 进行编码（采用十六进制[编码格式](https://so.csdn.net/so/search?q=编码格式&spm=1001.2101.3 ......
前端Vue组件之仿京东拼多多领取优惠券弹出框popup 可用于电商商品详情领券场景使用
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
前端Vue自定义精美底部操作栏导航栏工具栏 可用于电商购物车底部导航
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
web前端 第二天总结
案例1:元素显示模式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ......
web前端 第一天总结
案例1：标准的html骨架 <!DOCTYPE html> <!--声明文档 html5 --> <html lang="en"> <head> <meta charset="utf-8"> <title>我是最棒的</title> </head> <body> 今天是第一天学习前端 </body> ......
线上活动 | AI 头像变装秀
 宝子们，你的头像多久没换了？👀 送你一个锦囊，让你拥有既独一无二，又千变万化的专属 AI 头像 🤩 🤗 Hugging Face 将在 7 月 5 日 发起：AI ......
redis的订阅发布功能中，前端如何监听到消息，并修改前端页面。
 { // 1 判断是否登录， let token= this.$cookies.get('token') if(token){ this.$axios.post(`${th ......
【18.0】前端框架Bootstrap
# 【18.0】前端框架Bootstrap > 该框架已经帮我们写好了很多页面样式，如果需要使用，只需要下载对应文件 > > 直接CV拷贝即可 > 在使用Bootstrap的时候，所有的页面样式只需要通过修改class属性来调节即可 # 【一】什么是Bootstrap - Bootstrap是一个开 ......
前端接收后端文件后乱码
前端可尝试 1 设置responseType为blob类型; 2 设置content-type: 为后端返回的类型如excel类型 其它可以不懂可以百度或者gpt ......
前端基础-js篇（一）
1.use strict （1）ES5 规范增加了新的语言特性并且修改了一些已经存在的特性。为了保证旧的功能还能够使用，大部分的修改是默认不生效的。 （2）需要一个特殊的指令 —— "use strict" 来明确地激活这些特性。 （3）当它处于脚本文件的顶部时，则整个脚本文件都将以“现代”模式进行 ......
前端使用protobuf进行传参
一.proto的理解 1.以.proto结尾的文件是protobuf文件，且.proto是一种传参规则的定义。 2.常用的请求传参方式是json或xml，因为在大多数的语言中这两种轻量型语言都能被其他语言识别到（java、python、javascript、c++等等）。 proto作为区别于前两者 ......
脱发秘籍：前端Chrome调试技巧汇总
脱发秘籍，快速了解前端Chrome调试工具，这里有你不知道的Chrome调试技巧：元素（Element）、控制台（Console）页、源代码（Sources）、网络（Network）、性能优化（Performance）... ......
【17.0】前端基础jQuery之jQuery补充
# 【17.0】前端基础jQuery之jQuery补充 # 【一】组织标签后续执行 - 方式一 ```html Title ``` - 方式二 ```html Title ``` # 【二】阻止事件冒泡 ```html Title div div>p div>p>span ``` # 【三】事件委托 ......
一套比较完整的字节面试题，包含计算机网络、操作系统、前端等
一、算法和数据结构 实现一个函数，判断两个给定的字符串是否为异构字符串。 异构字符串是指由相同字符但顺序不同的字符串。例如，“abb”和“bab”就是异构字符串。 答案： function isIsomorphic(str1, str2) { if (str1.length !== str2.len ......