前端
关注
分享
扫一扫
文章平均质量分 78
Love丶伊卡洛斯
万事皆有可能
展开
-
前端实现 http请求中 表单请求体和json请求体的互相转换，外加转为 冒号换行格式，用于ApiFox批量导入
【代码】前端实现 http请求中 表单请求体和json请求体的互相转换，外加转为 冒号换行格式，用于ApiFox批量导入。原创 2024-08-25 17:45:00 · 1048 阅读 · 0 评论 -
前端 实现 直角三角形 边长、角度计算工具
原生HTML+CSS+JS实现，复制即用，简单粗暴。原创 2022-08-05 18:10:57 · 2597 阅读 · 0 评论 -
基于Electron的Windows桌面闹钟小程序
功能说明：设定提醒时间 和 提醒的内容（图片、视频、音乐），1s一轮训，当到达设定时间后，弹窗提醒内容（自动播放）。可以选择现在就去完成想做的事，或者等5分钟之后再去。原创 2022-02-24 15:45:20 · 1066 阅读 · 0 评论 -
前端JS 实现将24位RGB颜色转换16位RGB颜色
前言因为在做LCD设置颜色的时候，我的TFTLCD屏只支持16位RGB，但是web获取的颜色是24位RGB甚至还有透明度，先忽略透明度，那么就需要一个转换工具，没找到，就自己写了个。原理参考：如何将24位RGB颜色转换16位RGB颜色0xFF0000 转为 0xF800核心就是 11111111 00000000 000000008位R值右移3位，变为了5位：111118位G值右移2位，变成了6位：0000008位B值右移3位，变成了5位：00000最后拼接回去 1111 1000 0000原创 2022-01-05 11:12:35 · 1433 阅读 · 2 评论 -
Web前端 Canvas图片加载、拖拽、缩放、绘制多边形、打点，坐标偏移获取和颜色获取 例程
1、加载img下的色度图片，显示在canvas中，可以进行图片的拖拽，移动，缩放。 2、可以根据下放的输入框进行四边形顶点的确定，程序会自动进行连线。 3、鼠标点击图片会获取点击位置的颜色显示在右侧，并在下发显示坐标位置，和判断此点是否在四边形范围内。原创 2021-12-17 18:00:00 · 2187 阅读 · 0 评论 -
JS伪造referer 测试请求b站API
前言参考文章：js伪造Referer来路ActiveXObject 对象 - [ JavaScript参考手册 ]XMLHttpRequest - Web API 接口参考 | MDNIWinHttpRequest::SetRequestHeader method因为XMLHttpRequest无法直接在客户端伪造referer所以使用微软的WinHttpRequest，配合IE浏览器，ActiveX控件实现伪造。默认限制，需要允许下。微软文档IWinHttpRequest::SetR原创 2021-08-20 09:16:34 · 1197 阅读 · 4 评论 -
前端页面获取访问者的IP地址、经纬度和地理位置
目录前言前期准备注册成为开发者，获取KeyIP定位和逆地理编码API文档思路讲解1、IP地址获取2、IP定位获取经纬度3、逆地理编码获取地理位置代码实现本地运行版web服务版ip_pos.htmlget_ip.c前言本文主要通过高德地图API进行一系列的分析。提供具体的讲解和源码。请勿非法使用，本人概不负责。临时测试页面：传送门效果如下前期准备注册成为开发者，获取Key高德开发平台：https://console.amap.com/dev/key/app注册用户填写相关信息成为开发者原创 2021-08-05 10:18:13 · 20586 阅读 · 19 评论 -
JS禁用页面CSS样式
前言参考：JS styleSheets对象：读取页面的所有CSS样式MDN文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Document/stylesheets核心代码使用document.styleSheets，它会返回一个StyleSheetList / CSSStyleSheet 对象，这个对象对应的是通过引入或者嵌入文档中的样式表，我们通过计算样式表个数进行循环，用数组方式对每个样式进行disabled属性设置。console.l原创 2021-07-26 14:37:41 · 1769 阅读 · 0 评论 -
JS动态表格（增删输入行、文本行）
目录前言工程下载效果图代码table.htmltable.jstable.css前言主要是JS对dom的操作，引入了jquery和bootstrap，实际用到的地方并不多。具体我们看代码来熟悉。工程下载码云：传送门 github：传送门效果图代码table.html<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; chars原创 2021-06-18 15:23:02 · 193 阅读 · 10 评论 -
web获取照片EXIF信息（例如：拍照方向、相机设备型号、拍摄时间、ISO 感光度、GPS 地理位置等数据）
目录前言具体使用1、手机打开相应功能，拍照时开启定位2、运行exif.html3、根据提示上传图片，获取信息4、GPS信息获取代码 exif.html前言插件：Exif.js插件文档：http://code.ciaoca.com/javascript/exif-js/简介：可交换图像文件格式（英语：Exchangeable image file format，官方简称Exif），是专门为数码相机的照片设定的，可以记录数码照片的属性信息和拍摄数据。具体使用1、手机打开相应功能，拍照时开启定位以小原创 2021-06-11 16:44:56 · 3264 阅读 · 18 评论 -
【学习笔记】Vue+Element UI+axios 实现简单的登录页面
前言本文主要是学习过程的记录，可能写法上不是很规范，仅供学习参考。Vue3文档：传送门Element UI文档：传送门使用了表单，按钮，消息提示。功能介绍用户名校验空和2-20位中英文。密码必须包含大小写字母、数字和特殊字符，两种或两种以上，6-20位。没有后端，直接js校验账户，通过提示“登录成功”，错误提示相应消息，输入框标红。测试用户名:admin 密码:123abc代码在线预览codepen传送门效果图代码login.html<!DOCTYPE html>原创 2021-06-03 16:14:34 · 3582 阅读 · 4 评论 -
websocket简单使用实例——多平台粉丝数获取
目录前言效果图主页面websocket测试 点击效果粉丝数获取 效果定时获取粉丝数 效果环境搭建websocketd下载安装例程运行1.sh实际效果server源码web.htmlserveruser_info.confserver.c前言 WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次原创 2021-05-19 10:47:01 · 702 阅读 · 2 评论 -
b站“视频评论区”抽奖 讲解（含JS源码）
前言如有 动态评论区 抽奖需要，可以参考：JS实现b站动态抽奖“公平”方案——动态+转发因为转发抽奖只支持小人数，如果人少，可以使用：JS实现b站动态转发抽奖（小人数）新方案讲解B站动态转发抽奖脚本+教程视频讲解 B站“视频评论区”抽奖 讲解【JS】 传送门正文1.打开视频页面2.鼠标右键打开“检查”工具 或 按F123.直接贴入代码，直捣黄龙代码如下，复制粘贴进入原创 2020-08-08 13:42:14 · 4291 阅读 · 3 评论 -
Vue，jQuery混用，Element-UI，实际案例参考
别问我为啥知道，我裂了环境操作系统：CentOS7jQuery：2.2.3 下载官网：https://jquery.com/Element-UI：2.13.0 下载 index.js和 index.css：https://unpkg.com/browse/element-ui@2.13.0/lib/Vue.js:2.6.11 下载:https://vuejs.org/v2/guide...原创 2020-02-15 14:17:10 · 2782 阅读 · 7 评论 -
JS之正则表达式判断0.0.0.0-255.255.255.255
function check(str) { var reg = /^(([0-9])|(1[0-9][0-9])|(2[0-4][0-9])|(25[0-5]))\.(([0-9])|(1[0-9][0-9])|(2[0-4][0-9])|(25[0-5]))\.(([0-9])|(1[0-9][0-9])|(2[0-4][0-9])|(25[0-5]))\.(([0-9])|(1[0-9][0...原创 2020-02-05 19:34:56 · 1081 阅读 · 0 评论 -
JS 实现table分页显示 —— 实际案例
实际页面效果http://ikaros-521.gitee.io/js_table_paging代码下载： 码云文章参考https://blog.youkuaiyun.com/baidu_41647119/article/details/83479867效果展示第一页 15条记录，右下角显示第二页 11条记录，右下角显示具体代码相关样式我用了 bootstrap，jQuery。jQuer...原创 2020-01-20 17:26:05 · 4358 阅读 · 0 评论 -
HTML登录注册页面简单实现
github：传送门 ，码云：传送门效果参考：登录页面，注册页面使用了bootstrap，jQuery。登录页面源码<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><...原创 2019-10-27 21:33:51 · 12590 阅读 · 0 评论 -
使用码云或GitHub搭建简单的个人网站（补充hexo搭建博客）
视频链接：https://www.bilibili.com/video/av64294697使用码云或GitHub搭建个人网站码云：1、新建一个仓库 路径名会影响你的个人网站的网址（自行修改），开源（公开），其他默认我们点击创建 2、进入仓库后，我们新建一个文件3、文件名为index.html，再写入我们的html代码...原创 2019-08-14 16:28:25 · 2629 阅读 · 8 评论