湛庐无方

原创 百度地图图片不显示

是css的原因 一般我会在详细页面设置img{max-width:100%;}用来防止图片太宽超出或者显示不全，这样的话百度地图的图片就会不显示，出现下面这样的情况： 因此我们需要清除图片最大宽度为100%这个样式或者覆盖掉它就可以了，/* dituContent是百度地图容器自带的ID */#dituContent img{max-width:none;}

原创 jquery-ui和jquery.datatable.js插件冲突

我还不知道啥原因，避免忘记标记下

原创 人员选择树，搜索自动筛选功能

要实现的功能截图： 要求： 1、点击收件人输入框可以根据拼音自动筛选数据，并且标记已经选择的数据，没有结果的时候提示，相应的更新左边树节点状态 2、勾选树右侧树的节点左侧输入框出现一一对应的节点名称用到的插件 vue+chosen+ztree vue：组件化的MVVM库 chosen:基于jquery的单选列表和多选列表增强插件 ztree：基于jquery的树插件分析 chosen

转载 简单描述JSON跟JSONP的区别以及实战

目录结构 前言由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能，但这两种方式都有其局限性，前者需要PhoneGap支持，后者要求用户设备必须支持WebSo

原创 json格式转换备忘

----jquery下str-->obj$.parseJSON( jsonstr )----浏览器JSON.parse(jsonstr); //可以将json字符串转换成json对象JSON.stringify(jsonobj); //可以将json对象转换成json对符串 注：ie8(兼容模式),ie7和ie6没有JSON对象，推荐采用JSON官方的方式，引入json.js---js下

转载 前端静态资源版本更新与缓存之——通过gulp 在原html文件上自动化添加js、css版本号

原理修改js和css文件通过对js,css文件内容进行hash运算，生成一个文件的唯一hash字符串(如果文件修改则hash号会发生变化)替换html中的js,css文件名，生成一个带版本号的文件名方案现在网上的方案都是生成一个新的dist目录，里面包含了要发布的html,js,css等文件。但是在实际的公司的项目中，会有情况不能生成新的HTML进行发布，需要在原来的HTML文件上进行js ,cs

转载 VUE学习笔记

