前端
分类利于管理
花乐晴
这个作者很懒,什么都没留下…
展开
-
elementui 实现四列
【代码】elementui 实现四列。原创 2024-01-17 14:41:27 · 518 阅读 · 0 评论 -
Nginx 解决做反向代理时 静态资源图片、 js、css 访问不到
在反向代理时添加另一个规则。原创 2022-07-26 10:59:00 · 4957 阅读 · 0 评论 -
微信小程序报错 http://不在以下 request 合法域名列表中,
微信小程序原创 2022-07-16 14:42:06 · 2761 阅读 · 0 评论 -
uni-app
uniapp原创 2022-07-14 17:43:45 · 359 阅读 · 0 评论 -
layui table按条件设置背景颜色
var that = this.elem.next(); res.data.forEach(function (item, index) { if (item.deleted === 1) { var tr = that.find(".layui-table-box tbody tr[data-index='" + index + "']"); tr.css("backgro.原创 2022-05-27 15:03:51 · 1988 阅读 · 1 评论 -
layui时间控件
一、年月选择器,不用点击确定//年月选择器 var initYear; laydate.render({ elem: '#yearMonth', type: 'month', /* ready和change函数是为了实现选择年月时不用点确定直接关闭 */ ready: function(date){ // 控件在打开时触发,回调返回一个参数:初始的日期时间对象 initYear = date.year; }, change: fu.原创 2022-04-11 15:18:45 · 1371 阅读 · 0 评论 -
vue项目启动时,npm run serve 和 npm run dev 的区别
npm run serve 和 npm run dev 的区别在我们运行一些 vue 项目的时候,输入npm run serve或者 npm run dev的其中一个时,系统会报错:PS C:\Users\LENOVO\Desktop> npm run devnpm ERR! missing script: devnpm ERR! A complete log of this run can be found in:npm ERR! C:\Users\LENOVO\AppData\原创 2022-04-07 11:09:37 · 1224 阅读 · 0 评论 -
通过css样式定义span标签实现文本输入框功能
<span style="width: 200px;height: 24px;line-height: 24px;font-size: 14px;padding: 5px 8px;border: 1px solid #ddd;" contenteditable="true">我是文本输入框</span>原创 2022-03-08 14:38:46 · 1476 阅读 · 0 评论 -
a标签target属性
<a target="t1" > 1</a><a target="t1" > 2</a><a target="_blank" > 3</a>点击1 后会打开新页面, 再点击2 后 新的页面会被2的内容替换,点击3后新打开页面,原页面不收影响。原创 2022-02-28 22:58:09 · 2186 阅读 · 0 评论 -
前端默认网页缩放80%显示
@media (max-width: 1920px) and (min-width: 768px) { html { zoom: 80%; } @-ms-viewport { width: 1920px; }}原创 2022-02-28 21:38:13 · 2492 阅读 · 0 评论 -
jquery 获取checkbox,radio,select被选中的值
1、jquery获取radio被选中的值<input type="radio" name="rd" id="rd1" value="1">1<input type="radio" name="rd" id="rd2" value="2">2<input type="radio" name="rd" id="rd3" value="3">3三种方法都可以$('input:radio:checked').val();$("input[type='radio']:原创 2022-02-18 11:25:53 · 1092 阅读 · 0 评论 -
JS中onclick方法调用函数时如何传递对象参数
success : function(data){ console.log(data); str = ''; for(var i=0; i<data.length; i++){ var info = JSON.stringify(data[i]); str += '<li onclick = "informationPoint('+info.replace(/"/g, '原创 2022-02-18 11:21:49 · 1317 阅读 · 0 评论 -
若依框架RuoYi前后端分离项目导入IDEA及运行启动
一、准备工作1、检查系统是否装有node,如果没有则进行安装。(1)首先安装Node.js及环境配置(Windows)下载地址:https://nodejs.org/en/download/(2)下载完成后,双击运行,除了选择安装路径,其余就是next。(3)高级系统设置–高级–环境变量–用户变量–path,更改环境变量,更改自己所安装的路径,如图:(3)使用管理员身份打开CMD,输入 node -v 和 npm -v,显示版本号即安装成功。二、打开ruoyi-ui,切换到Termina原创 2022-02-08 17:05:25 · 5898 阅读 · 0 评论 -
js对手机号进行脱敏处理
// 手机号码脱敏处理:方法1 var phone="13812345678"; var str=phone.substring(0,3)+"****"+phone.substring(7); // 手机号码脱敏处理:方法2 var phone="13812345678"; var str=phone.substr(0,3)+"****"+phone.substring(7); // 区别是: // substring第一个参数是开始下标,第二个是结束原创 2021-12-03 11:23:42 · 9881 阅读 · 0 评论 -
layui table where 缓存解决
table.js 在 var d=t.extend(r,a.where); 添加 a.where={}; 代码如下:var d=t.extend(r,a.where);a.where={};原创 2021-08-30 20:51:14 · 575 阅读 · 0 评论 -
layui 前端计算
,{field:'standard_capacity', title:'数量',align:'center',templet:function(d){ return 79200/parseInt(d.molding_cycle)*parseInt(d.modulus) } }原创 2021-07-28 08:30:06 · 464 阅读 · 0 评论 -
post请求多参数
前端 var arrays = [1,2,3,5,6]; var objectData = { planT0Date: "2021-07-24", arrays: arrays, }; debugger var jsonData = JSON.stringify(objectData); //alert(md_ids); $.post("/progress/planT0Data",{jsonData:jsonData},function(res){ if(res.code原创 2021-07-23 16:05:08 · 2908 阅读 · 0 评论 -
html 下拉选择与手输结合
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>测试下拉框与手输</title> </head><body><input id="type" type="text" list="typelist" placeholder="请选择"><datalist id="typel原创 2021-07-23 15:40:53 · 279 阅读 · 0 评论 -
layui动态隐藏列
,templet:function(d){ if(d.name==‘张三’){ }else{ $("[data-field='sex']").css('display','none'); return '<font color=blue>'+d.name+'</font>'; } }原创 2021-07-15 15:15:00 · 623 阅读 · 0 评论 -
jQuery
一、jQuery 语法jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。基础语法: $(selector).action()美元符号定义 jQuery选择符(selector)“查询"和"查找” HTML 元素jQuery 的 action() 执行对元素的操作实例:$(this).hide() - 隐藏当前元素$(“p”).hide() - 隐藏所有 < p> 元素$(“p.test”).hide() - 隐藏所有 class=“原创 2021-07-15 09:15:46 · 116 阅读 · 0 评论 -
Layui的本地存储方法-Layui.data的基本使用
Layui的本地存储方法-Layui.data的基本使用本地存储是对 localStorage 和 sessionStorage 的友好封装,可更方便地管理本地数据。localStorage 持久化存储:layui.data(table, settings),数据会永久存在,除非物理删除。sessionStorage 会话性存储:layui.sessionData(table, settings),页面关闭后即失效。注:layui 2.2.5 新增上述两个方法的使用方式是完全一样的。其中参数 tab原创 2021-06-01 08:38:02 · 5058 阅读 · 0 评论 -
html 按钮居中、input内容居中
margin-left:auto;margin-right:auto;原创 2021-05-24 10:37:36 · 4250 阅读 · 0 评论 -
隐藏、显示div的三种方法
$("#sureId").hide(); //第1种隐藏div$("#sureId").attr("style", "display:none;");//第2种隐藏div $("#sureId").css('display','none'); //第3种隐藏div原创 2021-05-11 21:03:24 · 1155 阅读 · 0 评论 -
layui 报错Uncaught TypeError: l.push is not a function
解决:layui.use([ ‘jquery’, ‘layer’, ‘element’ ], function() {}而不是layui.use(‘jquery’, ‘layer’, ‘element’, function() {}原创 2021-04-17 08:55:48 · 485 阅读 · 0 评论 -
根据id添加、移除class样式及设置只读
$("#lifeId").addClass("layui-disabled") //为ID为lifeId的对象追加样式layui-disabled$("#lifeId").attr("readOnly", "true");//设置为只读属性原创 2021-03-21 21:55:01 · 1747 阅读 · 0 评论 -
layui的下拉框动态赋值 并设置默认值
<div class="layui-inline"> <label class="layui-form-label">测试内容</label> <div class="layui-input-inline"> <select name="projectName" id="contentId" lay-filter="contentId" lay-verify="required">原创 2021-03-15 20:22:13 · 5062 阅读 · 1 评论 -
layui table 操作列动态显示按钮
一、效果图二、实现过程,{fixed: 'right', title:'操作',align:'center',width:125, templet: '#operation'}<script id="operation" type="text/html"> {{# if(d.available === 1){ }} <button type="button" lay-event="" class="layui-btn layui-btn-disabled la原创 2021-03-13 16:52:58 · 1037 阅读 · 0 评论 -
前端js 根据日期判断周几 或比较时间大小
var weekDay = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]; var myDate = new Date(Date.parse(value)); //例如value:2021-03-10 console.log(weekDay[myDate.getDay()]); //周三原创 2021-03-10 15:24:04 · 3842 阅读 · 0 评论 -
vue入门到实战
一、准备工作1.vscode的下载与安装教程:https://blog.csdn.net/weixin_44195615/article/details/1138567062.推荐使用火狐浏览器,并安装插件Vue.js devtools(1)搜索:vue点击Vue.js devtools点击安装3.在vscode安装Open in Browser插件(1)点击拓展,输入Open in Browser,然后点击安装二、快速上手1.编写项目<!DOCTYPE html>原创 2021-02-19 10:06:36 · 3370 阅读 · 9 评论 -
laydate日期时间插件年选择器和年月选择器实现不用点击确定
laydate日期时间插件只有是日期的时候才不用点确定,年选择器和年月选择器的时候必须点确定才能选中。用起来很不方便,这里在不改变源代码的情况实现不用点击确定。1.年选择器实现js代码layui.use('laydate', function(){ var laydate = layui.laydate; var initYear; laydate.render({ elem: '#year', type: 'year', /* ready和change函数是为了实现选择年份时不.原创 2021-02-06 08:26:14 · 1323 阅读 · 0 评论 -
发送验证码后倒计时60秒
1、按钮设置id<input type="button" id="getCode" onclick="getPhoneCode()" value="发送验证码" class="layui-input" />2、<script > /*-------------------------------------------*/ var InterValObj; //timer变量,控制时间 var count; //间隔函数,1秒执原创 2020-12-08 09:16:20 · 568 阅读 · 0 评论 -
layui给select下拉框赋值
<select name="belongsto" id="belongstoId"> <option value="0">请选择</option> </select> //初始化查询条件的下拉列表:填充值的方法 $.get("/item/loadAllItem",function(objs){ //alert(objs); var types=objs.data; var belongsto原创 2020-11-25 15:39:32 · 7616 阅读 · 0 评论 -
阿里云矢量图标使用方法
1、打开官网:https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.22、注册账号并登陆(已有账号直接登录)3、点击网页中间的搜索框,搜索你需要的矢量图标的名称。这里我需要的是首页图标,所以搜索“首页”。选取某一个或多个点击你需要的图标 -> 添加入库。添加入库后点击购物车,添加至项目即可,名称自定。4、点击生成代码,复制代码。在html文档(如标签中,和引用外部CSS文件一致)添加以下代码<link rel=原创 2020-11-13 09:02:24 · 1603 阅读 · 0 评论 -
js如何获取object类型里的键值
方法一function printObject(res){ //obj = {"cid":"C0","ctext":"区县"}; var temp = ""; for(var i in res){ //用javascript的for/in循环遍历对象的属性 temp += i+":"+res[i]+"\n"; } alert(temp);}方法二:eval(“obj.”+key)var key = "name1";var value = res[key]; var key =原创 2020-11-12 19:22:10 · 2311 阅读 · 0 评论 -
layui弹出层根据屏幕大小选择弹出层大小
layui弹出层根据屏幕大小选择弹出层大小//弹出层方法 layer.open({ title: '明细', type: 1, content: 'detail.html, area: screen() < 2 ? ['90%', '80%'] : ['1280px', '720px'], }); //判断浏览器大小方法 function screen() { //获取当前窗口的宽度原创 2020-09-01 15:20:36 · 1258 阅读 · 0 评论 -
layer弹出层的关闭问题——在执行完毕后关闭当前弹出层
一、layer.close(index) - 关闭特定层//当你想关闭当前页的某个层时var index = layer.open();var index = layer.alert();var index = layer.load();var index = layer.tips();//正如你看到的,每一种弹层调用方式,都会返回一个indexlayer.close(index); //此时你只需要把获得的index,轻轻地赋予layer.close即可 //如果你想关闭最新弹出的层,直原创 2020-08-19 15:38:04 · 1656 阅读 · 0 评论 -
layui简洁风格的Tab
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewp.原创 2020-07-22 14:15:25 · 866 阅读 · 0 评论 -
layui问题汇总
添加:type:‘numbers’ 即可layui表单原创 2020-03-20 18:42:58 · 324 阅读 · 0 评论 -
四种常见的post请求中的参数形式
post请求中的参数形式一、初识post请求实例1、Angular的ajax功能AngularJs的ajax的post请求参数就是提交的json字符串。如: var data = {'name':'jack'}; $http.post(url,data).success(function(rsp){ // code })2、applicat...原创 2020-03-19 15:49:12 · 3119 阅读 · 0 评论