js/大前端
关注
分享
扫一扫
userxxcc
「我的文章都是完全免费的，如收费非我为」
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
成品+思路：wails+Go+JS实现系统托盘小插件（状态栏小插件）功能
wails+Go+JS实现系统托盘小插件（状态栏小插件），如图，实现了状态栏实时显示CPU占用率、硬盘占用率功能。原创 2023-12-28 02:39:06 · 1684 阅读 · 0 评论 -
Wails中js调用go函数（1种go写法，2种js调用方法）
b）运行 wails dev命令，系统将会在frontend/wailsjs/go中自动生成JSCallGo函数的export对象。官方js调用go方法文档：https://wails.io/zh-Hans/docs/howdoesitwork。原创 2023-12-22 22:20:07 · 1624 阅读 · 0 评论 -
js判断用户输入完成后按Enter可执行下一步操作，对预选词状态进行识别
js判断用户输入完成后按Enter可执行下一步操作，对预选词状态进行识别。原创 2023-03-05 18:55:50 · 875 阅读 · 0 评论 -
Vue3用js跳转带参数的URL
Vue3用js跳转带参数的URL原创 2022-07-21 18:08:02 · 871 阅读 · 0 评论 -
Vue3监听路由变化
Vue3监听路由变化，onBeforeRouteUpdate原创 2022-07-21 18:00:52 · 2711 阅读 · 0 评论 -
利用浏览器插件运行js来删除特定网站“禁用copy”功能
特定网站“禁用copy复制”功能，强迫用户注册登录，这很有特色。1.match是匹配的域名，只在此域名中运行js；2.如下js包含名称、匹配的网站和执行的代码。原创 2022-07-18 16:20:53 · 739 阅读 · 0 评论 -
网页js打开微信小程序示例
1. 引入js，script方式引入SDK云函数：下载：网页js打开微信小程序js-SDK-Node.js文档类资源-优快云下载2. 填写APP ID，封装调用函数：async function open_wx_xcx(path, query) { let cloud = new window.cloud.Cloud({ identityless: true, // true表示是未登录模式 resourceAppid: 'wxd5133625xxxx原创 2022-03-28 14:35:17 · 3238 阅读 · 3 评论 -
js的navigator.webdriver判断访问是不是模拟浏览器
navigator.webdriver值为undefined是正常的浏览器，返回true说明用的是模拟浏览器。let webdriver = navigator.webdriver;if(webdriver){ console.log('模拟浏览器')} else { console.log('正常浏览器')}-参考：selenium 参数设置-window.navigator.webdriver - 码农教程...原创 2021-10-09 14:52:45 · 1547 阅读 · 0 评论 -
Go+Gin做一个WebSocket，（Ginlaravel演示）
控制器代码：package WebSocketimport ( "ginvel.com/app/Common" "github.com/gin-gonic/gin" "github.com/gorilla/websocket" "net/http" "time")// WebSocket参数var upGrader = websocket.Upgrader{ ReadBufferSize: 1024, WriteBufferSize: 1024, Handsha...原创 2021-06-16 09:32:47 · 876 阅读 · 0 评论 -
postman调试GinLaravel数据需要注意（针对POST方法）
给接口发送post请求，参数值为空时，需要将body的content-type设置成：multipart/form-data或application/x-www-form-urlencoded如下：-使用axios提交post数据时，请确保数据的组合格式是否正确。可以选如下方法来提交正确组合格式的数据： const map = new Map([ // 要提交数据 ["id", 20221],原创 2021-04-28 17:49:42 · 322 阅读 · 0 评论 -
React+vite环境搭建
1. vite默认是搭建vue，如下，可以直接创建vite+raect项目：npm init vite-app 项目名 --template reactcd 项目名npm installnpm run devnpm run build----------------------------------扩展：webpack+react这样搭建：npm install babel -gnpm install webpack -gnpm install webpack-d.原创 2021-03-22 14:43:46 · 2132 阅读 · 0 评论 -
vue3+vite：route路由、axios请求(跨域)、vite.config.js打包生产环境、ele-ui-plus等
0. 安装vue3+vite：### vue3+vite：开发环境打包：npm run dev运行环境打包：npm run build### 构建新vite：npm init vite-app <项目名称>//切换到项目目录cd <项目名称>//安装依赖npm install1. 安装route依赖：npm install vue-router@4npm install axios --save# 其他npm install eleme原创 2021-03-12 09:47:42 · 9453 阅读 · 0 评论 -
css一行省略号、两行省略号
/*显示一行，省略号*/white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;/*显示两行，省略号*/overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;...原创 2020-08-31 11:24:14 · 1283 阅读 · 0 评论 -
纯js写的一个switch开关（或叫checkbox开关）
-使用和说明：init_checkbox_state()初始化显示功能；function checkbox_run(that, style_state)点击某个switch后运行功能；data-checkbox_state="checked" data-style_state="on"开启状态；data-checkbox_state="unchecked" data-style_state="off"关闭状态；data-checkbox_state="disabled" d原创 2020-06-05 15:02:46 · 1920 阅读 · 0 评论 -
js实现语音播报+html自动播放音频
-1. js生成语音源:let str = "测试测试测试测试测试测试测试123测试测试测试测试测试测试123435";let mp3 = "https://tts.baidu.com/text2audio?cuid=baike&lan=zh&ctp=1&pdt=301&vol=9&rate=32&per=0&tex=" + encodeURI(str);2. js实现自动播放音乐：Audio标签由于浏览器不允许自动play()，因原创 2020-05-22 15:55:34 · 7280 阅读 · 0 评论 -
JQ标签整体向下挪动、向上挪动
- $(document).on("click", ".up-div", function () { // 向上挪动 let that = $(this); let div = that.parent().parent(".info-div"); // 需要挪动的节点 if(div.prev()){ div.pre...原创 2020-05-06 11:11:32 · 743 阅读 · 0 评论 -
PHP和js判断网站的搜索引擎的来路
统计网站是输入网址来的还是用户通过搜索某个搜索引擎来的。PHP：$referer = $_SERVER['HTTP_REFERER'];js:let referrer = document.referrer;都会得到："https://www.baidu.com/link?url=X5fvzAiLfA9dVRlzdxjswsIIZGvT3tx9vxmjntzDn_YdO...原创 2020-01-03 14:09:45 · 543 阅读 · 0 评论 -
laravel开启options请求，及fetch如何提交options方法
-#1 laravel直接在routes里面的match里面添加即可，如下：Route::match(['get', 'post', 'options'], '/get_app_token', 'App\UserLogin@get_app_token')-#2 如下定义修改一个基于ES语法的Fetch方法，将method定义为options，就构建了一个OPTIONS请求：...原创 2019-12-05 18:34:38 · 1178 阅读 · 0 评论 -
js写的一个简单分页
一些框架自带分页，但是我还是造个轮子吧：1。分页调用【写法示例，一般在json处理完成后使用】：后端需要输出1）所有数据总数2）每页数量和每页数据 'limit'=>$_limit, 'total'=>$res_total, 'content'=> $res,3）js调用数据渲染...原创 2019-02-22 09:45:52 · 513 阅读 · 0 评论 -
纯js，已封装：利用js检测url参数和插入历史url的方法实现页面刷新定位当前可记忆的位置
-纯js，已封装：利用js检测url参数和插入历史url的方法实现页面刷新定位当前可记忆的位置，单个html文件。 具体逻辑请看代码注释。-<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="v原创 2018-09-26 18:30:42 · 501 阅读 · 1 评论 -
PHP上传任意格式文件（form法、base64数据流法）
-1. form法：<html><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title> 提交文件 </title></head><body>&l...原创 2019-09-13 22:37:48 · 833 阅读 · 0 评论 -
webpack打包步骤
-在电脑新建一个空文件夹 webpack-1-全局安装webpacknpm initnpm i -g webpacknpm i -g webpack-cliwebpack -v-生成package.json配置文件npm install webpack --save-dev在该配置文件里面增加： pm run dev (开发环境输出的dem...原创 2019-09-12 14:08:04 · 2060 阅读 · 0 评论 -
jQ实现拖拽区块功能
-绑定区块需使用position属性。-<!-- start-div --><div class="view-div"> <!--弹出框--> <div class="dialog" minheight="320" minwidth="660"> <div class="dlg_top">...原创 2019-08-27 17:08:32 · 428 阅读 · 0 评论 -
js 前端合成excel（ThinkPHP5+html+js：比纯后端合成来的快，而且超级简单。）
思路：因为岗位是PHP，框架用的TP5，所以想用PHPExcel插件生成excel，无赖折腾了半个小时，不想折腾了。所以用js+html做算了（最终花费20分钟，又快又好做）。利用js将上万条数据导出到Excel，解决数据量大卡顿和导不出的问题。调用：1. html标签：<table id="backViewTable">（thead、tbody、th、tr、td...原创 2018-11-01 13:55:07 · 1051 阅读 · 0 评论 -
js两种方式实现复制内容到剪贴板
#1，利用clipboard.min.js(https://github.com/zenorocha/clipboard.js/)这种兼容性比较好的方式实现。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>functi原创 2018-10-23 14:48:49 · 928 阅读 · 0 评论 -
积累的一个js公共库，封装众多常用的功能，base64和md5，toast等
-对常用函数的封装，有助于综合运用和认时接口和代码层次，加快项目进度。一部分功能基于jQ，但是如果html中没有引入jQ的话，该公共js会自动检测并自动引入。-代码思路和用法再代码注释和注释调用中已经说明。你可以试着调用alert_txt("hello", 2000);来查看效果。-/** create: 2018-06-00 update: 2018-09-18...原创 2018-09-30 10:41:03 · 1016 阅读 · 0 评论 -
给你浏览器主页添加一个自定义的简洁搜素引擎页面
写了一个给浏览器主页特别设置的自定义搜素引擎集合，记忆和自己配置多种搜素引擎、黑暗模式、自动删除输入框的操作历史、友情提示、自适应不屏幕设备和不同系统设备等。一些功能可能写的不够简洁，但是已经封装了，没有多少绒余。思路请看代码注释。-<!-- 支持Android 5+，iOS 10.3.3+，IE10+--><!DOCTYPE html&g...原创 2018-09-30 10:19:16 · 12055 阅读 · 4 评论 -
js中的数据结构思考
-js的数据类型感觉很混乱，喜欢用字典操作键值对，Map以后再用吧。-数组字典（多维数组、json）：let array=[ { type:'text', content:{ type:'number', content:'12345678', }, ...原创 2018-09-20 09:51:15 · 201 阅读 · 0 评论 -
原生js写的触摸滑动重力卡片效果，不依赖框架。
-原生js写的触摸滑动重力卡片，类似于下面这张图，实现卡片简单特效。-分离了参数区和功能区，便于数据的写入和代码的重用能力。-es6语法。-如果会产生左右或者上下的滚动条，则可以设置母标签的overflow: hidden，然后设置母标签的宽和高即可。-<meta name="viewport" content="width=device-width, init...原创 2018-09-14 17:03:42 · 1714 阅读 · 0 评论 -
原生js实现双击、三击甚至更多击事件，默认[1, 10]击
-原生js实现双击、三击甚至更多击事件，默认[1, 10]击，再多击就无意义了。/** 实现自定义的N次连续点击* many_click(_click_num, call_func)* 必填：_click_num 点击次数 [1, 10]* 必填：call_func 回调函数* */let click_before_time = 0;let click_num = 0;f...原创 2018-09-18 15:51:07 · 3636 阅读 · 0 评论 -
纯JavaScript自动渲染tab选项卡，支持触屏，自定义滑块父级区域宽度，自定义标题数目（自己的宽度），支持选中动画和左右触屏动画
-如题。思路请看代码注释。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <...原创 2018-09-13 14:06:31 · 263 阅读 · 0 评论 -
MVVM设计模式理解
MVVM：Model-View-ViewModelModel：对应数据层的域模型，它主要做域模型的同步。通过 Ajax/fetch 等 API 完成客户端和服务端业务 Model 的同步。在层间关系里，它主要用于抽象出 ViewModel 中视图的 Model。个人理解：后端提供API，后端服务架构是 控制器+数据模型 或者 纯控制器。View：View是作为视图模板，用于定义结构、布局。...原创 2018-12-15 09:51:19 · 944 阅读 · 0 评论 -
js自带的base64对称加密算法
-js加密：btoa("password")解密：atob("cGFzc3dvcmQ=")-官方文档/几乎所有现代浏览器都支持：https://developer.mozilla.org/zh-CN/docs/Web/API/WindowBase64/btoa-原创 2018-12-20 17:12:46 · 3789 阅读 · 0 评论 -
简单的js全局匹配与替换黑名单敏感词
不通的函数直接注释掉。-<!-- start-div --><div class="view-div clear" id="view-admin-div"> <div class="text-p"> 香港、四川、台湾 香港、四川、台湾 金塞夫静安寺哦分骄傲i飞机怕发动机埃斯珀 村民低水平重复上传附件貌...原创 2019-08-21 14:25:36 · 1214 阅读 · 0 评论 -
html、js图片上传，用base64随即预览，可多图上传
-<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-sc...原创 2019-07-29 11:49:26 · 215 阅读 · 0 评论 -
Vue的node环境的搭建（脚手架、页面模块、公用页面模块、自定义全局函数方法、反向代理、指针等）
搭建vue环境，无非有以下目标（目录层次清楚了，项目架构和功能也就清楚了，前后端都是根据这个目标来）： 1）创建一个基于node服务的vue框架环境，vue中webpack的使用； 2）配置路由和url访问：①配置单独模块页面；②配置公共模块页面； 3）配置公共js（区别：assets目录将会打包进入dist，而static不会，所以此处js应放入assets文件夹）...原创 2019-03-15 16:15:31 · 541 阅读 · 1 评论 -
jQ写的一个消息通知，支持多消息、渐隐渐现动画等
继续造轮子。效果如下：-css：.kd-notice-div{ position: fixed; z-index: 99999000; top: 80px; right: 20px; border: 0px solid black; width: 280px; min-height: 0px; max-heigh...原创 2019-02-23 11:02:31 · 272 阅读 · 0 评论 -
【web前端框架】轻量化，模块化、MVVM web前端框架——view
以上对前端服务端环境和语言的单纯性要求太过复杂，所以我编写了一个轻量化、较为灵活、模块的MVVM前端框架——view。起始最初的想法是摆脱MVC进入MVVM，彻底摆脱PHP模板渲染做一个单纯的view，让项目做到“模块化+健壮可维护”。-项目Github开源地址：https://github.com/fyonecon/view-view配置教程：单页应用功能生命周期inde...原创 2019-01-22 17:34:04 · 3513 阅读 · 0 评论 -
【原生js-ES6】二次封装一个ES6的post请求
使用：1. 接口、map格式键值对数据、与最终object格式数据datas。body的数据流不能使用JSON.stringfy来string化，直接使用map来拼接成兼容模式body的数据流；2. 代码中console_log()和alert_txt()为本人自定义的函数，你可以换成log函数和alert函数；3. 本post应该可以应该可以发送最大2M的数据流。-所有fet...原创 2019-01-19 15:52:41 · 1513 阅读 · 0 评论 -
【js-jq】自己写的一个鼠标悬浮处文字提醒——自动消失时间，定义多个tips，元素缺失提醒等
直接引用：mouse_txt("selector", "txt", hide_time);即可，如： mouse_txt(".div1", "双击该列表头可隐藏该列");可以根据多个选择器多次引用此函数。如图：-// 鼠标悬浮文字提醒// (选择器（class,id,或其他），描述文字， 消失时间s)// mouse_txt("selector", "txt"原创 2019-01-19 12:19:12 · 654 阅读 · 0 评论