前端
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 ......
前端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> ......
redis的订阅发布功能中,前端如何监听到消息,并修改前端页面。
![](https://img2023.cnblogs.com/blog/1892439/202307/1892439-20230706220847211-982080298.png) ![](https://img2023.cnblogs.com/blog/1892439/202307/18924 ......
015下单接口前端,支付宝get回调和post回调,上线前准备,阿里云购买,安装 git mysql redis python 虚拟环境,uwsgi nginx,部署前端,部署后端
# 1 下单接口前端 **CourseDetail.vue** ```js // 给按钮增加点击事件 handleGoPay(){ // 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 ......
【15.0】前端基础jQuery之进阶
# 【15.0】前端基础jQuery之进阶 # 【一】操作标签 ## 【1】操作类 #### (1)JS版本 ##### `classList.add()` 方法 - 用于向元素添加一个或多个类名。 - 如果指定的类名已存在,则不会添加。 - 示例: ```javascript element.cl ......
【16.0】前端基础jQuery之jQuery事件
# 【16.0】前端基础jQuery之jQuery事件 # 【一】jQuery绑定事件的两种方式 ## 【1】使用`.on()`方法: - 使用`.on()`方法可以绑定一个或多个事件处理程序到选择器匹配的元素上。该方法可以为动态添加的元素提供事件绑定。 ### 语法: - ```javascrip ......
前端打包的dist文件 怎么用nginx 在 Windows 部署
要在 Windows 上使用 Nginx 部署前端打包的 dist 文件,您可以按照以下步骤进行操作: 下载 Nginx:首先,您需要从 Nginx 官方网站(https://nginx.org/)下载适用于 Windows 的 Nginx 安装程序,并将其安装到您的计算机上。 配置 Nginx ......
前端打包的dist文件 怎么用nginx 在 Windows 部署
要在 Windows 上使用 Nginx 部署前端打包的 dist 文件,您可以按照以下步骤进行操作: 下载 Nginx:首先,您需要从 Nginx 官方网站(https://nginx.org/)下载适用于 Windows 的 Nginx 安装程序,并将其安装到您的计算机上。 配置 Nginx ......
前端必须知道的手机调试工具vConsole
一个轻量、可拓展、针对手机网页的前端开发者调试面板。
vConsole 是框架无关的,可以在 Vue、React 或其他任何框架中使用。
现在 vConsole 是微信小程序的官方调试工具。 ......
前端课的总结
在这个课上我学会了很多知识,包括之前大学学过的,也包括没学过的,总而言之,在这个课上学到了很多有用的东西除了学习知识,还积累了一些好句子 我认为比学习更重要的是要知道为什么去学习,学他的意义在哪里。而后我们要进行专升本的学习,这也是为当时高考的年少轻狂买单, 我很喜欢nba解说于嘉老师说过的几句话, ......
前端播放m3u8格式视频
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>前端播放m3u8格式视频</title> <link href="https://vjs.zencdn.net/7.4.1/video-js.css" r ......
【13.0】前端基础JavaScript之JS事件案例
# 【13.0】前端基础JavaScript之JS事件案例 # 【一】开关灯示例 ```html Title 变色 ``` # 【二】input框获取/失去焦点 ```html Title ``` # 【三】实时展示当前时间 ## 【1.0】基础版 ```html Title ``` ## 【2.0 ......