Fork me on GitHub

随笔分类 -  web前端

CSS中的定位与浮动
摘要：CSS中的定位与浮动 本文主要讲述CSS中的三种定位样式static、relative和absolute的区别以及浮动元素的特征。 定位样式 CSS中定位样式position的取值有三个，默认值：static，相对定位：relative，绝对定位：absolute。 static： 采用默认定位时， 阅读全文
posted @ 2018-01-24 22:36 赵小生z 阅读(3057) 评论(0) 推荐(0)
CSS中的元素分类
摘要：CSS中的元素分类 元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box，也译为“盒子”）。但是不同的元素显示的方式会有所不同，例如\和\就不同，而\和\也不一样。在文档类型定义（DTD）中对不同的元素规定了不同的类型，这也是DTD对文档之所以重要的原因之一。 1. 替换和 阅读全文
posted @ 2018-01-14 22:57 赵小生z 阅读(1691) 评论(0) 推荐(0)
CSS外边距合并的几种情况
摘要：CSS外边距合并的几种情况 外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 外边距在 "CSS1" 中就有 The width of the margin on non floating block level elem 阅读全文
posted @ 2018-01-13 23:39 赵小生z 阅读(2274) 评论(0) 推荐(0)
Web程序员必备的CSS工具
摘要：对于web开发来说，CSS是最有效的美化页面、设置页面布局的技术。但问题是，CSS是一种标记性语言，语法结构非常的松散、不严谨。WEB程序员会经常发现自己的或别人的CSS文件里有大量的冗余代码或错误或能够大量优化的地方。如果你经常使用静态编程语言(比如，Java，C语言)等，你会发现实用的IDE工具 阅读全文
posted @ 2018-01-10 21:09 赵小生z 阅读(337) 评论(1) 推荐(0)
vscode运行前端代码
摘要：vscode 可安装静态web服务器 Live Server用于运行前端代码，方便调试。最新的 Live Server已支持php动态页面。 安装方法是，点击左侧第五个图标，打开“扩展”页面，在文本框中输入Live Server，点击第一个搜索结果，在右侧页面中点击安装，等待安装完成。 运行方式是， 阅读全文
posted @ 2017-11-19 22:39 赵小生z 阅读(18526) 评论(0) 推荐(1)
vue-父子组件嵌套的示例
摘要：组件注册： // 注册组件 Vue.component('my-component', { template: 'A custom component!' }) 注册局部组件 var childComponent = Vue.extend({ template: 'this is child template' }); Vue.component("parent",{... 阅读全文
posted @ 2017-08-19 20:39 赵小生z 阅读(875) 评论(0) 推荐(0)
hidden,display,visibility ,jQuery中的hide()区别
摘要：hidden是html中的属性，规定元素是否可见 display是css中的样式,规定元素是否显示 visible 是css中的样式,规定元素是否可见 display:none 不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。 visible:hidden 使对 阅读全文
posted @ 2017-03-22 18:55 赵小生z 阅读(13915) 评论(0) 推荐(0)
DOM加载过程中ready和load的区别
摘要：在浏览器地址栏输入URL地址，浏览器开始加载页面时，有以下几个过程 1、浏览器开始解析HTML文档 2、 浏览器遇到HTML文档中的<script>元素以及CSS样式文件，并且没有async或defer属性，就暂停解析，开始执行脚本和CSS样式 3、 HTML文档解析完成 4、 浏览器等待图片、样式 阅读全文
posted @ 2017-01-04 19:57 赵小生z 阅读(6887) 评论(0) 推荐(0)
使用JavaScript为一张图片设置备选路径
摘要：在做网页开发的时候，有时候希望给图片设置一个备选路径，即，当src属性对应的主路径加载失败的时候，图片可以马上切换到备选路径。这样，即使主路径失效了，显示备用路径也不会影响网页的正常体验。 注意到网页中一张图片加载失败会触发error事件，因此可以使用DOM模型中的load和error事件实现这一效果。 src1='main/image.jpg' //主路径 src2='another/image... 阅读全文
posted @ 2017-01-03 21:35 赵小生z 阅读(653) 评论(0) 推荐(0)
jqGrid插件getCol方法的一个改进
摘要：jgGrid插件是非常常用的一个基于jQuery的表格插件，功能非常强大。我最近也频繁使用。但是这个插件也有一些不够完善的地方。比如这个getCol方法。 getCol方法接受三个参数 colname, returntype, mathoperation，返回一个数组（ array类型）或一个值（数 阅读全文
posted @ 2016-12-20 22:05 赵小生z 阅读(4718) 评论(0) 推荐(0)
JavaScript 中的变量命名方法
摘要：三种命名方法 在程序语言中，通常使用的变量命名方法有三种：骆驼命名法（CamelCase），帕斯卡命名法（PascalCase）和匈牙利命名法。 依靠单词的大小写拼写复合词的做法，叫做"骆驼命名法"（CamelCase）。比如，backColor这个复合词，color的第一个字母采用大写。 它之所以 阅读全文
posted @ 2016-10-27 09:57 赵小生z 阅读(2841) 评论(0) 推荐(0)
不同地图坐标系的经纬度转换方法
摘要：在互联网上可以免费使用的在线地图有很多种，包括google map,百度地图，高德地图，腾讯地图，天地图等等。各种地图并没有使用同样的坐标系，这样就导致更换地图API时，使用同样的经纬度在不同的地图底图上，会存在偏差，这种变差还比较大。在GPS定位技术以及在线地图普遍使用的今天，即使是极细微的偏差， 阅读全文
posted @ 2016-08-13 15:19 赵小生z 阅读(8359) 评论(0) 推荐(0)
jqGrid几个需要注意的默认设置
摘要：jqGrid中的option属性设置中，几乎每个属性都会给出默认值，然而，有些默认值实在有些坑爹，导致在使用过程中，如果没有注意到而使用了默认值，就会出现一些问题。 height:是指jqGrid表格的高度，可以设置为auto，像素值或者百分比。默认为150px，为固定值，并且不会随着父容器的改变而 阅读全文
posted @ 2016-01-15 18:39 赵小生z 阅读(1312) 评论(0) 推荐(0)
jqGrid使用setColProp方法动态改变列属性
摘要：在使用jqGrid插件时，有时我们需要动态改变列的属性，可使用setColProp方法，用法如下 jQuery(”#grid_id”).setColProp('colname',{editoptions:{value:“True:False”}}); 这里举个详细的例子。 使用Form Editin 阅读全文
posted @ 2015-11-12 12:05 赵小生z 阅读(10418) 评论(0) 推荐(0)
jgGrid中的editrules使用函数来进行验证
摘要：jgGrid中的editrules 用于设置一些用于可编辑列的colModel的额外属性，大多数的时候是用来在提交到服务器之前验证用户的输入合法性的。比如editrules:{edithidden:true, required:true....}。 可选的属性包括： edithidden：只在For 阅读全文
posted @ 2015-11-11 19:27 赵小生z 阅读(1077) 评论(0) 推荐(0)