- 博客(30)
- 资源 (4)
- 收藏
- 关注
原创 li列表在IE中不能对齐,offset不一致的问题
问题:今天在项目中遇到一个问题,同样的【li】列表元素,在IE中却出现上边距不一样的现象,检查元素发现【offset】值不一样。解决:给【li】添加样式【vertical-align:bottom;】,问题解决。原理有待进一步研究。...
2018-08-08 14:36:03
777
原创 javascript变量类型:基本类型和引用类型
ECMAScript 变量可能包含两种不同数据类型的值:基本类型值和引用类型值。(注:本文根据《Javascript高级程序设计》书中第4.1章内容整理而成)一. 基本类型值1. 含义:简单的数据段;2. 包括:Undefined、 Null、 Boolean、 Number 和 String ;3. 访问方式:按值访问;4. 属性/方法:不可添加/改变;5. 复制变量...
2018-07-17 14:20:11
297
原创 chrome调试鼠标悬停后出现的元素
调试小技巧:调试样式的时候,有一类元素是鼠标悬浮在特定位置才会出现的,鼠标移走,元素消失,给调试造成麻烦。怎样才能保证鼠标移走后该元素不消失呢?经多次尝试,解决方法如下:首先,按【F12】打开调试模式,鼠标位于悬浮元素上时,点击右键,出现如下弹框此时,不要点击鼠标,将鼠标移动到调试面板,如下图最后,按下键盘N键,chrome将自动定位至你想要调试的鼠标悬停才显示的元素上。大功告成!(改样式更方便了...
2018-07-11 10:52:21
21108
11
原创 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
5157
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
1230
原创 百度地图label样式修正
现象:百度地图 label 宽度为0,文字在标签边框外。原因:样式冲突,在css中添加下列代码即可: .BMapLabel{ max-width:none; }
2018-05-10 16:21:56
6089
1
原创 百度地图自定义图层详解+相关工具使用说明
说明:本文所使用工具及代码下载地址:https://download.csdn.net/download/sparrowflying/10386424本文分为几个部分:1、基础知识——百度地图坐标系(摘自百度地图官网)2、百度地图自定义图层api说明,或参考百度地图官方示例。3、获取百度地图原图4、自定义图层图片处理5、获取百度自定义图层图块与代码若对自定义图层原理已有了解,可直接跳到第3步;若已...
2018-05-02 09:17:59
16050
2
原创 网站优化方式--页面加载速度优化方式汇总
1、优化图片对于代码所占空间来说,图片是一个庞然大物,可精简空间非常大。主要有以下几方面要注意:(1)在能保证清晰度的情况下,图片要尽可能小。要根据图片内容合理采用png,jpg,gif不同方式压缩。不要一味采用png,同样满足要求的 jpg 可能只有 png 大小的几十分之一;(2)将一个页面的多个小图标合并为一张雪碧图。好处:减少文件大小;减少HTTP请求次数。2、优化 CSS 文件将css文...
2018-04-27 17:41:38
364
原创 git基本操作
罗杰·杜德勒的【git - 简易指南】写得很好。本文为该文章笔记,记录一些基本操作,方便记忆和查阅。-------------------------------------------------------------------------------------------创建新仓库创建新文件夹,打开,然后执行 git init以创建新的 git 仓库。检出仓库执行如下命令以创建一个本地仓...
2018-04-24 11:41:06
159
原创 网页头部出错,head的内容跑到body里面去了
用sublime编写的 html 静态页面,用浏览器直接打开是没有问题的,改为 jsp 后通过 IDEA 打开,发现页面顶部样式出现空白,检查浏览器代码发现head的内容跑到body里面去了。解决办法:将错误页面的代码复制到notepad++,采用以utf-8以无domg格式编码,保存。替换掉原文件,问题解决。
2018-04-20 11:13:46
2431
1
原创 HTML无内容标签,闭合还是不闭合?
注:此文无内容标签指的是自闭合标签。只有自闭合标签(即标签内部必须空白的)能使用自关闭形式。非自闭和标签(即标签内部允许包含数据的)不能使用自关闭写法。譬如,有人把 script 写成自关闭的形式,是错误的。常见的自闭合标签为: 不常见的自闭合标签为: 那么,无内容标签,到底闭合还是不闭合?
2018-04-19 11:29:55
2401
原创 jQuery 图片上传预览
此代码用于上传图片并实时预览,代码简洁有效。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML5上传单个图片预览</title></head><body&a
2018-04-16 17:10:28
352
原创 Jquery Validation表单验证 & 手机号验证
Jquery Validation简介Jquery Validation插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。该插件是由 Jörn Zaefferer...
2018-04-16 16:25:03
4321
原创 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
673
原创 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
210
原创 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
240
原创 理解javascript闭包
之前对闭包总是一知半解,网上的大部分解释也是晦涩难懂,查了一些资料,写一些自己对闭包的理解。闭包:作用域的艺术要理解闭包,还是要从javascript变量作用域说起。js变量分为局部变量和全局变量。在 function 内部声明的是局部变量,在函数外是无法获取到局部变量的。如 function foo1(){ var a = 2;}console.log(a);//a is not d...
2018-04-10 18:13:39
203
原创 什么是hash?
今天在 JavaScript 浏览器环境概述 中看到以下描述,因此特意去了解了什么是hash.为了防止攻击者篡改外部脚本,script标签允许设置一个integrity属性,写入该外部脚本的Hash签名,用来验证脚本的一致性。<script src="/assets/application.js" integrity="sha256-TvVUHzSfftWg1rcfL6TIJ0XKEGrg...
2018-04-03 10:10:27
286
原创 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
3600
原创 window.name + iframe 跨域获取数据
【原理1】:window对象的name属性特征 —— name 属性可设置或返回存放窗口的名称的一个字符串,同一个浏览器窗口或同一个 iframe 载入的页面共享一个window.name。意思是只要你不关闭页面,仅仅改变网址的话, window.name 是不会变的,而且每一个打开的页面都能获取并修改 window.name 的值。【原理2】:父页面能够通过 iframe 的 contentWi...
2018-03-29 16:47:23
2402
原创 前端使用 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
1800
原创 html元素盒模型,块级元素和内联元素区别
1、【盒模型】盒模型:html文档中的每个元素都被描绘成矩形盒子,这个模型称为盒模型。盒模型包括:margin(外边距),border(边框),padding(内边距),content(内容区域)。元素占据的空间:margin+border+padding+content。正常盒模型:属性width/height = content宽高。IE盒模型 ( IE 5 和 6 )
2018-02-02 11:52:19
914
原创 HTML元素嵌套约束(html基础)
HTML元素嵌套约束分为:严格嵌套约束、语义嵌套约束两种。【严格嵌套约束】—— 在所有的浏览器下都不被允许;inline-Level 元素,仅可以包含文本或其它 inline-Level 元素;里不可以嵌套交互式元素、、等;(经chrome测试包含可以正常运行)里不可以嵌套块级元素、~、、//、//、等。【语义嵌套约束】—— 语义嵌套约束,浏览器大多会容错处理,生成的文档树
2018-02-02 11:22:31
671
原创 百度地图测距和鼠标位置不一致
使用官方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
1080
原创 消除button或inline-block元素之间的空白间距
解决办法:删除元素间多余空格如:按钮1按钮2改为:按钮1按钮2或:设置父元素样式:font-size:0; (完美解决!)产生原因:由于【button元素】在浏览器中属性默认为inline-block,因此代码中空格会被显示为的空白。其他属性为inline-block的元素也会产生此现象,编写样式的
2017-11-14 11:17:54
1655
原创 URL地址中使用中文作为参数 js如何获取中文值(导航自动切换样式时)
今天做一个导航自动选中时遇到的问题,情况如下:链接地址为...浏览器地址栏显示链接为"xxxxx/index/type/新闻" $(function(){//导航选中样式 var urlstr = location.href; $("#sidebarnav a").each(function () { if (urlstr.ind
2017-10-16 09:42:46
576
原创 CSS布局与定位——height百分比设置无效/背景色不显示
CSS布局与定位——height百分比设置无效/背景色不显示html元素属性width和height的值有两种表达方式,一是固定像素如“100px”,一是百分比如“80%”,使用百分比的好处是元素会按父元素宽高自动调节大小,有更好的自适应性,但由于元素默认宽度有效,默认高度无效,因此父元素为时width="100%" height="100%",其高度设置是无效的,
2017-05-24 16:06:35
5316
原创 CSS布局与定位——Positioning(定位)四种定位方式要点总结
CSS定位方式为网页布局要点,而Positioning(定位)四种属性为掌握布局的基础。1、Static 定位 (即静态定位)要点:html元素默认定位方式;在正常的文档流中,占据空间;top/bottom/right/left属性对其无效;z-index层叠属性对其无效;absolute定位元素不受其影响;2、Relative 定位
2017-05-24 15:06:06
1042
原创 CSS优先级应用
H5建议将网页的两大部分【内容与样式】分开来处理,即HTML负责页面框架内容,CSS负责控制样式。这样做的好处是分工明确,条理清晰,方便编写与后期修改。1、HTML引用CSS的方式HTML引用CSS的方式一般可分为三种:1、引用外部样式表【最常用】;2、在HTML头部区(即开始&结束标签之间)编写样式,样式可被当前HTML应用;3、在HTML内容区(即开始&结束标签之间)直接编写元素样式,
2017-02-14 10:58:26
455
jquery时间选取插件datetimepicker,示例“2018/05/10 16:20”(中文版)
2018-05-11
BaiduMapTileCutter+水经注万能地图下载器 13.19.12+百度地图自定义图层示例
2018-05-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人