自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(57)
  • 资源 (1)
  • 收藏
  • 关注

原创 小程序单张图片 和 九宫格图片上传、预览、删除示例

小程序单张图片 和 九宫格图片上传、预览、删除示例,附下载地址

2018-07-05 16:39:58 10969 1

原创 真机预览本地页面方式-简单快捷(精简大法Node)

1、安装nodejs环境2、在所在的项目下输入命令:cnpm install anywhere -g;3、直接输入命令:anywhere,这里浏览器自动打开所有项目的根目录,点击就可以看到,同一网段下,然后手机直接预览这个地址就可以...

2018-06-26 14:00:42 552

原创 小程序各种功能代码片段整理---持续更新

轮播功能、小程序客服会话功能、转发/分享功能 小卡片设置、获取微信用户的头像和名称、新页面跳转(子页面返回)、更改单个页面顶部导航栏的名字、Canvas导出图片、小程序弹窗提示 wx.showToast()、九宫格方式上传图片(预览并删除)、底部导航、小程序MD5加密写法(支持加密中文)、锚点效果、导航栏吸顶效果、获取屏幕当前高度并赋值给某个view、图片裁剪功能

2018-05-29 17:05:35 8692 1

原创 html 网址只能在微信内打开 的代码

function is_weixin(){ var ua = navigator.userAgent.toLowerCase(); //判断浏览器的类型 if(ua.match(/MicroMessenger/i)=="micromessenger") { return true; } else { return false; }...

2019-09-26 16:33:16 1986

原创 webstorm是个很好用的编辑器

K6IXATEF43-eyJsaWNlbnNlSWQiOiJLNklYQVRFRjQzIiwibGljZW5zZWVOYW1lIjoi5o6I5p2D5Luj55CG5ZWGOiBodHRwOi8vaWRlYS5oay5jbiIsImFzc2lnbmVlTmFtZSI6IiIsImFzc2lnbmVlRW1haWwiOiIiLCJsaWNlbnNlUmVzdHJpY3Rpb24iOiIiLCJja...

2019-09-11 09:56:21 823 1

原创 前端CSS重置样式(移动端&PC端)

移动端* { -webkit-tap-highlight-color: transparent; outline: 0; margin: 0; padding: 0; vertical-align: baseline; }body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fi...

2019-09-10 15:38:21 1397

原创 减少前端消耗部分规范(整理雅虎yslow)

yahoo yslow org原址:https://developer.yahoo.com/performance/rules.html#num_http1、减少http请求,整合icon使用背景图定位2、文件上传至CDN3、删除不必要代码注释等4、压缩混淆引用文件5、CSS放顶部,js放底部6、不使用CSS表达式7、减少JS和CSS在页面内书写,用外部引用8、Ajax使用缓存...

2019-09-10 14:52:36 226

原创 js倒计时 天-时-分-秒-毫秒

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>js时分秒毫秒倒计时&l

2018-08-28 19:44:00 1983 1

原创 js生成随机数(多位字母加数字)

<div class="ry-num" ></div> //随机数 function _getRandomString(len) { len = len || 32; var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; // 默认去掉了容易...

2018-08-22 15:33:09 3403

原创 小程序多个formid写法

wxml布局<form bindsubmit="goto_index" report-submit="true"> <button class="form_button" form-type="submit&qu

2018-08-07 15:50:16 2036

原创 2018最新版 手机号、验证码正则表达式 jq + 小程序

<input class="weui-input" id="tel" type="tel&amp

2018-07-23 18:28:05 4533

原创 移动端ios点击input/button时的【阴影/闪烁】解决方法

1、点击元素后闪烁、有半透明背景给元素添加:-webkit-tap-highlight-color : rgba (255, 255, 255, 0) ;-webkit-tap-highlight-color : transparent ;

2018-07-17 15:54:19 2142

原创 html 移动端的各种meta标签

<!-- 强制竖屏 --><meta name="x5-orientation" content="portrait"><meta name="screen-orientation" content="portrait"><meta name="apple-mobile-web-app-status-bar-sty

2018-06-29 09:29:02 1359

原创 jq菜单筛选功能 点击选择再次点击取消(每组可多选)

效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&

2018-06-01 15:33:17 1397

原创 css改变placeholder的字体颜色

*只适用于pc端 css改变placeholder的字体颜色

2018-02-28 18:01:20 714

原创 js/jq/HTML5实现 鱼骨图(因果图) 附下载地址demo

下载地址:https://github.com/ybx13579/d3.fishbone-js.git1、官网示例(data.json控制数据) 官网 作者 效果图展示: 2、当前页面实时编辑 效果图展示:

2018-01-24 17:10:09 11203 5

原创 jQuery滚动表格-->固定表头 + 冻结窗格效果

下载地址:https://github.com/ybx13579/fixed-Header-Table效果图:

2018-01-20 18:06:52 2019

原创 bootstrap-slider 滑动条点击滑动手柄(双手柄)

bootstrap-slider 滑动条点击滑动手柄(双手柄) 下载地址:https://github.com/ybx13579/bootstrap-slider.git

2018-01-20 16:08:31 3090

原创 jquery侧边栏菜单插件

jquery侧边栏菜单插件,含二级菜单,手风琴效果。 下载地址:https://github.com/ybx13579/left-menu

2018-01-12 14:01:04 2732

原创 js 一行代码写评星

“★★★★★☆☆☆☆☆”.slice(5 - rate, 10 - rate);定义一个变量rate是1到5的值,然后执行上面代码

2017-12-07 10:36:44 1077

原创 js/jq 点击按钮显示div,点击页面其他任何地方隐藏div

js和jq两种方法 点击按钮显示div,点击页面其他任何地方隐藏div

2017-11-27 14:09:38 11684 1

原创 带缩略图的纯图片jq幻灯片插件

photor.js下载地址:https://github.com/ybx13579/jq-img-photor.js纯图片轮播功能,不包含文字和标题,支持键盘操作。(没有定时播放功能)支持移动设备带缩略图的jQuery幻灯片插件效果图预览:

2017-11-16 11:15:21 797

原创 jQuery平面图 / 地图小标记拖拽

下载地址:https://github.com/ybx13579/drag-ichnography预览图:1. 精简版地图小标记拖拽2. 完整版 平面图 标记拖拽

2017-11-06 15:22:50 2556

原创 css实现tooltips框的三角角标 两种方法:伪类和C3旋转

一、皆为边框第一种 Css的border取其一为三角第二种 C3新属性 旋转(transform:rotate(45deg);)二、皆为阴影(采用C3旋转)完整代码 整个复制即可查看效果html>head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ti

2017-10-26 16:17:36 3298

原创 echarts2获取series下的data数值

echarts2获取series下的data数值,此 获取data值 可同用于获取name值

2017-09-27 10:02:49 11466

原创 纯css的 表头固定的滚动表格

纯css的 表头固定的滚动表格下载地址:https://github.com/ybx13579/table-scroll-thead-fixed/tree/master1、效果图预览:

2017-09-18 11:00:58 1213

原创 jq文字垂直滚动/滚屏效果

jq文字垂直滚动/滚屏效果。下载地址:https://github.com/ybx13579/text-verticality-scroll

2017-09-15 13:41:14 3160

原创 js判断是pc还是移动端

JS判断是pc端还是移动端 js代码

2017-08-31 16:16:37 854

原创 使用jq重绘img大小+测试密码的强度+滚动时动态加载页面内容+导航菜单切换

使用jq重绘img大小+测试密码的强度+滚动时动态加载页面内容+导航菜单切换

2017-08-22 16:45:57 493

原创 html table 单元格合并

HTml table 合并单元格 内附预览图 +下载地址

2017-07-13 15:06:20 1079

原创 JQuery.Gantt(甘特图) 开发指南 , 附下载资源

下载地址:https://github.com/ybx13579/jQuery.Gantt概述 JQuery.Gantt是一个开源的基于JQuery库的用于实现甘特图效果的可扩展功能的JS组件库。 PS:如不需要按钮组,可用css隐藏 资源引用 首先我们需要将下载到的源码中的CSS、IMG、JS等资源放入我们自己的项目中,然后在我们自己的页面中引用需要的资源文件。1、CSS样式文件

2017-06-19 18:11:57 21090 20

原创 jQuery插件来调整表列的大小colResizable.js 拖动改变单元格宽度

jQuery插件来调整表列的大小官网地址:http://www.bacubacu.com/colresizable/github项目地址:https://github.com/ybx13579/resize-table-th效果图: colResizablecolResizable是一个免费的jQuery插件,旨在通过手动拖动列锚点来增强任何类型的HTML表对象,从而增加列重新调整大小的功能。它兼

2017-06-14 11:31:11 9556

原创 html/css文字超出隐藏写法、省略号

html/css文字超出隐藏写法、一行或多行文本显示省略号

2017-06-09 10:43:13 1640

原创 js雨滴掉落效果,图片+js+css3完成

下载地址:https://github.com/ybx13579/banner-rain-falls纯图片+js写的雨滴掉落效果,微复古,可做banner效果图:

2017-06-02 11:39:44 3129

原创 Echarts2竖直datazoom滑动后显示数据不全的解决方法

垂直datazoom拖动后第一个和最后一个往往显示不出来,这可能是echart2的bug。解决方法:把dataZoom中的handleSize设置小一些可以了。默认值8,可设为4

2017-05-26 17:46:18 3899 1

原创 好用的jquery分页插件,功能齐全,简单

好用的分页插件,基于jquery,功能齐全,简单,内附下载地址...

2017-05-26 11:12:54 974

原创 amchart 使用方法简介及简单中文API

amchart 使用方法简介及简单中文API

2017-05-17 11:24:03 3108

原创 echarts 没有数据时也显示Y轴

echarts 没有数据时也显示Y轴呢,答案是加上min和...

2017-05-12 10:56:41 6742

原创 微信小程序 的文字复制功能

微信小程序 的文字复制功能,text设置属性 selectable="true" 就可以长按复制了

2017-05-10 15:19:14 10177 4

原创 table里的th和td加了边框后,他是两个边框重合的,1PX就变成了2PX

table里的th和td加了边框后,他是两个边框重合的,1PX就变成了2PX,解决方法.table{ border-collapse: collapse; border-spacing: 0;}.table th,.table td{ border:1px solid #000;}

2017-05-09 10:14:09 5386

scanport端口扫描工具

scanport端口扫描工具

2018-10-19

空空如也

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

TA关注的人

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