html类点
IceYang-
⎛⎝ 一个小小的前端工程师的博客 ⎠⎞
展开
-
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 · 1931 阅读 · 0 评论 -
bootstrap-slider 滑动条点击滑动手柄(双手柄)
bootstrap-slider 滑动条点击滑动手柄(双手柄) 下载地址:https://github.com/ybx13579/bootstrap-slider.git原创 2018-01-20 16:08:31 · 3072 阅读 · 0 评论 -
js/jq/HTML5实现 鱼骨图(因果图) 附下载地址demo
下载地址:https://github.com/ybx13579/d3.fishbone-js.git1、官网示例(data.json控制数据) 官网 作者 效果图展示: 2、当前页面实时编辑 效果图展示:原创 2018-01-24 17:10:09 · 11111 阅读 · 5 评论 -
jquery侧边栏菜单插件
jquery侧边栏菜单插件,含二级菜单,手风琴效果。 下载地址:https://github.com/ybx13579/left-menu原创 2018-01-12 14:01:04 · 2727 阅读 · 0 评论 -
js 一行代码写评星
“★★★★★☆☆☆☆☆”.slice(5 - rate, 10 - rate);定义一个变量rate是1到5的值,然后执行上面代码原创 2017-12-07 10:36:44 · 1070 阅读 · 0 评论 -
jQuery平面图 / 地图小标记拖拽
下载地址:https://github.com/ybx13579/drag-ichnography预览图:1. 精简版地图小标记拖拽2. 完整版 平面图 标记拖拽原创 2017-11-06 15:22:50 · 2546 阅读 · 0 评论 -
带缩略图的纯图片jq幻灯片插件
photor.js下载地址:https://github.com/ybx13579/jq-img-photor.js纯图片轮播功能,不包含文字和标题,支持键盘操作。(没有定时播放功能)支持移动设备带缩略图的jQuery幻灯片插件效果图预览:原创 2017-11-16 11:15:21 · 786 阅读 · 0 评论 -
js/jq 点击按钮显示div,点击页面其他任何地方隐藏div
js和jq两种方法 点击按钮显示div,点击页面其他任何地方隐藏div原创 2017-11-27 14:09:38 · 11670 阅读 · 1 评论 -
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 · 21013 阅读 · 20 评论 -
基于JQ的canvas插件→zwibbler,画图插件简单介绍,附下载地址
zwibbler插件是国外的个人写的作品,很好用,可是不开源(定制收费),不过源码可以找到。 官网:http://zwibbler.com 官方API:http://zwibbler.com/docs zwibbler作者邮箱:steve.hanov@gmail.comGit项目地址:https://github.com/ybx13579/zwibbler-drawBoard效果图1:画板编原创 2017-03-23 16:42:26 · 6001 阅读 · 2 评论 -
jQuery滚动表格-->固定表头 + 冻结窗格效果
下载地址:https://github.com/ybx13579/fixed-Header-Table效果图:原创 2018-01-20 18:06:52 · 2004 阅读 · 0 评论 -
css改变placeholder的字体颜色
*只适用于pc端 css改变placeholder的字体颜色原创 2018-02-28 18:01:20 · 707 阅读 · 0 评论 -
webstorm是个很好用的编辑器
K6IXATEF43-eyJsaWNlbnNlSWQiOiJLNklYQVRFRjQzIiwibGljZW5zZWVOYW1lIjoi5o6I5p2D5Luj55CG5ZWGOiBodHRwOi8vaWRlYS5oay5jbiIsImFzc2lnbmVlTmFtZSI6IiIsImFzc2lnbmVlRW1haWwiOiIiLCJsaWNlbnNlUmVzdHJpY3Rpb24iOiIiLCJja...原创 2019-09-11 09:56:21 · 813 阅读 · 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 · 1379 阅读 · 0 评论 -
减少前端消耗部分规范(整理雅虎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 · 221 阅读 · 0 评论 -
js生成随机数(多位字母加数字)
<div class="ry-num" ></div> //随机数 function _getRandomString(len) { len = len || 32; var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; // 默认去掉了容易...原创 2018-08-22 15:33:09 · 3392 阅读 · 0 评论 -
2018最新版 手机号、验证码正则表达式 jq + 小程序
&amp;amp;amp;amp;amp;amp;lt;input class=&amp;amp;amp;amp;amp;quot;weui-input&amp;amp;amp;amp;amp;quot; id=&amp;amp;amp;amp;amp;quot;tel&amp;amp;amp;amp;amp;quot; type=&amp;amp;amp;amp;amp;quot;tel&amp原创 2018-07-23 18:28:05 · 4516 阅读 · 0 评论 -
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 · 1352 阅读 · 0 评论 -
真机预览本地页面方式-简单快捷(精简大法Node)
1、安装nodejs环境2、在所在的项目下输入命令:cnpm install anywhere -g;3、直接输入命令:anywhere,这里浏览器自动打开所有项目的根目录,点击就可以看到,同一网段下,然后手机直接预览这个地址就可以...原创 2018-06-26 14:00:42 · 540 阅读 · 0 评论 -
jq菜单筛选功能 点击选择再次点击取消(每组可多选)
效果图&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&原创 2018-06-01 15:33:17 · 1388 阅读 · 0 评论 -
纯css的 表头固定的滚动表格
纯css的 表头固定的滚动表格下载地址:https://github.com/ybx13579/table-scroll-thead-fixed/tree/master1、效果图预览:原创 2017-09-18 11:00:58 · 1204 阅读 · 0 评论 -
VUE项目创建过程及本地运行
VUE项目创建过程及本地运行VUE创建过程 1)、安装环境: npm install -g cnpm –registry=https://registry.npm.taobao.org(淘宝镜像) npm install webpack -g npm install vue-cli -g 2)、创建项目:vue init webpack-simple 工程名字&amp;amp;amp;lt;工程名字不能用中文&amp;amp;amp;gt; 3)原创 2017-04-26 12:01:37 · 5426 阅读 · 0 评论 -
Echarts2竖直datazoom滑动后显示数据不全的解决方法
垂直datazoom拖动后第一个和最后一个往往显示不出来,这可能是echart2的bug。解决方法:把dataZoom中的handleSize设置小一些可以了。默认值8,可设为4原创 2017-05-26 17:46:18 · 3883 阅读 · 1 评论 -
好用的jquery分页插件,功能齐全,简单
好用的分页插件,基于jquery,功能齐全,简单,内附下载地址...原创 2017-05-26 11:12:54 · 970 阅读 · 0 评论 -
table可编辑表格写法(简单)
可编辑表格。这是比较简单,通俗易懂的写法,只要添加class即可原创 2017-05-05 17:14:35 · 14453 阅读 · 3 评论 -
水波纹震动特效代码
水波纹震动特效代码原创 2017-04-12 14:59:38 · 1978 阅读 · 0 评论 -
echarts柱状图的X轴Y轴加单位的写法
yAxis : [ { type : 'value', axisLabel:{formatter:'{value} %'} } ], 如果想控制百分比最大到100% 可添加yAxis : [ { type :...原创 2017-03-01 15:51:02 · 34736 阅读 · 4 评论 -
css/html 打字机效果输出文字
css/html 打字机效果输出文字 一个字一个字的打 代码拷走直接用原创 2017-02-16 15:48:09 · 9080 阅读 · 0 评论 -
几个冷门的前端小知识
几个冷门有趣的前端小知识转载 2017-02-16 14:25:02 · 1121 阅读 · 0 评论 -
amchart 使用方法简介及简单中文API
amchart 使用方法简介及简单中文API原创 2017-05-17 11:24:03 · 3095 阅读 · 0 评论 -
echart2 用单独空数据求总和 & 用背景条求总和
echart2 用单独空数据求总和 & 用背景条求总和原创 2017-01-04 14:54:23 · 1031 阅读 · 0 评论 -
js判断是pc还是移动端
JS判断是pc端还是移动端 js代码原创 2017-08-31 16:16:37 · 847 阅读 · 0 评论 -
网页嵌套在微信端滚动条不顺滑解决问题(iphone滚动条不顺滑)
网页嵌套在微信端滚动条不顺滑解决问题原创 2017-02-21 16:13:33 · 2982 阅读 · 0 评论 -
jq文字垂直滚动/滚屏效果
jq文字垂直滚动/滚屏效果。下载地址:https://github.com/ybx13579/text-verticality-scroll原创 2017-09-15 13:41:14 · 3132 阅读 · 0 评论 -
使用jq重绘img大小+测试密码的强度+滚动时动态加载页面内容+导航菜单切换
使用jq重绘img大小+测试密码的强度+滚动时动态加载页面内容+导航菜单切换原创 2017-08-22 16:45:57 · 487 阅读 · 0 评论 -
html2canvas图片截图截屏功能,附demo地址
html2canvas图片截图截屏功能,附demo地址,下载点击:https://github.com/ybx13579...原创 2017-05-04 17:26:29 · 3580 阅读 · 1 评论 -
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 · 9535 阅读 · 0 评论 -
html table 单元格合并
HTml table 合并单元格 内附预览图 +下载地址原创 2017-07-13 15:06:20 · 1068 阅读 · 0 评论 -
js雨滴掉落效果,图片+js+css3完成
下载地址:https://github.com/ybx13579/banner-rain-falls纯图片+js写的雨滴掉落效果,微复古,可做banner效果图:原创 2017-06-02 11:39:44 · 3118 阅读 · 0 评论 -
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 · 5377 阅读 · 0 评论