自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端技术

主要以前端原生js和jq为主要内容

  • 博客(54)
  • 资源 (8)
  • 收藏
  • 关注

原创 微信小程序标签

1、viewdiv和view都是盒模型,默认display:block。盒模型在布局过程中,一般推荐display:flex的写法,配合justify-content:center;align-items:center;的定义实现盒模型在横向和纵向的居中。2、text除了text文本节点以外的其他节点都无法长按选中。。截止到0.10.102800的开发者工具text支持嵌套text,不过有clas...

2018-07-04 10:17:12 24676 1

原创 共享层项目

1.数据从运营商那边拿数据,然后解析过滤,生成日志文件,用nifi数据转发的工具,把他转发给kafka,通过这些数据标签规则表,进行匹配,根据标签规则表生成数据,使用脚本把kafka取出来,存到hashdata,要把这张表筛选界面所需的数据,2.上层直接去 hashdata去取数据,数据展示...

2021-11-12 15:41:31 966

原创 反欺诈项目

1.从运营商接过来的原始数据,通过报文解析,找到获取我们需要http get数据,筛选出反欺诈网址进行重定向给客户一个提示页2.做恶意网址拦截的,一些恶意网站,信息欺诈,钓鱼网站3.数据是从 http get https 这些网站链接4.可以做网站申诉,可以网站举报,网站的安全检查5.分为上层和底层,上层为html页面的数据展示,底层为数据报文解析6.上层从底层获取拦截日志,(拦截日志,提示页面日志),文件解析,进行数据入库MySQL7.数据调取,数据展示。...

2021-11-12 15:40:50 757

原创 微信测试用例的编写

1、点赞功能1、网速对点赞的影响2、点赞的人个数显示是否正确3、共同好友能否看到点赞状态4、能否显示点赞得人的头像和昵称,若能显示是否正确5、一行显示几个点赞的头像6、能否正常的点赞和取消点赞7、点赞显示能否按照时间的先后8、消息列表中是否显示点赞人的昵称,头像和点赞时间。9、不同手机操作系统显示界面10、能否及时刷新11、点赞后还能不能评论12、点赞是否有上限2、评论功能1、网速对评论的影响2、共同好友能否看得到评论,非共同好友能否看到评论状态3、评论能否按时间先后顺序显

2021-11-12 15:39:42 1228

原创 html 标签相互转意功能,让表现显示在界面,不被解析成标签