1.基本绑定： new Vue( { el:'#elID', data:{ // data obj }, computed:{ // computed obj }, method

原创 jquery-layout

jquery-layout.js

原创 gulp顺序执行任务

gulp的任务的执行是异步的。 所以，当我写完一系列的任务，准备一股脑地执行。gulp.task('prod', ['clean', 'compass', 'image', 'style', 'html', 'ftp']); [10:22:54] Starting 'clean'...[10:22:54] Starting 'compass'...[10:22:54] Starting 'im

原创 require.js学习笔记

require.js主要解决两个问题： ① 实现javascript异步加载，避免页面假死 ② 管理模块之间的依赖性，便于代码编写与维护1、首先连接require.js文件 为了避免引起阻塞可以放在底部<script data-main="js/config" src="http://cdn.bootcss.com/require.js/2.2.0/require.js"></script>d

原创 sass学习笔记

代码示例/*mixin*/@mixin borderRadius($value){ -webkit-border-radius:$value; -moz-border-radius:$value; border-radius:$value;}@mixin transition($value){ -webkit-transition:all $value; -moz-tran

转载 uploadify 在chrome上崩溃的办法

$(function(){ setTimeout(function(){ $('#file_upload').uploadify({ 'swf' : 'tools/uploadify/uploadify.swf', 'uploader' : 'upload.php', 'onUploadSucc

原创 将对象的属性值追加到容器中

<div id="name"> <span>dvasd</span></div><script>var el=document.getElementById('name');var per={name1:'zch1',name2:'zch2',age:'26',sex:'mail'};//将文档碎片节点赋值给一个变量var fragment=document.createDocum

原创 eclipse安装配置

1、安装jdk，设置环境变量，修改path 2、免安装eclipse，新建工作区 3、指向marven路径，validate-disable 4、新建server、修改发布路径 5、配置内存window-preferences-installed JREs 编辑 -Xms512m -Xmx1024m -XX:PermSize=128M -XX:MaxPermSize=256M

原创 firefox 插件Tab Mix Plus配置截图

原创 使用gulp构建一个项目

gulp是前端开发过程中自动构建项目的工具，相同作用的还有grunt。构建工具依靠插件能够自动监测文件变化以及完成js/sass/less/html/image/css/coffee等文件的语法检查、合并、重命名、压缩、格式化、浏览器自动刷新、部署文件等功能。gulp是基于Nodejs的自动运行器，他借鉴了Unix操作系统的管道（pipe）思想，前一级的输出是后一级的输入。下面是具体流程：

转载 JavaScript 图形绘制库

1、D3.jsD3 是最流行的可视化库之一，它被很多其他的表格插件所使用。它允许绑定任意数据到 DOM，然后将数据驱动转换应用到文档中。你可以使用它用一个数组创建基本的 HMTL 表格，或是利用它的流体过度和交互，用相似的数据创建惊人的 SVG 条形图。2、ChartJSChart.js 是一个令人印象深刻的 JavaScript 图表库，建立在 HTML5 Canvas 基础上。目前

原创 网站打开之后ie浏览器都是杂项模式该如何处理

html DTD文档声明永远要放在第一行，否则ie默认文档模式就是杂项模式

转载 解决视网膜屏上看网页图片模糊的问题？

使用 img-set：background-image: img-set( url(a.png) 1x, url(a@2x.png) 2x );或 Media Query + background-size：.sprite { background-image: url(sprite.png); background-size: 100px 200px;

转载 eclipse svn版本冲突

基本原则是：每次提交前需要先和线上的对比，先把冲突解决掉，然后把线上的更新到本地，最后把本地的提交上去。右键项目 -> Team -> 与资源库同步在同步视图中选择Conflicts Mode，以便首先查看解决冲突双击需要解决的冲突文件，这里为Student.java，右侧主显示区会出现比较视图。左侧为本地程序，右侧为svn上的最新代码原来字段名

转载 火狐关闭多个标签不要显示警告

browser.tabs.warnOnClose＞falsebrowser.tabs.warnOnCloseOtherTabs＞false

转载 a 标签的样式规划

http://www.neoease.com/a-tag-css-design/

原创 background-size cover和contain的区别

相同点：图片都是等比例缩放不同点：cover是铺满整个显示区域。如果显示比例和显示区域的比例相差很大某些部分会不显示比如下面这张图，宽比高大很多，使用cover那么两边的就不会显示 background:#ccc url(111.jpg) no-repeat center top; background-size: cover;显示结果：两边的去掉很多，如果图片很小

转载 Sublime Text 3 license

----- BEGIN LICENSE ----Andrew WeberSingle User LicenseEA7E-855605813A03DD 5E4AD9E6 6C0EEB94 BC99798F942194A6 02396E98 E62C9979 4BB979FE91424C9D A45400BF F6747D88 2FB8807890F5CC94 1CDC92DC 8457

原创 js学习笔记

获取对象document.getElementById("idName")输入输出 document.write()改变内容 innerHTML函数 function name(){}点击事件 onclick="alert(0)" onclick="functionName()"匹配 match()改变样式 document.getElementById("id

原创 自己写的手机端轮播插件-- hdpslide.js

把公司网站制作过程中的图片轮播功能特别抽出来作为一个插件，方便后期使用，滑动效果需要借助zepto.js的支持。轮播插件只有四个功能，轮播导航，标题，箭头和间隔时间，前三者默认都是不显示的，需要手动开启。间隔时间默认是2000。

原创 手机端网站制作总结

1、访问地址：公司网站2、概括：公司移动端网站制作主要借助的外部插件是jquery mobile[实际制作中用的并不多]，与PC端采用同一个数据库，因为一个栏目无法同时绑定一个以上的模板，因此文章信息分属于不同的栏目，即新建了一个移动端的子站点，移动端与PC端输入相同的域名www.lanxum-edu.com即可根据设备判断跳转到指定的页面。3、制作过程中的注意事项（1）尺

转载 tomcat如何重定向

Tomcat设置默认启动项目Tomcat设置默认启动项目，顾名思义，就是让可以在浏览器的地址栏中输入ip:8080，就能访问到我们的项目。具体操作如下：    1、打开tomcat的安装根目录，找到Tomcat 6.0\conf\server.xml，打开该文件，找到节点，在该节点中添加    2、再将WebTest工程放到tomcat根目录下，并将webapps文件夹中的

转载 The specified JRE installation does not exist---maven eclipse

1.在项目上单击右键->Maven->Update Dependencies.2. 在项目上单击右键->Maven->Update Project Configuration.完成上面两步骤后，就可以了

转载 word-wrap与word-break的区别

word-wrap:break-word与word-break:break-all共同点是都能把长单词强行断句，不同点是word-wrap:break-word会首先起一个新行来放置长单词，新的行还是放不下这个长单词则会对长单词进行强制断句；而word-break:break-all则不会把长单词放在一个新行里，当这一行放不下的时候就直接强制断句了。

原创 display:inline-block产生的间隙问题

网上有很多文章介绍，这里

原创 将tomcat加入到系统服务

(1)进入e盘—e:(2)进入tomcat文件夹—cd tomcat(3)进入bin文件夹—cdbin(4)安装—service install

转载 前端优化与实用工具

前端的性能对于一个Web应用来说非常重要，如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应，那么产品的用户体验将会极大地提升。下图显示了页面加载速度对于用户体验的影响。你的Web页面的速度是否已经足够快了？其实可能还有很多可以提升的地方。Google和雅虎也提出了一些Web应用的前端优化建议，并发布了一些工具，你可以逐一检验你的Web应用，以便达到更高的性能。

原创 display:inline-block

1、inline元素(比如span,em等)的display属性设置为inline-block时，所有的浏览器都支持；2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的；

原创 jquery mobile学习笔记

一、jqm特性1、跨平台--支持主流的操作系统，

转载 如何优雅的清除浮动-块级格式化上下文，匿名框

匿名框分为两种，一种是匿名块级框，另一种是匿名内联框。匿名块级框看下面的例子div> Some text p>More textp>div>上面的代码会生成一个匿名块级框来包围Some text文本。演示效果如图:      如果一个块级框(如上面的div),包含一个另一个块级框(

转载 JS判断访问设备是移动设备还是pc

function browserRedirect() { var sUserAgent= navigator.userAgent.toLowerCase(); var bIsIpad= sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os"; va

转载 移动前端--浏览器内核初步知识

http://www.funet8.com/gong-zuo-bi-ji-yi-dong-web-ye-mian-qian-duan-kai-fa-zong-jie.html

转载 src与href属性的区别

详细出处参考：http://www.jb51.net/web/77258.htmlsrc和href之间存在区别，能混淆使用。src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame

原创 bootstrap框架学习笔记

基本概况利用两周的时间把bootstrap官网相关案例都做了一遍，对于bs有了一个初步的了解，bs是由动态语言less写成的，基于JQuery开发的前端框架，有已经写好的css样式、静态页面组件以及js组件，用的时候只需要写对html嵌套关系以及用对样式即可。最新版本3.0，移动开发优先。文件结构css文件夹---bootstrap.css 、 bootstrap.min.css 、b