- 博客(47)
- 收藏
- 关注
RSS订阅原创 循环遍历单选题目是否做出选择，并提醒作答
html是weui框架写的 代码如下：<div class="weui-cells__title">1、 性别<input type="hidden" value="364" name="invanswer[]"> </div> <div class="weui-form"> <div class="weui-form-li iblock">
2022-05-17 10:39:14
144
原创 html中打印部分内容，设置网页打印区域
这里设置多段打印区域html中代码如下：<!--startprint1--><div class="theme"> <p><span class="text-right">发  往：</span>各部门</p> <p><span class="text-right">发件人：</span>人力资源中心</p> <p>&
2021-12-27 13:41:58
1730
转载 30+ 个工作中常用到的前端小知识（干货）
1. JS为什么单线程一个简单的原因就是，js在设计之初只是进行一些简单的表单校验，这完全不需要多线程，单线程完全可以胜任这项工作。即便后来前端发展迅速，承载的能力越来越多，也没有发展到非多线程不可的程度。而且还有一个主要的原因，设想一下，如果js是多线程的，在运行时多个线程同时对DOM元素进行操作，那具体以哪个线程为主就是个问题了，线程的调度问题是一个比较复杂的问题。HTML5新的标准中允许使用new Worker的方式来开启一个新的线程，去运行一段单独的js文件脚本，但是在这个新线程中严格的
2021-10-11 11:04:30
224
原创 js将数字转换为字符串/将字符串转换为数字
将数字转换为字符串String(x)// 将变量 x 转换为字符串并返回或x.toString()将字符串转换为数字Number("3.14")// 返回 3.14parseInt(string)： 这个函数的功能是从string的开头开始解析，返回一个整数...
2021-09-17 11:34:43
240
原创 当前时间js：年月日时分秒星期
function getTime() { var myDate = new Date(); var myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????) var myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月) var myToday = myDate.getDate(); //获取当前日(1-31) var myDay = myDate.getDay(); //获取当前星.
2021-08-09 10:12:32
130
原创 echart实现文字状态效果（0正常1异常）
有时根据项目需要，使用echart展示当前状态效果，不能用0和1数字表示，必须使用文字提示。搜索了很久找到了解决方案，效果如下：废话不多说直接上代码：<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> <style> body{ backg.
2021-07-22 16:07:26
370
原创 普通发票（增值税专用发票）html+css
因业务需要，将发票样式呈现出来。直接上代码<!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"&
2021-06-25 13:20:13
4363
2
原创 地址栏中中文出现乱码解决方案js
decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。提示：使用encodeURI()函数可以对 URI 进行编码。
2021-06-23 15:25:47
363
原创 tabs切换效果，控制对应的文章显示
这里展示是4块文章列表已调出，需要根据标题类型，显示对应的li内容。废话不多说直接上代码：HTML代码如下：<div class="pannel right3"> <h2> <b>巡检记录</b> <span id="tab5"> <a href="javascript:;"
2021-06-22 09:04:12
120
原创 flex布局，超出部分出现滚动条
效果图如下:html代码：<div class="chart"> <div class="monitoring-main"> <div class="monitoring-list"> <div class="item">
2021-03-25 17:20:30
9578
原创 数字转换为千分位，去掉千分位的js方法
今天有用到数字与千分位之间的转换，具体方法如下。1.将数字转换为千分位：number.toLocaleString();2.去掉千分位的方法：number.replace(/,/gi, '');
2021-03-15 16:14:52
1712
原创 使用countUp.js，实现大屏上动态数据滚动效果
看到了官方炫酷的效果http://inorganik.github.io/countUp.js/ 结果下载后半天不得要领。最后总结使用方法如下：1.页面中调用js代码：这里必须要时countUp.umd.js文件 ，其他文件试过不行。<script src="countUp.umd.js"></script>2.html代码：<div class="count">当前报价：<span id="number1">1</span><
2021-03-12 13:55:57
1224
原创 vue实战案例4-基于组件的购物车案例
<head> <style> #mycart{ width: 600px; margin: 0 auto;} #mycart h2{ text-align: center; height:56px; line-height: 56px; text-align: center; background-color:mediumturquoise;} #mycart .item{display:flex; padding:20px.
2021-02-07 20:23:40
295
原创 vue实战案例3-图书管理的应用
<head> <style> h2{ text-align: center;} #mybooks{ width: 600px; margin: 0 auto; text-align: center;} #mybooks div{ padding: 12px 0; background-color: sandybrown;} #mybooks table{ width: 100%; border-right: 1.
2021-02-03 15:21:59
294
原创 vue实战案例2-用户名合法性的验证
效果如下：<head></head><body><div id="myvue"> <span>用户名</span> <!--model.lazy在input失去焦点后绑定--> <input type="text" v-model.lazy="username"> <span>{{tip}}</span></div><scrip
2021-01-29 20:04:04
413
原创 vue实战案例1-tab选项卡切换的实现
<head> <style> #myvue ul{ margin: 0; padding: 0;} #myvue li{ cursor: pointer; list-style: none; float: left; width:120px; height: 32px; line-height: 32px; border:1px solid #dedede; color:red; text-align:center;} #myv
2021-01-29 14:36:21
292
原创 vue实战学习教程3-表单输入绑定
给后台传值不用一个个绑定input元素传送，可以一次性搞定<head> <title>form 表单输入与传值</title></head><body> <div id="myvue"> <!--阻止表单传播事件（用@submit.prevent）去执行mysubmit函数--> <form action="1.html" @submit.prevent="mysu
2021-01-22 10:40:14
163
原创 vue实战学习教程2-传播行为与事件
点击事件、阻止外部事件，按键触发事件等<head> <style> .bgblue{ background-color:blue; width: 200px; height: 200px} .bgyellow{ background-color:yellow; width: 100px; height: 100px;} </style></head><body> <!--选择本元素
2021-01-21 19:56:22
138
原创 vue实战学习教程1-监听、样式绑定、筛选过滤排序
vue中计算、监听、样式绑定、style、筛选、过滤、排序等，归纳总结了一下。<head> <style> .bgblue{ background-color:blue;} .bgyellow{ background-color:yellow;} </style></head><body><div id="myvue"> <ul> <li
2021-01-21 15:21:58
154
转载 谷歌浏览器chrome的vuejs devtools 插件的安装
https://www.cnblogs.com/alice-fee/p/8038367.html
2021-01-20 09:14:32
86
原创 快速选择今天、昨天、本周、上周、本月及上月的js获取方法
今天用到快速选择今天、昨天、本周、上周、本月及上月的js获取方法，参照老前辈的代码自己整理后最终的效果：代码块在这里：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
2020-10-29 13:44:55
555
原创 Vscode下快速补全新建HTML文件默认代码
1、新建文件。2、点击右下角文档格式：纯文本，上方弹出框输入HTML改成 html文档格式。3、输入“ ！”，按tab。4、完成。
2020-10-22 09:27:09
1044
原创 判断访问设备，针对不同设备调用代码
在做网站时，有时需要用针对不同的访问设备做出不同处理。下面就是对pc及移动端判断的js方法： //判断访问设备，方便后面针对不同设备调用代码 var dev = ""; if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian
2020-09-14 13:53:14
293
原创 微信PC端同时登陆两个或者多个 微信双开 微信多开操作
1.首页找到微信目标位置：可在微信快捷键上右击-属性-目标位置 比如：“D:\Program Files (x86)\Tencent\WeChat\WeChat.exe”2.打开记事本写入：@echo offstart /d "D:\Program Files (x86)\Tencent\WeChat\" WeChat.exestart /d "D:\Program Files (x86)\Tencent\WeChat\" WeChat.exeexittips:希望打开几个微信 就写几
2020-06-22 09:42:38
1122
原创 layui富文本编辑器表单提交时内容为空的处理方法
今天遇到了layui运用富文本编辑器 提交表单时内容为空。网上找了很多解决方法，不知道具体在哪加代码。现在整理出来方便自己跟朋友今后操作。html代码如下:<textarea id="content" name="content" style="display: none;" lay-verify="content"></textarea>js如下： layui...
2020-04-30 09:32:36
1589
原创 按下鼠标某个按键是触发事件js
按下鼠标某个按键是触发事件//按下鼠标某个按键是触发document.onkeydown=function(){ var e = window.event||arguments[0]; if(e.keyCode==123){ alert('请尊重劳动成果！'); return false; }else if((e.ctrlKey)&am...
2020-03-30 13:09:14
715
原创 使用js拆分带参数的URL，将参数分离出来
url中的内容：http://140.249.17.87:8081/implanth5/ToExternalController/toMemberinfo?account=zhangsan&group=ceshi001&platform=gongzhonghao001;一下为js内容，包装在一个init方法中。init();function init(){ var the...
2020-01-07 09:57:02
1428
原创 iis8.5支持php环境 添加模块映射
iis8.5支持php环境 添加模块映射的步骤：1.打开iis 在功能视图中找到处理程序映射2.在右侧找到“添加模块映射”3.配置模块参数 如图：
2019-09-06 08:49:52
2232
转载 HTML页面每次打开的时候都清除页面缓存
解决办法为：（1） 用HTML标签设置HTTP头信息<HEAD><META HTTP-EQUIV="Pragma" CONTENT="no-cache"><META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"><META HTTP-EQUIV="Expires" CONTEN...
2019-08-12 14:57:54
450
转载 zepto.min.js和 jquery.js冲突
导入的时候可以是这样 ：<script src="/js/libs/zepto.min.js" type="text/javascript"></script><script src="/js/libs/jquery.min.js" type="text/javascript"></script>先导入 zepto.min.js 再导入 jq...
2019-07-23 18:21:18
750
原创 表单验证：姓名、手机号、银行卡号、充值金额等正则判断
充值页面表单验证包括：姓名、手机号、银行卡号、充值金额等正则判断$('.c-button').click(function(){ var banksName=$('#banksName').val();//开户姓名 var banksTel=$('#banksTel').val();//手机号 var Money=$('#Money').val();//金额 var myreg...
2019-07-15 16:04:04
1349
原创 jquery中怎么设置一个radio为选中状态
今天需要用到再不刷新页面切换导航的情况下默认一个选中的单选按钮，试了很久不管用，最终找到了解决方案：$("input[name=jizai]:eq(0)").prop("checked",'checked');用prop方法和不是attr以下是转载内容：jquery1.6中新加了一个方法prop()，一直没用过它，官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。大家都知...
2019-07-04 14:37:37
10629
1
原创 总结一下mock.js模拟数据
模拟常规：Mock.mock("http://localhost:8080/lostweek/hello.html","post",{ "lastTime": "2018-12-05 20:59:01", "period": "18120518" });模拟数组：//------------------mock开始 Mock.mock('http://loca...
2019-06-19 09:38:53
260
转载 CSS技巧：多列等高，padding-bottom/margin-bottom内外补丁负值法
内外补丁负值法是指通过内外补丁的设置来解决一些我们通常方法不能实现的效果。例如：可以通过改变盒模型的样式来使几列div由内容撑开高度但几列div与最高的一栏等高的问题。但是为什么会出现这样的情况呢？先来充分理解一下margin和padding；说的直白一些margin就是模块与模块之间的间隙，而padding是边框与内容之间的间隙。当设置padding-bottom:10000px;margi...
2019-06-11 15:10:11
444
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人