![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 70
资料收集库
一个佛系老白
展开
-
迅锐CMS模板常用调用总结
1.静态文件引入规则<script type="text/javascript" src="{HOME_THEME_PATH}js/xxx.js"></script><link href="{HOME_THEME_PATH}css/xxx.css" rel="stylesheet" type="text/css" /><img src="{HOME_THEME_PATH}images/xxx.jpg" />{HOME_THEME_PATH}目录位置..原创 2021-10-19 09:46:23 · 1686 阅读 · 0 评论 -
ClipboardJS 实现JS复制到剪切板
根据官方文档的说法这个支持IE9+以及大部分主流浏览器,地址:https://clipboardjs.com/下面写个简单的例子:HTML:注意,这里最好是button,并非所有的元素都支持该JS<button type="button" class="btn btn-default" id="btn_Share"> 复制 </button>JS: //转载 2021-05-18 14:40:44 · 336 阅读 · 0 评论 -
Bootstrap中的datetimepicker插件用法总结
https://blog.csdn.net/hizzyzzh/article/details/51212867转载 2020-07-24 16:21:59 · 5179 阅读 · 0 评论 -
Bootstrap Table 中文文档(完整翻译版)
表格参数:名称 标签 类型 默认 描述 - data-toggle String ‘table’ 不用写 JavaScript 直接启用表格。 classes data-classes String ‘table table-hover’ 表格的类名称。默认情况下,表格是有边框的 你可以添加 ‘table-no-bordered’ 来删除表格的边框样式。 sortClass data-sor转载 2020-06-10 17:33:04 · 6693 阅读 · 0 评论 -
bootstrap-table 设置滚动条一直在屏幕底部
问题描述:由于有的table中的列比较多,那么table可能就会出现横向滚动条,但是table本身的滚动条是在table的底部 的,这就导致每次想看一条数据的后面几列的时候,需要鼠标先往下滑动,找到横向滚动条,然后再向右滑动,然后还得可能再往上滑动,找到想看的那条数据的后面几列,这种方式非常惹恼用户,所以需要解决。解决办法:如下图,我们需要的是要让滚动条一直显示在屏幕的最下边,无论你的table多高。我们可以使用div 的横向滚动条。要想滚动条出现在屏幕底布的话,肯定需要div里面包...转载 2020-06-10 17:26:00 · 9577 阅读 · 1 评论 -
bootstrap table 自动换行 和 响应式
style="word-break:break-all; word-wrap:break-all;" <table class="table table-striped" style="word-break:break-all; word-wrap:break-all;"> <tr> ...转载 2020-04-17 09:59:08 · 9028 阅读 · 1 评论 -
什么是vue?为什么用vue?
综合:https://segmentfault.com/a/1190000015560315https://blog.csdn.net/liang377122210/article/details/71545459https://blog.csdn.net/xutongbao/article/details/77870989这几篇都写得非常好1.Vue.js是什么?vue就是一个js库...转载 2020-04-06 10:36:36 · 10823 阅读 · 0 评论 -
MutationObserver 监听DOM树变化
1 概述Mutation observer 是用于代替 Mutation events 作为观察DOM树结构发生变化时,做出相应处理的API。为什么要使用mutation observer 去代替 mutation events 呢,我们先了解一下mutation eventsMutation EventsMutation events 是在 DOM3中定义,用于监听DOM树结构变化的...转载 2020-01-17 10:42:02 · 10944 阅读 · 0 评论 -
RequireJs简单使用
什么是RequireJsRequireJS 是一个JavaScript模块加载器。在ES6出现之前,JS不像其他语言同样拥有“模块”这一概念,于是为了支持JS模块化,出现了各种各样的语言工具,如webpack,如ReuqireJS。为什么使用RequireJS· 模块化:模块化就是将不同功能的函数封装起来,并提供使用接口,他们彼此之间互不影响。· 不会阻塞页面:RequireJS,会在相关...转载 2020-01-14 17:09:52 · 10893 阅读 · 0 评论 -
ios 短信验证码自动填充时总是被复制两遍
这应该是ios系统本身的一个bug。这个算是苹果系统的一个bug,某些app或者微信网页里复制验证码是苹果手机会触发UITextFieldTextDidChangeNotification监听事件,导致验证码出现了两次。解决:限制input标签的maxlength;...转载 2019-12-11 14:59:34 · 16526 阅读 · 0 评论 -
Web端即时通讯技术原理详解
前言有关IM(InstantMessaging)聊天应用(如:微信,QQ)、消息推送技术(如:现今移动端APP标配的消息推送模块)等即时通讯应用场景下,大多数都是桌面应用程序或者native应用较为流行,而网上关于原生IM(相关文章请参见:《IM架构篇》、《IM综合资料》、《IM/推送的通信格式、协议篇》、《IM心跳保活篇》、《IM安全篇》、《实时音视频开发》)、消息推送应用(参见:《推送技术...转载 2019-03-08 17:28:27 · 6161 阅读 · 0 评论 -
artDialog使用方法
引用js文件,注意引用顺序:<script type="text/javascript" src="/Scripts/artDialog/artDialog.js"></script><script type="text/javascript" src="/Scripts/artDialog/plugins/iframeTools.js">转载 2019-02-28 13:50:09 · 8727 阅读 · 0 评论 -
JSON.stringify转化数组为空现象
用JSON.stringify转化二维数组的时候出现空值现象 比如[[],[],[]]这是因为本身转化的二维数组写法是new了一个数组对象(var all_tels=new Array()),然后给数组对象设置属性,但是数组序列化的时候只会序列化数组中的元素,会忽略对象上的属性和值。解决办法直接用一个空对象来存放数值就行: var telpost = {}; ...原创 2019-02-24 14:47:38 · 19202 阅读 · 3 评论 -
给js文件传参数
一、利用全局变量这是最简单的一种方式,比如Google Adsense:<script type="text/javascript"> google_ad_client ='pub-3741595817388494'; </script> <script type="text/javascript" src="http://pagead2. googles...转载 2019-01-20 08:52:11 · 7860 阅读 · 0 评论 -
Jquery消息提示插件toastr使用详解
toastr是一个基于Jquery简单、漂亮的消息提示插件,使用简单、方便,可以根据设置的超时时间自动消失。1、使用很简单,首选引入toastr的js、css文件html<script src="<%=path%>/res/toastr/toastr.min.js"></script><link rel="stylesheet" href=...转载 2019-08-29 15:26:19 · 8296 阅读 · 0 评论 -
js获取当前域名、Url、相对路径和参数以及指定参数
一、js获取当前域名有2种方法 1、方法一 var domain = document.domain; 2、方法二 var domain = window.location.host; 3、注意问题 由于获取到的当前域名不包括 http://,所以把获取到的域名赋给 a 标签的 href 时,别忘了加上 http://,否则单击链接时导航会出...转载 2019-01-20 08:50:39 · 5670 阅读 · 0 评论 -
bower基本使用
下面的内容浅显易懂,适合初级前端工程师观看此篇主要内容是讲,如何使用WebStorm控制台下载、删除依赖包,和npm,bower一些指令的使用方法。学习这篇文章前,需要将node.js先安装好。地址:http://nodejs.cn/一般来说前端开发工作中,或多或少会用到一些依赖包,以前的开发人员如果要用的话,就得到网上到处找,然后下各种插件,极大浪费了时间,并且删除的时候也麻烦。...转载 2019-08-24 10:12:55 · 8234 阅读 · 0 评论 -
Require.js使用方法总结
一、为什么要使用require.js 首先一个页面如果在加载多个js文件的时候,浏览器会停止网页渲染,加载文件越多,网页失去响应的时间就会越长;其次,由于js文件之间存在依赖关系,因此必须严格保证加载顺序,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。 require.js,就是为了解决这两个问题: 实现js文件的异步加载,避免网页失去响应; 管...转载 2019-08-26 14:39:50 · 5215 阅读 · 0 评论 -
如何在FastAdmin中加载第三方JS插件或自己编写插件?
FastAdmin基于RequireJS进行前端JS模块的管理,因此如果我们需要再引入第三方JS插件,则必按照RequireJS的规则进行载入。如果你还不了解什么是RequireJS,可以先简单了解下RequireJS,相关链接:http://www.ruanyifeng.com/blog/2012/11/require_js.html加载第三方JS插件如果需要在FastAdmin载入第三...转载 2019-08-26 17:20:14 · 7004 阅读 · 0 评论 -
less基础引用
1.介绍:Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。2.引用:(1)首先我们在项目下面新建一个less文件,命名为less.less,里面写入最简单的语法@base: #000000;p{ background-co...转载 2019-08-27 11:10:56 · 7869 阅读 · 0 评论 -
layui组件layer弹窗设置
layui.use(['layer', 'form'], function(){ var layer = layui.layer,form = layui.form; layer.open({ id:'add',//设置该值后,不管是什么类型的层,都只允许同时弹出一个。一般用于页面层和iframe层模式 title:'标题',//设置弹出框上部标题 skin: 'none',//...原创 2019-08-28 16:47:58 · 11367 阅读 · 0 评论 -
Bootstrap Table API 中文版 说明文档
/***$('#table').bootstrapTable({});*看网上有中文版的,但有些就是字面直接译过来了,而且有的就没有翻译,那就打算自己再翻译一遍,每一条会尽*最大可能结合尽可能多资料翻译,如果发现译的内容比英文多,是添加了更详细的说明,表的名称,属性,类型,*默认值不翻译,例如:"class"、"id"等不翻译。*有错请提出,会及时改正,谢谢。*Bootstrap ...转载 2019-08-31 10:24:21 · 7868 阅读 · 0 评论 -
jQuery中$()可以有两个参数
jQuery(expression,[context]) 返回值:jQuery概述这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的...转载 2019-09-03 11:26:53 · 10034 阅读 · 0 评论 -
nice-validator手册
1. 加载插件nice-validator 依赖 [jQuery]1。除了直接引用插件,还支持 AMD 模块系统。(1)、直接引用一行代码引入插件,local 参数用来加载对应的配置文件。如果不传 local 参数,配置以及样式就需要自行引入<script src="path/to/nice-validator/jquery.validator.js?local=zh-...转载 2019-09-15 10:37:05 · 9847 阅读 · 0 评论 -
X-editable文档
前言因为要用到 Bootstrap-table ,不可避免的会用到表格编辑功能,而 X-editable 可在页面上创建可编辑元素。 它可以与前端框架(Bootstrap,jQuery UI,jQuery )配合使用,编辑模式包括弹出和行内模式。只是兜兜转转找了下只有英文文档,还是不方便查阅,所以进行了部分翻译。翻译范围为:Getting started与$().editable(option...转载 2019-09-16 16:49:30 · 9270 阅读 · 0 评论 -
CCS3属性之text-overflow:ellipsis;的用法和注意之处
语法:text-overflow:clip | ellipsis默认值:clip适用于:所有元素clip: 当对象内文本溢出时不显示省略标记(...),而是将溢出的部分裁切掉。 ellipsis: 当对象内文本溢出时显示省略标记(...)。在使用的时候,有时候发现不会出现省略标记效果,经过测试发现,使用ellipsis的时候,必须配合overflow:h转载 2016-02-03 15:07:16 · 5781 阅读 · 0 评论 -
html5 history pushState和replaceState的使用
pushState和replaceState是一个HTML5的新接口,他们的作用非常大,可以做到改变网址却不需要刷新页面,这个特性后来用到了单页面应用中比如:vue-router,react-router-dom里面,咱们就先看看它的原理和使用案例吧。pushState说明 pushStatepushState方法接受三个参数,依次为:state:一个与指定网址相关的状态对象,pops...转载 2019-01-18 09:06:40 · 5076 阅读 · 0 评论 -
artDialog.js的使用
开发项目中用到了artDialog.js,从而专门学习一下如何配置和使用。一、artDialog是什么artDialog是一个精巧的web对话框组件,压缩后只有十多KB,并且不依赖其他框架。二、artDialog的使用以下内容引用 http://www.2cto.com/kf/201303/195812.html,artDialog基本使用,详细内容有调整和更改。在页面head...转载 2018-12-28 11:25:43 · 5176 阅读 · 0 评论 -
datetimepicker用法
此项目是bootstrap-datetimepicker 项目 的一个分支,原项目不支持 Time 选择。其它部分也进行了改进、增强,例如load 过程增加了对 ISO-8601 日期格式的支持。文档是拷贝/粘贴字原项目的文档,并且加入了更多细节说明。 别犹豫了,下载下来试试吧 !下载 ZIP 包此地址可以克隆或fork本项目git clone转载 2016-05-04 08:38:27 · 24313 阅读 · 4 评论 -
javascript——js string 转 int 注意的问题——parseInt
var str='1250' ; alert( Number(str) ); //得到1250 alert(parseInt(str)); //得到1250var str1='00100'; alert( Number(str1) ); //得到100 alert(parseInt(str1)); //得到64 发现parse转载 2016-04-12 09:51:26 · 5101 阅读 · 0 评论 -
window.XMLHttpRequest对象详解
XMLHttpRequest对象是当今所有AJAX和Web 2.0应用程序的技术基础。尽管软件经销商和开源社团现在都在提供各种AJAX框架以进一步简化XMLHttpRequest对象的使用;但是,我们仍然很有必要理解这个对象的详细工作机制。 一、 引言 AJAX利用一个构建到所有现代浏览器内部的对象-XMLHttpRequest-来实现发送和接收HTTP请求与响应信息。一个经由转载 2016-03-25 16:56:09 · 5265 阅读 · 0 评论 -
JS操作浏览器剪切板内容
当$('#input-signature')发生粘贴事件时获取剪切板上的内容$('#input-signature').bind('paste',function(e){var pastedText = undefined;if (window.clipboardData && window.clipboardData.getData) { // IEpastedText = wi转载 2016-02-28 09:05:30 · 18226 阅读 · 0 评论 -
JS判断对象是不是数组“Array”
在开发中,我们经常需要判断某个对象是否为数组类型,在Js中检测对象类型的常见方法都有哪些呢?typeof 操作符对于Function, String, Number ,Undefined 等几种类型的对象来说,他完全可以胜任,但是为Array时var arr=new Array("1","2","3","4","5");alert(typeof(arr));转载 2016-04-01 09:27:06 · 5000 阅读 · 0 评论 -
Html中的map标签
图像的影像地图超链接,标签浅谈在HTML中还可以把图片划分成多个热点区域,每一个热点域链接到不同网页的资源。这种效果的实质是把一幅图片划分为不同的热点区域,再让不同的区域进行超链接。这就是影像地图。要完成地图区域超链接要用到三种标签:下面分别介绍这些标签的用法: 影像地图(Image Map)标签的使用格式: 标记中设置转载 2016-02-23 08:23:57 · 5206 阅读 · 0 评论 -
浅谈h5移动端页面的适配问题
一、前言 昨天唠叨了哈没用的,今天说点有用的把。先说一下响应式布局吧,我一直认为响应式布局的分项目,一下布局简单得项目做响应式还是可以可以得。例如博客、后台管理系统等。但是有些会认为响应式很牛逼,尤其是在不懂前端的人眼中,一味的追求响应式布局,我觉得复杂的布局项目做响应式还不如做二套样式,因为响应式的样式混在一起真的维护起来是恨费劲的。可能我说的不对,但是发表 一点点自己的看转载 2016-01-22 09:43:56 · 11103 阅读 · 0 评论 -
图片垂直水平居中 支持IE6、IE7、IE8、FF等
这个问题其实在之前的table构架的网页里根本不是啥问题,因为table构架的网页,默认就是垂直居中显示。但是细心的朋友可能发现,在DIV构架的容器里面,图片默认都是left top显示的,对于水平居中,都是通用的做法,text-align:center;但是对于垂直居中,可就大不一样了,对于非IE的主流浏览器操作起来用以下代码即可实现:display: table-cell;vertic转载 2015-11-13 10:55:11 · 6817 阅读 · 0 评论 -
XHR——XMLHttpRequest对象
创建XMLHttpRequest对象与之前众多DOM操作一样,创建XHR对象也具有兼容性问题:IE6及之前的版本使用ActiveXObject,IE7之后及其它浏览器使用XMLHttpRequest不但IE6及其之前的版本将XHR作为一个ActiveXObject运行,而且还存在众多版本:一开始是Microsoft.XMLHTTP 之后变成Msxml2.XMLHTTP及更新版的Ms转载 2015-09-05 00:37:18 · 5028 阅读 · 0 评论 -
web开发中特殊字符的对应值与转义字符
URL中的特殊字符URL中的特殊字符是不能再URL中直接传递的,需要进行编码。编码的格式为:%加字符的ASCII码,即一个百分号%,后面跟对应字符的ASCII(16进制)码值。 字符名称16进制值+URL中的+表示空格%2B空格UR转载 2015-05-22 09:16:04 · 5431 阅读 · 0 评论 -
XMLHTTPRequest对象 以及判断浏览器版本
判断浏览器是否支持ActiveX控件,如果浏览器支持ActiveX控件可以利用 (window.ActiveXObject) 什么意思? 解:判断浏览器是否支持ActiveX控件,如果浏览器支持ActiveX控件可以利用 var xml=new ActiveXObject("Microsoft.XMLHTTP");创建XMLHttpRequest 对象(这是在IE7以前的版本中转载 2015-01-21 20:56:34 · 5902 阅读 · 0 评论 -
CSS文档流
很多CSS的书籍在谈到CSS的定位机制时都会提到一个关键词“文档流”,然而可能这词对于作者来说简单得不需解释吧,所以很少见到有这词的具体解释,然而本人认为弄懂本概念对能否很好理解整个定位机制来说很关键!网上查了一下网友的理解,再翻了下W3C,结合自己理解。可以用W3C上面的一句话来概括:“元素的位置由元素在 (X)HTML 中的位置决定。” 要很好的理解上面这句话,可以用排除法。C转载 2014-12-16 13:50:19 · 4985 阅读 · 0 评论