前端
NRlovestudy
这个作者很懒,什么都没留下…
展开
-
前端
http://blog.csdn.net/xuemoyao/article/details/16358571https://segmentfault.com/a/1190000003748270?utm_source=tuicool&utm_medium=referral转载 2016-04-14 11:21:16 · 499 阅读 · 0 评论 -
如何将一个div水平垂直居中?6种方法做推荐
https://www.cnblogs.com/Julia-Yuan/p/6648816.html方案一:div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】,兼容性:,IE7及之前版本不支持 div{ width: 200px; height: 200px;转载 2018-03-22 17:45:43 · 453 阅读 · 0 评论 -
浮动后的 <li> 如何在 <ul> 中居中显示?
https://www.cnblogs.com/zempty/p/4298343.html百度了许久都没有满意的解决方案,现在终于搞定了。其实,只要 ul 的父元素 css 样式设了 text-align: center; 然后 ul 设了 display: inline-block; li 再设 display: inline; 就可以了。多简单的事儿,我只要这个简单转载 2018-03-23 16:41:13 · 944 阅读 · 2 评论 -
table中设置tr行间距
https://www.cnblogs.com/whoiszoe/p/5945917.htmlCSS border-collapse 属性设置表格的边框是否被合并为一个单一的边框值描述separate默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。collapse转载 2018-03-23 16:42:17 · 4109 阅读 · 0 评论 -
去除input边框
https://blog.csdn.net/sunrainamazing/article/details/71751043去除input的边框仅仅用border属性 ,其实是不能满足我们的需求的 此外还需要加上outline属性才可以 实现我们想要的样式 **去除边框的代码 border-width:0; 即可去除相应的周围的边框 但是实际,并不转载 2018-03-23 16:43:30 · 5720 阅读 · 1 评论 -
解决ul的li横向排列换行的问题
https://www.cnblogs.com/sapho/p/5736491.html1. 问题现象 先看下面的html结构:div> ul> li>img src='./img/1.jpg'>li> li>img src='./img/2.jpg'>li> li>img src='.转载 2018-03-20 15:23:25 · 5676 阅读 · 0 评论 -
如何在PS中将一张图片一次性裁剪保存成多张图片
https://jingyan.baidu.com/article/08b6a591ac8b9014a8092286.html转载 2018-03-20 15:24:25 · 11085 阅读 · 0 评论 -
jQuery插件之【jqGrid】常用语法整理-【更新】
https://blog.csdn.net/u012411219/article/details/51315419jqGrid常用语法整理,包含数据获取、常用函数、触发事件等jqGrid表格数据获取相关语法获取表格所有数据 $("#grid").jqGrid("getRowData");根据行id获取表格单行数据 $("#grid").jqGrid("getRowData", rowid);获取选...转载 2018-05-16 17:19:16 · 249 阅读 · 0 评论 -
jqGrid 给一列添加超链接
https://ask.csdn.net/questions/693335http://blog.sina.com.cn/s/blog_c16346d00101euft.html转载 2018-06-29 15:08:34 · 2597 阅读 · 0 评论 -
window.open 相关
JS 子窗口向父窗口传值https://www.cnblogs.com/qianxunpu/p/7086411.htmlwindow.open实现模式窗口(只弹出一个window.open)https://www.cnblogs.com/jlove/p/4669984.htmlJavascript:window.close()不起作用?https://blog.csdn.net/hantianna...转载 2018-06-29 15:12:37 · 117 阅读 · 0 评论 -
给网页图标字体 Font Awesome 添加动画效果
http://www.shejidaren.com/font-awesome-animation.html在线演示&下载地址:DEMO从演示文件中可以看出目前有10种CSS动画效果,任何Font Awesome图标都可以使用这些动画样式,而不仅是DEMO中的哪几个图标,下面一起看看教程。使用教程:由于是使用CSS3实现的动画,所以只兼容IE10+,Safari,Firefo...转载 2018-08-30 09:47:24 · 2217 阅读 · 0 评论 -
禁用 Bootstrap 模态框(Modal) 点击空白时自动关闭
https://www.cnblogs.com/godlovelian/p/4530342.html$('#registCompany').modal({backdrop: 'static', keyboard: false}); 参数说明: backdrop 为 static 时,点击模态对话框的外部区域不会将其关闭。 keyboard 为 false 时,按下 Esc ...转载 2018-09-03 13:57:13 · 827 阅读 · 0 评论 -
VUE组件 和 v-model
1、官方:https://cn.vuejs.org/v2/guide/components.html2、 v-model 详解https://www.jianshu.com/p/4147d3ed2e60 ***好文章***https://segmentfault.com/a/11900000107445453、组件选项props(用于在组件内接收参数。前提:引用组件时绑定了...转载 2018-09-12 23:01:04 · 239 阅读 · 0 评论 -
element-ui 实现卡片式列表,选择,分页代码
这是浏览器效果:以下是代码实现:实际应用中,踩了几个坑,总结为下面代码中的3个关键点。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://...原创 2018-09-17 19:02:25 · 16430 阅读 · 1 评论 -
基于vue2.0的分页组件
自制组件:1、https://www.cnblogs.com/cqsjs/p/5772834.html?utm_source=itdadao&utm_medium=referral2.1、https://blog.csdn.net/yiershan1314/article/details/622155052.2、https://blog.csdn.net/yiershan131...原创 2018-09-14 09:33:51 · 798 阅读 · 0 评论 -
前端上传组件Plupload + SSM框架 + hessian,实现远程上传文件
1、 plupload使用指南 https://www.cnblogs.com/2050/p/3913184.html plupload文档 http://chaping.github.io/plupload/doc/2、 单项目 具体实现: https://www.cnblogs.com/yiy...转载 2018-09-11 10:15:24 · 373 阅读 · 0 评论 -
D3.js
https://d3js.org/https://www.cnblogs.com/tanlujia/p/6376663.htmlhttp://xc.hubwiz.com/course/54fd40cfe564e50d50dcf284 https://www.cnblogs.com/fastmover/p/7779660.htmlhttps://blog.csdn.net/qq_...原创 2018-09-20 14:21:58 · 263 阅读 · 0 评论 -
form 表单的序列化
一般情况:$("form").serialize()严格要求 Json 格式的情况://使用$("#form").serializeJson();//定义$.fn.serializeJson = function() { //form表单数据序列化为json格式 var serializeObj = {}; var array = this.serial...原创 2018-09-20 16:14:22 · 519 阅读 · 0 评论 -
plupload 多文件上传
情况1:各自传各自的 https://www.sojson.com/blog/214.html//触发的idvar ids = new Array("cardzmbtn","cardbmbtn","cardzmbtn-img","cardbmbtn-img");$.each(ids,function(i,n){ var self = this.toString(); //...转载 2018-09-21 16:18:11 · 1050 阅读 · 0 评论 -
CSS3 实现loading动画效果
https://www.jianshu.com/p/55372466ce70 前几篇介绍了CSS3的3个动画属性transform,transition,animation。但即使基本语法能看懂,也不代表能设计出棒棒的动画效果。在设计这条路上,是学无止境,甚至需要拼天赋的。我也很菜,只能站在优秀的设计师的肩膀上,模拟出一些效果。例如非常常见的Loading的效果,你完全可以用GIF来实...转载 2018-11-06 17:30:14 · 1283 阅读 · 0 评论 -
CSS3渐变按钮
https://www.cnblogs.com/simonchen/articles/2251966.htmlhttps://static.csspod.com/demos/2010/css-buttons.html#转载 2018-11-07 15:00:17 · 910 阅读 · 0 评论 -
apicloud下拉刷新详细例子
https://blog.csdn.net/qq_33323469/article/details/80241564https://blog.csdn.net/Qinhaolei/article/details/77914680apicloud下拉刷新详细例子说到刷新这个问题,项目中遇到两端交互的问题,比如在一个端发布了一条任务, 另外一个端接了这个任务,我们有一个模块来显示各种状态的...转载 2018-11-21 00:25:17 · 668 阅读 · 0 评论 -
前端JS插件
swiper.min.jsjquery.waypoints.min.jsjquery.countup.min.js原创 2018-12-04 10:30:17 · 244 阅读 · 0 评论 -
GoJS
https://liuxiaofan.com/2018/03/16/3521.htmlhttp://www.cnblogs.com/landeanfen/p/7910530.html#_label2_0原创 2018-12-04 11:25:36 · 754 阅读 · 0 评论 -
数据可视化插件(JavaScript)
https://blog.csdn.net/LIAO_Love/article/details/74943050如chartjs,FusionCharts,amCharts,flot,RGraph,jqPlot,gRaphaël morris.js转载 2018-12-03 10:21:33 · 671 阅读 · 0 评论 -
什么是NPM, Yarn, Babel, Webpack? 入门 Webpack,看这篇就够了
什么是NPM, Yarn, Babel, Webpack?https://www.jianshu.com/p/5311fb5652d5?from=singlemessage入门 Webpack,看这篇就够了https://segmentfault.com/a/1190000006178770转载 2018-12-03 11:09:59 · 413 阅读 · 0 评论 -
经典配色方案之 红、橙、黄、绿、青、紫、无彩色系
http://www.shejidaren.com/examples/tools/jing-dian-pei-se-fang-an/ http://www.bootcss.com/p/websafecolors/转载 2018-12-08 15:48:33 · 3553 阅读 · 0 评论 -
jquery滚动条插件slimScroll
http://caibaojian.com/nicescroll.htmlhttps://blog.csdn.net/mss359681091/article/details/52838179https://segmentfault.com/a/1190000013465520转载 2018-12-12 19:40:50 · 217 阅读 · 0 评论 -
jquery 父、子页面之间页面元素的获取,方法的调用
https://www.cnblogs.com/it-xcn/p/5896231.html一、jquery 父、子页面之间页面元素的获取,方法的调用:1. 父页面获取子页面元素: 格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 实例:$("#ifm").contents().find("#iB...转载 2018-12-12 19:41:45 · 946 阅读 · 0 评论 -
OrgChart
https://blog.csdn.net/luyu13141314/article/details/72860656https://codepen.io/dabeng/pen/XVJemdhttps://www.cnblogs.com/liboxncg/p/6249752.html转载 2018-12-03 21:08:57 · 863 阅读 · 0 评论 -
element-ui table 实现单选 和 多选
一、单选实现:1、table 部分<el-table :data="tableData" @row-click = "showRow">2、column 部分<el-table-column label="选择" width="50" align="center"> <tem原创 2018-12-06 20:25:05 · 11877 阅读 · 0 评论 -
JQuery 对表单进行初始化操作
https://www.cnblogs.com/l919310075/p/7294238.htmlfunction loadData(jsonStr) { // alert(jsonStr.toString()) var obj = eval("(" + jsonStr + ")"); var key, value, ta...转载 2018-12-06 20:29:36 · 1468 阅读 · 0 评论 -
js判断对象是否为空对象的几种方法
https://www.cnblogs.com/jpfss/p/9105119.html1.将json对象转化为json字符串,再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true2.for in 循环判断var obj = {};var b = function() {...转载 2018-12-06 20:30:49 · 502 阅读 · 0 评论 -
vue methods 方法中 方法 调用 另一个方法
方法1:test3:function(){ this.$options.methods.test2();//在test3中调用test2的方法 this.test2();//也可直接调用 }方法2:(1)JS中定义函数,调用方法function test2(){ vm.test2();}(2)在VUE的方...原创 2018-12-06 20:34:12 · 4098 阅读 · 1 评论 -
layer组件弹框按钮事件(右上角关闭使用cancel)
https://blog.csdn.net/weixin_40157571/article/details/82184521layer.open({ title:"标题信息提示",//标题信息 content: 'test',//内容区域 move: false,//是否可以拖动,默认可以拖动 btn: ['按钮一', '按钮二', '按钮三'], ...转载 2018-12-06 20:36:56 · 3186 阅读 · 0 评论 -
Bootstrap实现5等分或8等分
https://blog.csdn.net/lianjiww/article/details/55225857这里以8等分为例,使用如下css即可:.col-md-1-8{ min-height: 1px; padding-left: 12px; padding-right: 12px; position: relative; width: 12.5%; floa...转载 2018-12-17 02:09:15 · 1853 阅读 · 1 评论 -
JavaScript四舍五入并保留两位小数
Math.round(number * 100) / 100两数相除保留两位小数:Math.round(a/b * 100) / 100原创 2018-12-28 08:59:53 · 1434 阅读 · 0 评论 -
jQuery 选择器 选取奇数位置的 元素
https://blog.csdn.net/iteye_1171/article/details/82673658$(document).ready(function(){ $("tr:odd").css("background-color","yellow");});$('.table-bordered tbody tr').each(function() { $(this...原创 2018-12-28 09:08:29 · 1861 阅读 · 0 评论 -
element-ui table 列名label换行
<style> .el-table .cell{ white-space:pre-line; }</style>:label="'翠贝卡说不出口吧 \n 是的'"原创 2018-12-28 09:13:21 · 6547 阅读 · 3 评论 -
element-ui表格表头内容 限制不换行
https://www.cnblogs.com/YuKiee/p/9110894.html在用vue+element-ui做一个后台管理系统时,遇到这样的问题, 如图:使用el-table做一个表格,当表头内容过长时会换行,在不设置的宽度的时候每一列的宽度是等比例分配的,虽然element-ui中提供了width和min-width这个属性可以自由设置。但是因为要做的表格很多,而且...转载 2018-12-28 09:15:53 · 16808 阅读 · 2 评论