var value='案例110.116.30.75:8088(共4个) <qweqe > </qweqe> ';function HTMLEncode(html) { var temp = document.createElement("div"); (temp.textContent != null) ? (temp.textContent = html) : (temp.innerText = html); var output = temp.i..

2021-09-24 17:01:24 274

原创 接口文档,开放

网易http://c.m.163.com/nc/article/headline/T1348647853363/0-40.html头条http://c.3g.163.com/nc/article/list/T1467284926140/0-20.html精选http://c.3g.163.com/nc/article/list/T1348648517839/0-20.html娱乐http://c.m.163.com/nc/auto/list/5bmz6aG25bGx/0-20.html汽车...

2021-05-24 15:21:33 620

原创 日历时间插件,复制直接用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script> <scr.

2020-11-25 16:38:36 417

原创 table表格样式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> table.tftable, table.table-count { ...

2020-04-08 15:20:41 8323 3

原创 获取时间插件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="../../js/My97DatePicker/skin/WdateP...

2020-01-13 16:12:00 795

原创 form 表单验证验证方法-validate-methods.js

<script src ='http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js'> </script><script src ='http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.vali...

2019-08-12 16:06:39 1666

原创 换肤和动态换背景图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="bootstrap.min.css"> <sty...

2019-08-09 11:26:39 637

原创 文件上传限制判断

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title></head><body><input type="file" name="contractFileName" style...

2019-05-06 15:45:59 265

原创 分页效果datable

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="bootstrap.css"> <link rel...

2019-02-21 17:17:00 246

原创 给随便一个字符串加单位

var wan='&lt;span class="main_div_p_span"&gt;万&lt;/span&gt;';var yi_='&lt;span class="main_div_p_span"&gt;亿&lt;/span&gt;';var arr=123456789;arr = arr.toString();function yi(data){ var res='';...

2019-01-11 14:02:57 490

原创 select 下拉筛选

css&lt;style&gt; table.tftable, table.table-count { font-size: 12px; color: #333333; width: 100%; border-width: 1px; border-collapse: collapse; }...

2018-12-26 09:55:24 2361

原创 点击不同按钮,eachart图显示不同数据,动态的控制echarts折线的条数

废话少说;直接上代码,<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><button onclick="fn_ajax(ti...

2018-11-29 15:53:48 2544

原创 iframe父元素获取子页面的元素

父页面&lt;iframe src="iframe.html" id="iframeId" height="150" width="150"&gt;&lt;/iframe&gt;子页面&lt;div id="div"&gt; iframe页面&lt;/div&gt;window.onload =

2018-11-20 17:20:07 3247

原创 按顺序写input框

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;..

2018-11-15 10:20:28 2957

原创 验证码是否相等

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; .input-code {

2018-11-14 10:50:48 526

原创 eachart加单位

var main3=document.getElementById('main3');var option3 = { title: { textStyle: { color: '#333', fontWeight: 'normal', fontSize: 14 }, ...

2018-11-14 10:01:22 558

原创 数组之间的加减

var comp = [120, 132, 101, 134, 90, 230, 210];var comp2=[220, 182, 191, 234, 290, 330, 310];var arr=[];for(var i=0;i&lt;comp.length;i++){ arr.push(comp2[i]-comp[i])}console.log(arr);

2018-11-05 17:59:24 9833

原创 vue生命周期,组件,slot替换,tab切换,简易留言板

data规范:data:(){return{arr:[{ a: "wan1", b: "在线", c: 5000}, { a: "wan2", b: "离线", c: 4000}, { a: "wan3", b: "在线", c: 3000}], cont:'0', id_Active:'true'}}vue里的生命周期是什么?vu...

2018-11-05 10:40:01 585

原创 vue搜索过滤效果

html:<table id="tfhover_1" class="tftable_1" border="1"> <tr> <th>名称</th> <th>链接状态</th> <th>IP</th> <th>特例类...

2018-10-30 17:45:25 2243

原创 react脚手架的下载和运用

简单的安装使用create-react-app安装起来实在是太简单,只需要一条命令,不像别的脚手架,还需要去clone整个脚手架的源码,再在那基础上改。 1 npm install -g create-react-app 装完之后,生成一个新的项目,可以使用下面的命令: 1 2 create-react-app...

2018-10-18 13:54:41 2220

原创 vue脚手架引入JQ的方法

在vue中引入jq用vue-cli脚手架工具构建项目成功后 当需要引入JQ,可用以下方法: 1.首先在package.json里的dependencies加入"jquery" : "^3.2.1", 2.在终端里输入npm install jquery --save-dev  当然用 淘宝镜像 cnpm 也是可以的   注意:jquery 一定要小写 不然会提示  Please...

2018-10-17 11:27:10 3975

原创 移动端

设置font-size:100px;然后量的高度除以100就是rem比如200px  就是2rem 女神送的话

2018-10-12 16:08:31 177

原创 拖拽封装效果

#div1 {width: 100px; height: 100px; background: red; position: absolute;}#img1 { position: absolute;}  window.onload = function() {         var oDiv = document.getElementById('div1');   ...

2018-09-27 14:53:25 744

原创 正则验证,验证网站URL正则验证

&lt;input type="text" placeholder="请输入网址" class="form-control" id="url" name="url" onblur="IsURL()"&gt; &lt;div class="form-error" id="urll" style="margin-

2018-09-14 09:23:52 19111

原创 ajax调取数据,搜索天气预报

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; *{ padding: 0

2018-09-13 16:17:07 1557

原创 日历和时间的获取

<input type="text" name="end_time" id="today">function today() {//构建方法 var today = new Date();//new 出当前时间 var h = today.getFullYear();//获取年 var m = today.getMonth() + 1;//获取月 ...

2018-09-10 14:24:56 1218

原创 vue-cli的安装方法

一、安装vue-clivue-cli是什么 vue-cli 是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板 全局安装vue-cli npm install -g vue-cli 查看vue-cli是否安装成功 vue -V  ps:如果出现版本号,那么证明安装成功了。 二、通过vue-cli来创建vue项目 创建并初始化项目 vue i...

2018-09-05 11:19:18 408

原创 三元运算符

用来完成简单的选择逻辑,即根据条件判断,从两个选择中选择一种执行。使用格式:(条件表达式)?表达式1:表达式2;运算规则:a) 判断条件表达式,结果为一个布尔值。b) true,运算结果为表达式1c) false,运算结果为表达式2如:int a = 10;  int b = 20;a==b?10:20; 结果为20react中没有if  else  可以用三元运算符来代替...

2018-08-29 10:57:21 4388

原创 加减特效

超简单的代码,&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; *{ p

2018-08-01 14:03:04 228

原创 前端ajax传参字符串拼接 以及data传参

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;butto

2018-07-26 14:37:34 14200

原创 常见的dom操作

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;input

2018-07-26 13:47:43 182

原创 canvas水波特效,可动态改变

&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8" /&gt;&lt;title&gt;Document&lt;/title&gt;&lt;style type="text/css"&gt;#c{marg

2018-07-25 16:00:06 2459

原创 使用 switch 语句来选择要执行的多个代码块之一

&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;自动切换图片-jq22.com&lt;/title&gt;&lt;script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.j

2018-07-23 10:20:48 2537

原创 input的val添加到元素内可删除

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;&amp

2018-07-20 11:17:04 582

原创 input框的val和div同步更新

  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;   &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;   &lt...

2018-07-19 17:23:34 631

原创 stop的运用方法

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; *{ padding: 0

2018-07-19 15:46:36 1255

echarts案例.html

柱状图和折线图的结合,双Y轴,平躺着的柱图,相加得出总和

2021-01-28

日历 前三天 前一个月

可以前几天 未来几天

2020-10-24

分页手写纯手写

分页手写纯手写

2019-01-10

honeySwitch日历,设置周,设置天,设置月

honeySwitch日历,设置周,设置天,设置月

2018-11-20

周日历准确到一年内的那一周

WdatePicker时间插件

2018-11-07

弹出层提示

弹出层代码<div class="demo"> <div class="demo_1"> 基本示例:<button>点击这里</button> </div> <div class="demo_2"> 提示成功:<button>点击这里</button> </div> <div class="demo_3"> 提示失败:<button>点击这里</button> </div> <div class="demo_4"> 提示确认:<button>点击这里</button> </div> <div class="demo_5"> 定义内容:<button>点击这里</button> </div> <div class="demo_6"> 确认输入:<button>点击这里</button> </div> </div>

2018-09-20

准确到时分秒的日历

主要是框架原码,可以准确到秒的时间日历,很好用,希望对你有帮助

2018-07-11

树状图形式的穿梭框

树状图形式的穿梭框,希望对你们有帮助,主要是以JQ库为主

2018-07-11

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除