- 博客(30)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 li列表在IE中不能对齐，offset不一致的问题
问题：今天在项目中遇到一个问题，同样的【li】列表元素，在IE中却出现上边距不一样的现象，检查元素发现【offset】值不一样。解决：给【li】添加样式【vertical-align:bottom;】，问题解决。原理有待进一步研究。...
2018-08-08 14:36:03
769
原创 javascript变量类型：基本类型和引用类型
ECMAScript 变量可能包含两种不同数据类型的值：基本类型值和引用类型值。（注：本文根据《Javascript高级程序设计》书中第4.1章内容整理而成）一. 基本类型值1. 含义：简单的数据段；2. 包括：Undefined、 Null、 Boolean、 Number 和 String ；3. 访问方式：按值访问；4. 属性/方法：不可添加/改变；5. 复制变量...
2018-07-17 14:20:11
286
原创 chrome调试鼠标悬停后出现的元素
调试小技巧：调试样式的时候，有一类元素是鼠标悬浮在特定位置才会出现的，鼠标移走，元素消失，给调试造成麻烦。怎样才能保证鼠标移走后该元素不消失呢？经多次尝试，解决方法如下：首先，按【F12】打开调试模式，鼠标位于悬浮元素上时，点击右键，出现如下弹框此时，不要点击鼠标，将鼠标移动到调试面板，如下图最后，按下键盘N键，chrome将自动定位至你想要调试的鼠标悬停才显示的元素上。大功告成！（改样式更方便了...
2018-07-11 10:52:21
20565
10
原创 css 设置文字超出长度用省略号代替 + 鼠标悬停显示全文 + 行内元素向下偏移修正
1. css 设置文字超出长度用省略号代替，下面四个属性缺一不可width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;2.鼠标悬停显示全文title="全文全文全文全文全文全文全文";3.应用【 display:inline-block； 】后引起行内元素向下偏移添加样式：vertical-align: bott...
2018-06-14 16:40:13
5135
1
原创 jquery datetimepicker的常用参数
jquery datetimepicker的常用参数更多信息请点这里简要示例下载名称默认值描述例子valuenull设置值{value:'12.03.2013', format:'d.m.Y'}langen设置样式显示语言，中文：ch\zh\zh-TW{lang:'zh'}formatY/m/d H:i日期格式（参考网站）{format:'Y/m/d'}timepickertrue显示时间选择部分...
2018-05-16 14:21:58
1212
原创 百度地图label样式修正
现象：百度地图 label 宽度为0，文字在标签边框外。原因：样式冲突，在css中添加下列代码即可： .BMapLabel{ max-width:none; }
2018-05-10 16:21:56
6052
1
原创 百度地图自定义图层详解+相关工具使用说明
说明：本文所使用工具及代码下载地址：https://download.csdn.net/download/sparrowflying/10386424本文分为几个部分：1、基础知识——百度地图坐标系（摘自百度地图官网）2、百度地图自定义图层api说明，或参考百度地图官方示例。3、获取百度地图原图4、自定义图层图片处理5、获取百度自定义图层图块与代码若对自定义图层原理已有了解，可直接跳到第3步；若已...
2018-05-02 09:17:59
15952
2
原创 网站优化方式--页面加载速度优化方式汇总
1、优化图片对于代码所占空间来说，图片是一个庞然大物，可精简空间非常大。主要有以下几方面要注意：（1）在能保证清晰度的情况下，图片要尽可能小。要根据图片内容合理采用png，jpg，gif不同方式压缩。不要一味采用png，同样满足要求的 jpg 可能只有 png 大小的几十分之一；（2）将一个页面的多个小图标合并为一张雪碧图。好处：减少文件大小；减少HTTP请求次数。2、优化 CSS 文件将css文...
2018-04-27 17:41:38
350
原创 git基本操作
罗杰·杜德勒的【git - 简易指南】写得很好。本文为该文章笔记，记录一些基本操作，方便记忆和查阅。-------------------------------------------------------------------------------------------创建新仓库创建新文件夹，打开，然后执行 git init以创建新的 git 仓库。检出仓库执行如下命令以创建一个本地仓...
2018-04-24 11:41:06
149
原创 网页头部出错，head的内容跑到body里面去了
用sublime编写的 html 静态页面，用浏览器直接打开是没有问题的，改为 jsp 后通过 IDEA 打开，发现页面顶部样式出现空白，检查浏览器代码发现head的内容跑到body里面去了。解决办法：将错误页面的代码复制到notepad++，采用以utf-8以无domg格式编码，保存。替换掉原文件，问题解决。
2018-04-20 11:13:46
2414
1
原创 HTML无内容标签，闭合还是不闭合？
注：此文无内容标签指的是自闭合标签。只有自闭合标签（即标签内部必须空白的）能使用自关闭形式。非自闭和标签（即标签内部允许包含数据的）不能使用自关闭写法。譬如，有人把 script 写成自关闭的形式，是错误的。常见的自闭合标签为： 不常见的自闭合标签为： 那么，无内容标签，到底闭合还是不闭合？
2018-04-19 11:29:55
2365
原创 jQuery 图片上传预览
此代码用于上传图片并实时预览，代码简洁有效。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML5上传单个图片预览</title></head><body&a
2018-04-16 17:10:28
343
原创 Jquery Validation表单验证 & 手机号验证
Jquery Validation简介Jquery Validation插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。该插件是由 Jörn Zaefferer...
2018-04-16 16:25:03
4302
原创 sublime text 添加到右键快捷启动
1、打开注册表编辑器。开始——>运行——>regedit 2、选择HKEY_CLASSES_ROOT——>*——>shell，右键，新建项，命名为Edit with Sublime Text3(可以根据个人习惯调整)，然后在右边 新建-字符串值，命名为“Icon”，值为”D:\Program Files\Sublime Text 3\sublime_text.exe,0″。...
2018-04-13 15:59:42
660
原创 JavaScript 继承方式 -- part 1 非构造函数的继承
part 1 、非构造函数的继承假如有一个对象 parent 需要被继承var parent = { p1: '属性1', p2: '属性2' }方式1：直接复制属性即直接遍历 parent 的属性赋值给另一个对象，实现继承function copyObj(p){ var c = {}; for(var i in p){ c[i] = p[i];...
2018-04-12 11:30:59
201
原创 prototype属性初探
Javascript是面向对象的语言，但是它没有“子类”和“父类”的概念，它的继承靠“原型链（prototype chain）”来实现。首先从 JavaScript 创建实例说起我定义了一个构造函数function Cat(name){ this.name = name;}并生成两个实例var cat1 = new Cat('小黑');var cat2 = new Cat('小白');...
2018-04-11 10:54:10
227
原创 理解javascript闭包
之前对闭包总是一知半解，网上的大部分解释也是晦涩难懂，查了一些资料，写一些自己对闭包的理解。闭包：作用域的艺术要理解闭包，还是要从javascript变量作用域说起。js变量分为局部变量和全局变量。在 function 内部声明的是局部变量，在函数外是无法获取到局部变量的。如 function foo1(){ var a = 2;}console.log(a);//a is not d...
2018-04-10 18:13:39
191
原创 什么是hash？
今天在 JavaScript 浏览器环境概述 中看到以下描述，因此特意去了解了什么是hash.为了防止攻击者篡改外部脚本，script标签允许设置一个integrity属性，写入该外部脚本的Hash签名，用来验证脚本的一致性。<script src="/assets/application.js" integrity="sha256-TvVUHzSfftWg1rcfL6TIJ0XKEGrg...
2018-04-03 10:10:27
270
原创 JavaScript 中 if 条件判断 为false的情况
JS中 条件判断为 false 的几种情况： 0、-0、0.0、null、""、false、undefined、NaN其他情况下判断为 true，包括："0"、"null"、"false"、"undefined"、"NaN"
2018-03-30 09:48:32
3567
原创 window.name + iframe 跨域获取数据
【原理1】：window对象的name属性特征 —— name 属性可设置或返回存放窗口的名称的一个字符串，同一个浏览器窗口或同一个 iframe 载入的页面共享一个window.name。意思是只要你不关闭页面，仅仅改变网址的话， window.name 是不会变的，而且每一个打开的页面都能获取并修改 window.name 的值。【原理2】：父页面能够通过 iframe 的 contentWi...
2018-03-29 16:47:23
2365
原创 前端使用 url/localStorage 将数据传到下一页
1、url —— 需要将少量数据传给下一页，可以直接加在url上如（1）设置下一页链接 https://www.test.com/index.html?type1（2）使用window.location.search 获取 href 属性中跟在问号后面的部分示例：var test = window.location.search;alert(test);返回：?type12、localStorag...
2018-03-28 15:15:59
1771
原创 html元素盒模型，块级元素和内联元素区别
1、【盒模型】盒模型：html文档中的每个元素都被描绘成矩形盒子，这个模型称为盒模型。盒模型包括：margin（外边距），border（边框），padding（内边距），content（内容区域）。元素占据的空间：margin+border+padding+content。正常盒模型：属性width/height = content宽高。IE盒模型 （ IE 5 和 6 ）
2018-02-02 11:52:19
903
原创 HTML元素嵌套约束（html基础）
HTML元素嵌套约束分为：严格嵌套约束、语义嵌套约束两种。【严格嵌套约束】—— 在所有的浏览器下都不被允许；inline-Level 元素，仅可以包含文本或其它 inline-Level 元素;里不可以嵌套交互式元素、、等;（经chrome测试包含可以正常运行）里不可以嵌套块级元素、~、、//、//、等。【语义嵌套约束】—— 语义嵌套约束，浏览器大多会容错处理，生成的文档树
2018-02-02 11:22:31
652
原创 百度地图测距和鼠标位置不一致
使用官方API开启百度测距后，浏览器显示测距点和鼠标位置不一致。解决方法：将http://api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js">中的DistanceTool_min.js文件下载下来，修改后本地调用。修改位置：（注此处小x,y,e为变量，共有六处需要修改）var x = e.lay
2018-01-25 16:50:03
1070
原创 消除button或inline-block元素之间的空白间距
解决办法：删除元素间多余空格如：按钮1按钮2改为：按钮1按钮2或：设置父元素样式：font-size:0; （完美解决！）产生原因：由于【button元素】在浏览器中属性默认为inline-block，因此代码中空格会被显示为的空白。其他属性为inline-block的元素也会产生此现象，编写样式的
2017-11-14 11:17:54
1635
原创 URL地址中使用中文作为参数 js如何获取中文值（导航自动切换样式时）
今天做一个导航自动选中时遇到的问题，情况如下：链接地址为...浏览器地址栏显示链接为"xxxxx/index/type/新闻" $(function(){//导航选中样式 var urlstr = location.href; $("#sidebarnav a").each(function () { if (urlstr.ind
2017-10-16 09:42:46
554
原创 CSS布局与定位——height百分比设置无效/背景色不显示
CSS布局与定位——height百分比设置无效/背景色不显示html元素属性width和height的值有两种表达方式，一是固定像素如“100px”，一是百分比如“80%”，使用百分比的好处是元素会按父元素宽高自动调节大小，有更好的自适应性，但由于元素默认宽度有效，默认高度无效，因此父元素为时width="100%" height="100%"，其高度设置是无效的，
2017-05-24 16:06:35
5264
原创 CSS布局与定位——Positioning(定位)四种定位方式要点总结
CSS定位方式为网页布局要点，而Positioning(定位)四种属性为掌握布局的基础。1、Static 定位 （即静态定位）要点：html元素默认定位方式；在正常的文档流中，占据空间；top/bottom/right/left属性对其无效；z-index层叠属性对其无效；absolute定位元素不受其影响；2、Relative 定位
2017-05-24 15:06:06
1026
原创 CSS优先级应用
H5建议将网页的两大部分【内容与样式】分开来处理，即HTML负责页面框架内容，CSS负责控制样式。这样做的好处是分工明确，条理清晰，方便编写与后期修改。1、HTML引用CSS的方式HTML引用CSS的方式一般可分为三种：1、引用外部样式表【最常用】；2、在HTML头部区（即开始&结束标签之间）编写样式，样式可被当前HTML应用；3、在HTML内容区（即开始&结束标签之间）直接编写元素样式，
2017-02-14 10:58:26
443
jquery时间选取插件datetimepicker，示例“2018/05/10 16:20”（中文版）
2018-05-11
BaiduMapTileCutter+水经注万能地图下载器 13.19.12+百度地图自定义图层示例
2018-05-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人