前端
文章平均质量分 70
MakeGreatEffort
这个作者很懒,什么都没留下…
展开
-
html5用css3实现线性渐变background-image:linear-gradient使用方法
代码使用:background-image:linear-gradient<style> div { width: 400px; height: 150px; border: 1px solid #666; line-height: 150px; text-align: center; font-weight: 900; font-size: 30px; color: #fff; margin: 10px auto; } .gradient { backgr.原创 2021-02-24 16:23:23 · 1103 阅读 · 0 评论 -
KendoUI模板引擎 - #号语法
KendoUI模板引擎 - #号语法KendoUI的模板引擎使用的语法叫做"#号语法(Hash Syntax)",主要用来完成两件事情:渲染数据和执行JS表达式。从JS对象渲染数据到HTML模板使用等号渲染原始值 #= val #使用冒号渲染HTML编码值 #: val #两者的区别主要在于当数据值中包含HTML标签时,冒号方式会对值里的HTML标签进行转义,从而可以把标签作为字...转载 2020-04-12 19:31:50 · 352 阅读 · 0 评论 -
关于echarts-formatter 数据格式化小结
一、tooltip中的数据格式(数据点的悬浮框)tooltip : {trigger: 'axis',formatter:function(a,b,c){return a+'<br/>'+b+c;}},formatter格式化方法的参数说明:(下面一段话引用自https://www.cnblogs.com/ys-wuhan/p/6149265.html){strin...转载 2020-04-07 10:40:26 · 1513 阅读 · 0 评论 -
js中list和map中添加元素
list中添加一个元素,可以使用push在末尾追加js代码 var arr = ['a','b','c']; arr.push('d'); console.log(arr); 输出结果为:["a", "b", "c", "d"]map中添加一个元素,可以直接添加js代码 var map = { "aa": "11", "bb": "22" } map.cc = "33"; consol...转载 2020-04-07 09:43:16 · 3806 阅读 · 0 评论 -
radio点击选中,再次点击取消选中
<!DOCTYPE HTML><html><head> <title>单选按钮取消选中的三种方式</title> <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"> &l...原创 2020-02-20 16:47:00 · 2830 阅读 · 0 评论 -
html中input(radio,checkbox)取消/选中
$("input:checkbox:checked").length;查看个数$("#XX_XXX").prop("checked",true);选中$("#XX_XXX").removeAttr("checked");取消原创 2020-02-20 16:18:55 · 1844 阅读 · 0 评论 -
css3中的transform中的3d变换:translatez()与transform-origin-z()的区别
3d变换中的移动,z中的正方向面向用户,值越大,越靠近用户。translatez(100px)离用户更近了。transform-origin-z中z轴的正方向向内,即值越大,离用户越远。与translatez刚好相反。默认:transform-origin:50% 50% 0px; ...转载 2019-02-26 14:00:12 · 4214 阅读 · 0 评论 -
scss、sass 和 css 的区别
项目中,会经常使用诸如scss、sass的style样式,它们和css有什么区别呢?less大家应该都不陌生,同样的scss、sass一样,它们都可以称为:CSS预处理器语言。简单来说,scss和sass的区别,就在于 文件扩展名不同:“.sass”和“.scss”sass是以严格缩进式语法规则来书写的,不带大括号{}和分号;而SCSS的语法和`CSS书写语法类似下面介绍一下它们的编译...转载 2019-02-21 13:05:52 · 3068 阅读 · 0 评论 -
CSS background 属性
语法background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;值 说明 CSS background-color 指定要使用的背景颜色 1 background-position 指定背景图像的位置...转载 2019-03-08 16:36:11 · 175 阅读 · 0 评论 -
JS中的位置和宽度:clientWidth、offsetWidth、scrollWidth等区别
首先定义一个div。然后稍微装修一下下面开始区分 一、clientWidth和clientHeigh 、 clientTop和clientLeft 1,clientWidth的实际宽度 clientWidth = width+左右padding 2,clientHeigh的实际高度 clientHeigh =...转载 2019-03-06 14:13:36 · 284 阅读 · 0 评论 -
JavaScript min() 方法
定义和用法min() 方法可返回指定的数字中带有最低值的数字。语法Math.min(x,y)参数 描述 x 0 或多个值。在 ECMASCript v3 之前,该方法只有两个参数。 返回值参数中最小的值。如果没有参数,则返回 Infinity。如果有某个参数为 NaN,或是不能转换成数字的非数字值,则返回 NaN。实例在本例中,我们将展示如何使用 ...转载 2019-03-06 14:17:36 · 531 阅读 · 0 评论 -
【HTML】table表格拆分合并(colspan、rowspan)
<!DOCTYPE html><html> <meta charset="utf-8"> <head>表格合并(水平和垂直方向)</head> <base target="_self"> <body> <!--初始表格--&am转载 2019-03-10 23:35:26 · 4727 阅读 · 0 评论 -
彻底弄懂css中单位px和em,rem的区别
PX特点1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)em是相对长度单位。相对于当前对象内文本的字体尺...转载 2019-03-07 17:11:07 · 267 阅读 · 0 评论 -
HTML5 canvas fillText() 方法
实例使用 fillText(),在画布上写文本 "Hello world!" 和 "w3school.com.cn":JavaScript:var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.font="20px Georgia";ctx.fillText("Hello World!.转载 2019-02-26 13:56:23 · 3416 阅读 · 1 评论 -
HTML5 canvas fillText() 方法
定义和用法fillText() 方法在画布上绘制填色的文本。文本的默认颜色是黑色。提示:请使用font属性来定义字体和字号,并使用fillStyle属性以另一种颜色/渐变来渲染文本。JavaScript 语法:context.fillText(text,x,y,maxWidth);参数值参数 描述 text 规定在画布上输出的文本。 x ...转载 2019-03-05 14:13:00 · 2818 阅读 · 1 评论 -
HTML DOM querySelector() 方法
定义和用法querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。注意: querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代。更多 CSS 选择器,请访问我们的 CSS 选择器教程 和我们的 CSS 选择器参考手册...转载 2019-02-28 14:44:58 · 621 阅读 · 0 评论 -
十大热门的JavaScript框架和库
JavaScript 框架和库可以说是开源项目中最庞大也是最累的类目了,目前在github 上这一类的项目是最多的,并且几乎每隔一段时间就会出现一个新的项目席卷网络社区,虽然这样推动了创新的发展,但不得不说苦了前端的开发者们。因此本文罗列出了一些优秀的 Javascript 框架和库的特及其在 github 上的 star 数,旨在为各位开发者提供一些参考。1、ReactJS(Star: 5998...转载 2018-04-22 11:08:36 · 12056 阅读 · 0 评论 -
CSS 选择器参考手册
CSS3 选择器在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。"CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id#firstname选择 id="firstname" 的所有元素。1**选择所有元素。2elementp选择所有 <...转载 2018-04-22 11:17:58 · 154 阅读 · 0 评论 -
bootstrap 一
<!DOCTYPE html><html><head> <title>Bootstrap 实例</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial原创 2018-04-18 13:27:10 · 111 阅读 · 0 评论 -
bootstrap表格样式
下表样式可用于表格中:类描述实例.table为任意 <table> 添加基本样式 (只有横向分隔线)尝试一下.table-striped在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持)尝试一下.table-bordered为所有表格的单元格添加边框尝试一下.table-hover在 <tbody> 内的任一行启用鼠标悬停状态尝试一下.table-...原创 2018-04-19 10:22:25 · 374 阅读 · 0 评论 -
html lable for 属性
定义和用法for 属性规定 label 与哪个表单元素绑定。<form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for=&原创 2018-04-19 18:35:36 · 373 阅读 · 0 评论 -
Jquery遮罩ShowLoading组件
一、遮罩用途及效果 有时候我们页面调用后台程序时间比较长时,前台页面暴露在用户之下,如果用户点击可能会造成逻辑混乱。这时候,遮罩就起到了很好的效果,在触发后台程序时我们将前台页面遮住,不让操作,同时给予一个程序运行请等待的效果。遮罩效果:二、JQuery遮罩UI实现引用文件:showLoading.cssjquery.showLoading.js//activity_pane为所需遮罩部分的...转载 2018-04-21 09:13:35 · 2162 阅读 · 0 评论 -
拦截器与过滤器的区别
问题4,Spring的拦截器和Struts的过滤器(Filter)有什么差别?① 拦截器是基于Java 反射机制 的,而过滤器是基于 函数回调 。② 过滤器 依赖于 Servlet容器,而拦截器 不依赖于 Servlet容器 。③拦截器只能对action请求起作用,而过滤器则可以对几乎所有的请求起作用 。④拦截器可以访问action上下文、值栈里的对象,而过滤器不能 。⑤在action的生命...原创 2018-05-04 13:08:15 · 103 阅读 · 0 评论 -
Node.js安装及环境配置之Windows篇
Node.js安装及环境配置之Windows篇 一、安装环境1、本机系统:Windows 10 Pro(64位)2、Node.js:v6.9.2LTS(64位)二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node.js 就是运行在...转载 2018-05-16 14:22:26 · 243 阅读 · 0 评论 -
dropZone.js使用
这几天,接触到这个拖动上传文件的js,上传的效果很棒,于是乎,上网找了很多使用教程,包括官方文档,看了似懂非懂,结合自己的项目,也慢慢搞出来了!<div class="form-group"> <label class="title">真人照(最多只能传一张)</label> <div id="dropz" class="dr转载 2018-06-15 16:57:54 · 2870 阅读 · 0 评论 -
HTML5 移动页面自适应手机屏幕四种方法
1、使用meta标签:viewportH5移动端页面自适应普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这...转载 2018-10-29 10:24:02 · 3866 阅读 · 1 评论 -
Vue项目webpack打包部署到服务器
Vue项目webpack打包部署到服务器这篇博文主要说的就是我今天遇到的问题,而且在经过我的询问,好多人在打包部署的时候都遇到了一些问题,下面就来说下,如何将Vue项目放置在服务器上,这里以Tomcat为例。必须要配置的就是/config/index.js在vue-cli webpack的模板下的/config/index.js,我们可以看到assetsPublicPath这个键,并且...转载 2019-02-14 16:38:42 · 1607 阅读 · 0 评论 -
论html标签中的style="visibility:visible"
yle="visibility:visible"1之前改过一个bug,一个开源的【上传文件】按钮,需求是当上传的文件大于5条的时候,该按钮要隐藏,否则要显示。 我很快就写出来了,并且达到了按条件显示和隐藏的效果,可以后来同事发现隐藏再显示出来的按钮,功能不好用了。 后来找到原因,是因为我用了style=’display:none’; 也就是说,如果仅仅是为了隐藏该标签,而不想使标签失效(...转载 2019-02-21 16:58:38 · 205 阅读 · 0 评论 -
通过ip地址实现城市定位
博客 http://blog.csdn.net/jxlicai/article/details/16933497转载 2017-10-10 11:31:14 · 1121 阅读 · 0 评论