前端
TurboMT
这个作者很懒,什么都没留下…
展开
-
node多版本管理器-NVM
nvm可以让同时电脑中下载多个node版本并自由切换,对不同node版本的项目非常方便原创 2022-12-21 23:07:17 · 302 阅读 · 0 评论 -
fastadmin表格直接添加序号
fastadmin表格直接添加序号,不涉及后端接口原创 2022-12-13 15:52:15 · 581 阅读 · 0 评论 -
fastadmin监听表格checkbox点击
fastadmin监听表格checkbox点击原创 2022-12-13 15:26:25 · 429 阅读 · 0 评论 -
执行npm出现“Error:Cannot find module ‘fs/promises”的问题
npm报错:“Error:Cannot find module ‘fs/promises” 解决方案原创 2022-11-14 16:18:30 · 7611 阅读 · 0 评论 -
JS中的base64编码和解码(解决中文乱码)
JS中的base64编码和解码(解决中文乱码)原创 2022-11-12 16:40:38 · 4550 阅读 · 0 评论 -
fastadmin更改默认表格按钮的弹窗大小
fastadmin更改默认表格按钮的弹窗大小。原创 2022-07-18 16:57:33 · 925 阅读 · 0 评论 -
JS中的MD5加密
展示例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script原创 2021-12-14 11:31:27 · 5548 阅读 · 0 评论 -
html简单遮罩实现
应用场景:可自定义的遮罩示例<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>html简单遮罩实现</title> <style type="text/css"> /* 半透明的遮罩层 */ #shadeDiv { back原创 2021-11-12 09:38:22 · 2682 阅读 · 0 评论 -
fastadmin表格隐藏搜索栏(可操作隐藏显示)
index: function () { // 初始化表格参数配置 Table.api.init({ extend: { index_url: '/index' + location.search, table: 'table_name', } }); var table = $("#table"); // 在普通搜索渲染后 table.on('post-common-search.bs.table', function原创 2021-08-31 10:47:08 · 3122 阅读 · 0 评论 -
关于下载VsCode安装包下载慢的问题
一般下载慢是因为下载的cdn不是国内,导致延迟较大VsCode下载页点击下载后到下载列表复制下载链接,更改cdn域名vscode.cdn.azure.cn举个例子beforehttps://az764295.vo.msecnd.net/stable/3866c3553be8b268c8a7f8c0482c0c0177aa8bfa/VSCodeUserSetup-x64-1.59.1.exeafterhttps://vscode.cdn.azure.cn/stable/3866c3553原创 2021-08-23 11:42:34 · 306 阅读 · 0 评论 -
微信浏览器清除缓存数据
随便打开一个聊天窗口,输入debugx5.qq.com 并发送,或者直接打开此文章点击跳转debugx5.qq.com原创 2021-07-27 11:52:53 · 185 阅读 · 0 评论 -
跨域请求避免OPTIONS请求(预检请求)
有时候前后端分离域名不一致,会造成跨域请求而跨域请求有时候会自动发起两次请求,第一次为预检请求,即OPTIONS请求一般来说使用 application/json 的 post 请求是必然会带入OPTIONS请求OPTIONS请求也被称为预检请求,主要用于获知服务端支持的HTTP请求方法。跨域资源共享(CORS)标准新增了一组 HTTP 首部字段,配合预检请求可获知服务器允许哪些源站通过浏览器有权限访问哪些资源。但是在有些get请求中也会OPTIONS请求,这里补充下回发生options的情况当发原创 2021-07-06 16:41:28 · 15931 阅读 · 7 评论 -
JS过滤参数中的所有空格
var code = ' go '; // 前后敲了两个空格// 利用正则来匹配空格然后全部替换// var reg_empty = new RegExp(" ","g");// g表示全部替换。// code = code.replace(reg_empty,"");console.log('code参数长度:' + code.length);console.log('code参数:' + code);不过滤空格的情况过滤空格的情况(打开正则注释)new RegExp(" ","g原创 2021-04-27 09:31:56 · 261 阅读 · 3 评论 -
JS获取url中的指定参数
// 获取URL中的指定参数function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) return unescape(r[2]); return null; //返回参原创 2021-04-26 18:01:29 · 465 阅读 · 2 评论 -
fastadmin中从后端传参数到对应的js
fastadmin从后端传参数的流程是先传送到html,再由html传送到js后端$this->view->assign('house_id',$house_id);前端html页面<script> var house_id = "{$house_id}";</script>前端html对应的js文件console.log(house_id)...原创 2021-04-09 14:19:41 · 2344 阅读 · 0 评论 -
fastadmin列表中的按钮设置动态名称
有时候动态按钮更能方便我们去直观的查看数据直接在text属性增加一个function去操作就可以了buttons :[ { name: 'see_bed_list', title: __('床位列表'), text: function(row){ return '床位列表('+ row.bed_num + ')'; }, classname: 'btn btn-xs btn-info btn-dialog', extend:原创 2021-04-09 14:11:53 · 662 阅读 · 0 评论 -
实现fastadmin中的下拉框联动
直接上代码<!-- data-toggle="cxselect" 这个属性是开启多级联动的 --><!-- data-selects="catelist,billtypelist" 这个是要联动的select下拉,设置完之后需要在每个下拉框汇中class中去命名 --><!-- data-url="" 是请求数据数据的接口地址 --><!-- data-query-name="cate" 是定义选中上一个select的值的请求参数名 --><原创 2021-03-18 09:48:14 · 1912 阅读 · 0 评论 -
fastadmin修改皮肤后,部署生产环境失效的问题(debug关闭)
fastadmin修改皮肤的方法找到/public/assets/css/backend.css 这个文件在最后面新增新的皮肤样式/* @import url("../css/skins/skin-颜色标识.css"); *//* 颜色标识总共有 black/black-light/blue/blue-light/green/green-light/purple/purple-light/red/red-light/yellow/yellow-light总12个颜色标识 */@import原创 2021-02-19 14:15:03 · 606 阅读 · 2 评论 -
JS将10位时间戳转换成标准时间格式Y-m-d
function getLocalTime(nS) { // parseInt() 函数可解析一个字符串,并返回一个整数。 // js中时间操作单位是毫秒。 // toLocaleString() 方法可根据本地时间把 Date 对象转换为字符串,并返回结果。 // replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。 // replace(/:\d{1,2}$/,' ')验证替换以:开始有一位或二位数字的结束字符串,就是秒;替换为空 let tim原创 2021-01-16 16:52:22 · 1641 阅读 · 0 评论 -
彻底删除Vscode所有数据
先卸载源程序文件,在安装更目录找到unins000.exe,点击进行卸载删除Vscode插件此路径是C:\Users\Administrator(此文件名是当前PC的登录用户名),进入目录后找到 .vscode 进行删除删除个人数据的缓存配置信息此路径位于C:\Users\Administrator\AppData\Roaming,进入目录后删除Code文件夹即可至此Vscode所有的数据都清空完毕...原创 2020-11-26 09:59:18 · 10323 阅读 · 1 评论 -
Js判断一个手机号是否合法
运用正则/^0?1[3|4|5|6|7|8][0-9]\d{8}$/;进行封装// 判断手机号是否合法function isPhoneNumber(tel) { var reg =/^0?1[3|4|5|6|7|8][0-9]\d{8}$/; return reg.test(tel);}进行调用 let tel = $('input[name=phone]').val() if(isPhoneNumber(tel)){ // code... }else{.原创 2020-10-16 10:18:40 · 1724 阅读 · 0 评论 -
$.ajax标准的写法
有时候$.post或者$.get 满足不了要求就需要用$.ajax来进行配置$.ajax标准写法$.ajax({ url:"https://xxx.com/api/xxx", //请求的url地址 dataType:"json", //返回格式为json async:true, //请求是否异步,默认为异步,这也是ajax重要特性 data:{"id":"value"}, //参数值 type:"POST", //请求方式 beforeSend:functi.原创 2020-10-08 09:25:38 · 283 阅读 · 0 评论 -
js控制html页面自动滑到底部
window.scrollTo(0,document.body.scrollHeight);可用于页面内容追加提高操作体验原创 2020-09-24 10:18:46 · 2828 阅读 · 0 评论 -
ajax请求中传递cookie数据
在ajax请求中加上这个字段xhrFields:{ withCredentials:true}因为在默认情况下,跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)。通过将withCredentials属性设置为true,可以指定某个请求应该发送凭据。如果服务器接收带凭据的请求,会用下面的HTTP头部来响应完整代码$.ajax({ type:"GET", url:"https://xxxx.com/api/xxxxxx", dataType:'j.原创 2020-09-22 14:07:27 · 2277 阅读 · 0 评论 -
php简单弹窗
这里采用layer弹层组件layer弹层组件/** * 弹窗 * addtime 2020年9月4日 09:55:03 * author Turbo * @param string $msg 提示消息 * @param string $url 跳转链接 * @return void */function show_msg($msg="", $url=""){ @header("Content-Type:text/html;charset=utf-8");原创 2020-09-04 09:58:44 · 1490 阅读 · 0 评论 -
微信小程序下载视频功能
前端代码<button catchtap="handleDownload" data-link="{{new_url}}">保存视频</button>js代码handleDownload(e) { setTimeout(function () { wx.showToast({ title: '下载中', icon: 'loading', duration: 9999999, mask:.原创 2020-08-29 21:51:12 · 2271 阅读 · 5 评论 -
jquery刷新当前页面、刷新父级页面
jquery刷新当前页面、刷新父级页面window.location.reload(); // 刷新当前页面parent.location.reload(); // 刷新父级页面opener.location.reload(); // 刷新父窗口页面(用于单开窗口)top.location.reload(); // 刷新最顶端页面(用于多开窗口)补充常用的知识window.open(); // 打开窗口 window.close(); // 关闭一个窗口(关闭窗口本身用self)wind原创 2020-08-06 18:27:12 · 1209 阅读 · 0 评论 -
微信小程序客服功能简单使用
有时候在小程序中我们需要客服功能,翻看了文档之后发现小程序有内置的客户功能,最简答的用法就是用button组件的开发能力就可以直接调用<button open-type='contact'>联系客服</button>按钮样式跟平常使用button可以自由编辑然后我们要在小程序的后台绑定客服的微信号才可以接收用的消息找到客服模块进行客服微信号绑定扫描客服小程序就可以进行消息回复和接收了...原创 2020-08-06 17:59:40 · 1527 阅读 · 0 评论 -
px,em,rem,rpx 单位的用法和区别
pxpx像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。特点IE无法调整那些使用px作为单位的字体大小;国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。emem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。特点em的值并不是固定的;em会继承父级元素的字体大小。原创 2020-08-06 11:42:44 · 482 阅读 · 0 评论 -
ueditor富文本编辑器简单使用方法(附带下载资源)
ueditor富文本编辑器介绍(下载地址UEditor1.4.3)UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。基础使用方法直接新建页面test.html进行代码填充(注意资源引入路径正确)<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <ti.原创 2020-08-05 17:24:42 · 735 阅读 · 0 评论 -
layui动态渲染select(地址三联动)
layui简单动态渲染select数据html代码<div class="layui-form-item"> <label class="layui-form-label">省市区</label> <div class="layui-input-inline flex"> <select name="province" lay-verify="required" lay-filter="province"&原创 2020-08-01 18:57:18 · 892 阅读 · 0 评论 -
jq计算两个日期相差的天数
jquery简单计算两个日期相差的天数/* * 计算两个日期相差的天数 * addtime 2020年7月30日 21:16:37 * sDate1 开始日期 yyyy-MM-dd格式 * sDate2 结束日期 yyyy-MM-dd格式 */function DateDiff(sDate1, sDate2) { var aDate, oDate1, oDate2, iDays; aDate = sDate1.split("-"); oDate1 = new Dat.原创 2020-07-30 21:22:37 · 2614 阅读 · 0 评论 -
PC端页面适配到移动端的问题(自动缩放PC端页面)
有时候在移动端开发页面的时候会发现因为移动端分辨率大导致页面视图被缩放的很小,这个时候就需要适配了话不多说直接贴上代码<meta charset="utf-8" /><meta content="yes" name="apple-mobile-web-app-capable" /><meta content="yes" name="apple-touch-fullscreen" /><meta content="telephone=no,email=n原创 2020-07-22 15:45:38 · 4058 阅读 · 0 评论 -
在onclick或者href直接写js脚本
比如用在直接刷新当前页面第一种<span class="layui-btn" onclick="javascript:location.reload()">刷新</span>第二种<span class="layui-btn" onclick="javascript:location.replace(location.href)">刷新</span>原创 2020-05-26 10:30:26 · 3549 阅读 · 0 评论 -
利用php控制iframe主页面
可以直接在php直接echoecho <<<STR<script> top.location.href = '/'; // 将要跳转的页面</script>STR;原创 2020-05-15 14:51:07 · 412 阅读 · 0 评论 -
a链接下载base64位图片
HTML代码<a id="dowmbaseimg"></a><a href="javascript:;" onclick="down('@{{ d.num }}','@{{ d.codeimg }}')">下载</a>JS代码function down(id,url) { //以下代码为下载此图片功能 // id :根据情况代入图片下载名称 // url :base64 图片 var triggerDownload = $("#dowmb原创 2020-05-13 11:08:21 · 1524 阅读 · 0 评论 -
Layui简单图片放大
html部分<img src="图片地址" onclick="showImg('名称','图片地址')" style="height: 30px;cursor: pointer;">js部分<script>function showImg(name, url) { layer.open({ type: 1, title: f...原创 2019-12-31 15:53:02 · 395 阅读 · 0 评论 -
js原生代码复制
function copy (attrs) { let target = null; re = new RegExp("<br>","g"); var attr = attrs.replace(re,""); if (attr) { target = document.createElement('div'); targe...原创 2019-10-08 19:34:26 · 105 阅读 · 0 评论 -
移动端 简单代码 实现 文字提示
// 文字提示样式<style type="text/css"> /* 消息提醒样式 */ .msgs { display: block; background:rgba(0,0,0,.7); color: #fff; padding: 10px 20px; line-height: 50px; ...原创 2019-09-19 15:34:13 · 621 阅读 · 0 评论