前端 指示indicate swiper
node+express服务给前端提供markdown数据，前端渲染md文件在页面上
本文介绍后端怎么把markdown文件发给前端，前端又怎么渲染在页面中。 先看效果图 md文件代码： 前端网页渲染： 先介绍node+express怎么提供接口: const express = require("express"); const router = express.Router(); ......
轻量前端框架能否与小程序结合应用？
前端框架一般指用于简化网页设计的框架，使用广泛的前端开发套件，比如，jquery，extjs，bootstrap等等，这些框架封装了一些功能，比如html文档操作，漂亮的各种控件（按钮，表单等等），使用前端框架可以帮助快速地搭建网站。 框架是提供一套完整的解决方案，按照规定好的代码结构来做编排，使用 ......
优秀的前端工具FinClip Studio 有哪些值得期待的价值点？
现今，移动应用程序已成为一项重要的技术，人们几乎在所有方面都使用移动应用程序，包括社交媒体、电子商务、娱乐、健康和生产力等领域。用户对移动应用程序的体验和功能需求越来越高，这意味着开发人员需要花费更多的时间和精力来确保应用程序的质量和用户体验。幸运的是，现在有许多可用的移动应用程序开发平台和资源，这 ......
什么是前端应用开发的 LCP（Largest Contentful Paint) 指标
在网页性能优化的领域里，LCP（Largest Contentful Paint，最大内容绘制）是一个非常重要的性能指标。它测量的是从页面开始加载到页面的 "主要内容 " 完全呈现在屏幕上所需的时间。换句话说，LCP 是测量用户何时看到页面的 "主要内容 " 的指标。 在理解 LCP 之前，我们需要 ......
前端建立WebSocket连接
Web Sockets是H5提供的在web应用程序中客户端与服务器端之间进行的非HTTP的通信机制。 当服务器想向客户端发送数据时，可以立即将数据推送到客户端的浏览器中，无需重新建立连接。只要客户端有一个被打开的socket（套接字）并且与服务器建立了连接，服务器就可以把数据推送到这个socket上 ......
解决Vue前端跨域问题
1、在项目目录下面建立config 配置包 2、在配置包下建立CorsConfig类 3、该类里面的代码参考下面 package com.example.projectyuan.config; import org.springframework.web.filter.CorsFilter; imp ......
前端Vue框架请求后台之request封装axios
1、第一步，安装axios ，在 vue项目 里面 输入 npm i axios -S 2、第二步，在vue项目中创建util 工具包，在里面创建request.js文件 3、request.js文件里面的代码参考下面 import axios from 'axios'; const request ......
Lodash-前端 js工具库
官网：Lodash 简介 | Lodash中文文档 | Lodash中文网 (lodashjs.com) import _ from 'lodash' const dialogHandler = (val) => { if (val) { listCompanyByCurrentUserIdFn() ......
文件阅读器的使用——利用文件阅读器将选中的文件图片展示到前端页面
代码示例： # HTML部分 <form action=""> <div class="form-group"> <label for="id_file"> 用户头像 {% load static %} <img src="{% static 'img/default.png' %}" alt="" ......
前端存储：localStorage、sessionStorage
IDE：HBuilder X 3.8.12 -- 序章 前端存储数据的方式 有以下几种： JavaScript Cookie Web存储 localStorage sessionStorage HTML5 Web SQL 数据库 IndexedDB 本文测试其中的 Web存储：localStorag ......
支付宝 返回的form如何在前端打开
支付宝支付时返回了一段标签标签大概是 <form></form><script></script> 试了innerHtml怎么试都不能用，是那种直接把字符串输出到div里面去的而不是转为标签 那么应该怎么处理呢？ document.write(this.payData.config) 一句搞定。。。 ......
前端学习-JavaScrip学习-js基础03
学习教程：黑马程序员视频链接 循环 案例-九九乘法表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s ......
前端学习-JavaScrip学习-sort()函数
sort()函数默认按照字符串Unicode码排序 如果希望按照数字大小排序，需要传参 let arr = [2,4,5,6,22,9,10,111,2,1,32]; console.log(arr.sort(function(a,b) { return a - b; //升序 // return ......
前端学习之html和css
前端 快速入门篇：首先给个title，就是页面标题，比如说这页的 博客后台 - 博客园 这种，第二就是我在它的页面身体里面的标题有h1——h6六种大小的标题，可以按需选择，这个是文字类，然后为了美观一点，可以放图片上去，然后图片也得有它的大小尺寸，包括文字标题也是对吧，所以就引入了css，，css就 ......
jQuery.js - 前端必备的Javascript库
作者:WangMin 格言:努力做好自己喜欢的每一件事 jQuery.js 是什么？ jQuery是一个快速简洁、免费开源易用的JavaScript框架，倡导写更少的代码，做更多的事情 。它封装JavaScript常用的功能代码，提供了一种简便的JavaScript设计模式，以及我们开发中常用到的操 ......
vue将前端的json文件上传到后台对应目录
前端方法代码： /** * * @param {*} fileName 文件名 * @param {*} data 要保存的json对象 * @returns */ saveJsonFileToLocal(fileName, data) { let file = new File([JSON.str ......
前端基础之HTML
前端基础之HTML 目录前端基础之HTML一 前端结构1.1 前端结构概述1.2 浏览器访问网址事1.3 HTTP 协议1.4 添加HTTP协议二. HTML系列2.1 HTML前奏2.2 HTML 文档结构三 标签管理3.1 标签的分类3.2 head内常用标签3.3 body常用标签1）基本文本 ......
前端基础之CSS
前端基础之CSS 目录前端基础之CSS一. CSS语法格式二. CSS 选择器2.1 基本选择器2.2 组合选择器2.3 属性选择器2.4 分组于嵌套2.5 伪类选择器 hover 点击选中2.6 伪元素选择器2.7 选择器优先级三. CSS属性系列3.1 设置长宽3.2 字体属性3.3 文字属性3 ......
前端计算数字精度丢失问题解决方法记录
在日常一些需求中，总会遇到一些需要前端进行手动计算的场景，那么这里需要优先考虑的则是数字精度问题！具体请看下面截图 如图所示，在JavaScript进行浮点型数据计算当中，会出现计算结果“不正确”的现象。 我们知道浮点型数据类型主要有：单精度float、双精度double。 浮点型简单来说就是表示带 ......
websocket的消息丢失处理，以及前端监听心跳处理方案
消息丢失处理方案： 1、后台通过websocket传输给前端消息，并且后台生成校验此消息的定时任务，设置每5秒重发 2、前端接收到消息后将消息通过websocket传输给后台 3、后台如接收到前端的消息则删除对应的发送消息定时任务，如未收到消息则继续发送，设置最多发送5次（超过5次默认认为此条消息记 ......
课程详情接口、所有章节接口、课程列表前端、课程详情前端、视频托管、Header.vue搜索form、搜索后端接口、搜索功能前端、支付宝支付介绍
课程详情接口 # 思路一： 直接在之前写好的查询所有课程的视图类上，配置一个类即可 class CourseView(GenericViewSet, CommonListModelMixin,CommonRetrieveModelMixin) 返回的字段，跟详情，不太对应（详情中要求拿出所有章节和课 ......
纯前端实现录屏并保存视频到本地【转载】
转载地址：https://mp.weixin.qq.com/s/ryAF9IXRsaPs01xSHG-AiA <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content= ......
微前端
1、什么是微前端 微前端是微服务在前端领域的架构实践，他通过将一个单体应用拆分成多个小型应用的方式，从而实现整个系统的解耦和渐进式升级 2、微前端的技术要素： *技术栈无关 主框架不限制接入应用的技术栈，自应用具备完全自主权 *独立开发、独立部署 子应用仓库独立，前后端可独立开发，部署完成后主框架自 ......
js前端编码规范
1、编码风格 1.1 强制两行缩紧 1.2 强制统一以分号结束语句 1.3 强制逗号分隔多行结构，始终加上最后一个逗号 1.4 推荐使用大括号包裹代码块 1.4.3 强制不适用空代码块 1.5 强制空格风格 1.6 推荐文件末保留一行空行；在块末和新语句间插入一行空行 1.7 推荐单行最大字符数10 ......
使用 C++ 构建 WebAssembly：提升前端开发的性能和功能
最近项目中遇到一个文档解析的场景，目标是在浏览器端能预览markdown文件。 拿到这个需求，相信很多前端同学会想到使用开源的库，比如github上很受欢迎的marked，当然，是一个简单而有效的方案。 但是如果你了解webassembly一点点的话，相信你也会觉得，像这种数据处理的活交给C++来干 ......
前端工程狮
现在移动互联网发展的这么快，前端开发领域也越来越广，前端早已经告别了切图崽的时代，在web端、移动端(安卓、IOS)、Watch、小程序、公众号开发、混合app开发都能看到前端开发工程师的影子。 从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现 ......
基础课-前端JS
JAVA Script基础语法 意义：让前端界面动起来；它是负责前端界面与用户之间的交互 前端界面变化的思维导图： 触发 调用 运行 用户进行操作 >前端事件 >JS函数 >界面产生变化 JS代码的编写方式 1.嵌入编写 嵌入在HTML中的script（脚本）标记中，它可以出现在任意位置，建议放在b ......
el-pagination在表格中用法（纯前端分页）
1、el-table <el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)" > ... </el-table> 2、el-pagination <div> <el-paginat ......