OpenWRT搭建个人web站点并结合内网穿透实现公网远程访问

uhttpd 是 OpenWrt/LuCI 开发者从零开始编写的 Web 服务器,目的是成为优秀稳定的、适合嵌入式设备的轻量级任务的 HTTP 服务器,并且和 OpenWrt 配置框架非常好地集成在一起。它是管理 OpenWrt 的默认的 Web 服务器,还提供了现代 Web 服务器所有的 功能。下

tsx零基础页面开发全流程(vue环境)

TSX是JSX的ts版,在react中用途甚广,其实vue中也支持使用TSX编写,本文可以带领大家快速上手 Vue 中的TSX 语法,一小时内掌握TSX独立开发,搭上新时代的列车。

在浏览器的舞台上演:前端如何挑战页面刷新的极限

本文将深入研究前端中刷新页面的不同方式。我们将首先探讨最基础的方法,如使用location.reload(),然后逐步深入,介绍一些高级的技术手段,例如通过 JavaScript 向服务器发送请求实现局部刷新,以及利用前端框架提供的工具来实现无感知刷新。最后,我们将探讨如何在不同场景下选择最合适的刷

uniapp实现城市列表选择获取经纬度、附带搜索功能(移动端、微信小程序)

uniapp实现城市列表、区县选择、获取经纬度、重新定位、兼容android、ios、微信小程序

前端(二十七)——封装指南:Axios接口、常用功能、Vue和React中的封装技术

在我们前端开发当中,封装是种将代码和功能组织起来以便重复使用的方式。它可以使开发人员更高效地编写、维护和管理代码。本文将探讨前端封装的定义、重要性以及在Web开发中实施封装的方法。随着Web应用程序的复杂性不断增加,程序员需要应对各种挑战,如代码复用、维护性、可扩展性等。前端封装作为一种解决方案出现

javascript 判断输入框是否输入回车键(两种实现方法)

javascript 判断输入框是否输入回车键(两种实现方法)

vue3+elementplus基于el-table-v2封装公用table组件

主要是针对表格进行封装,不包括查询表单和操作按钮。梳理出系统中通用表格的功能项,即表格主体的所有功能,生成columns列头数据、生成data表体数据、拖拉列宽、分页、生成中文列名、自定义列宽width。

vue引入外部URL链接

vue使用v-html引入外部URl链接

js 比较当前日期是否在某个是个范围之内(时间段内)

需求描述:判断当前日期或者指定日期是不是在某个时间段内1)有两种方法,一种是vue,另一种是node中当前日期是否在一个日期时间段内isBetweenisBetween:检查一个 moment 是否在其他两个 moment 之间,可选择检查指定的时间刻度(分钟,小时,日期等)

使用nginx部署前端项目

使用FileZilla或者其他工具上传前端项目到nginx的html目录。浏览器访问:http://43.139.56.13/czczz-admin。浏览器访问:http://localhost/czczz-admin。将我们要执行的项目同样放到nginx下html目录下。可以看到,成功访问到前端页

前端 用HTML,CSS, JS 写一个简易的音乐播放器

这个实现了基本的播放/暂停、歌曲切换、音量控制、进度条控制和显示歌曲信息等功能,同时还支持播放模式切换和歌曲列表操作。这些功能的实现需要涉及到不同的技术和工具,如 AJAX、WebSocket、React、Node.js 等。如果你想要深入学习和掌握 Web 开发技术,可以选择相应的学习路径和教程进

element的el-date-picker组件实现只可选择当前之后的时间,包括时分

element的el-date-picker组件实现只可选择当前之后的时间,包括时分

C++初级项目-webserver(1)

Web服务器是一个基于Linux的简单的服务器程序,其主要功能是接收HTTP请求并发送HTTP响应,从而使客户端能够访问网站上的内容。本项目旨在使用C++语言,基于epoll模型实现一个简单的Web服务器。选择epoll模型是为了高效地处理大量并发连接。

前端文件下载实现方案,Blob对象为你实现任意文件下载

本文主要介绍了如何使用Blob对象在前端实现文件下载的功能。文中首先介绍了什么是Blob对象,它表示一个二进制大型对象,可以用来表示文件或二进制数据。然后详细讲解了几种生成Blob对象的方式,以及如何通过方法生成一个对象URL,设置到a 标签的href属性实现文件下载。文末还提到了一些优化下载体验的

封装一个公用的【Echarts图表组件】的3种模板

在components下创建一个echarts.vue文件<template> <div> <div class="know_r_echart"> <div id="atlasChart"></div> </d

axios:基本使用、常用配置项、create方法、请求和响应拦截器、取消请求

一般来说,我们都会省略then的失败回调,所有的错误都在响应拦截器中捕获,做法就是在响应拦截器失败的回调中进行错误提示,并返回一个pending状态的Promise,这样的话我们使用async/await就不用包try-catch了,then也就不用指定失败的回调了。当请求结束后,如果请求成功,就会

Ajax请求跨域问题及其解决方案

我们的传统请求,比如说超链接、form表单,js代码以及直接在浏览器地址栏上写请求地址都不存在跨域问题,能够从一个网站访问另外一个网站,但是我们的Ajax请求会存在跨域问题,其主要是为了解决跨域访问带来的安全隐患。因为浏览器中有一个内置对象XMLHTTPRequest。这个对象是每个网站不共享的,因

markdown-it基本使用

markdown-it能够将markdown语法的内容转换为html内容,这样我们使用markdown语法写的笔记,就可以转换作为网页使用了。

使用 ApiPost进行WebService 调试,就是这样简单

Apipost 可以用于调试 WebService 请求。

前端规范(一)之ESlint以及@antfu/eslint-config

本文将记录工作中eslint相关的内容,常用的配置、插件等;团队项目中规范尤其重要,否则合并代码的时候会有大量冲突出现;通过eslint和vscode工作区的setting.json设置能有效的使团队的规范保持一致;

登录可以使用的更多功能哦! 登录
作者榜
...
资讯小助手

资讯同步

...
内容小助手

文章同步

...
Deephub

公众号:deephub-imba

...
奕凯

公众号:奕凯的技术栈