2016年10月_yinxiangzhongqing

转载 Bootstrap3多级导航菜单

Bootstrap3多级导航菜单AngularJS体验式编程系列文章，将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下，angularjs能脱颖而出，从架构设计上就高人一等，双向数据绑定，依赖注入，指令，MVC，模板。Angular.js创新地把后台技术融入前端开发，扫去jQuer

2016-10-31 10:54:29 9341

原创 DOM解析xml文档节点下的所有子节点，怎么样只输出标签名而没有<#text>标签

XML文档：现在我要遍历根节点matchineroot节点下所有子节点并获得节点名，如果直接用DOM遍历节点的方法输出的节点名不仅包含文档中所有子节点名，还会输出很多，事实上node instanceof Text的场合：输出是：#text，node instanceof Element的场合：输出是：标签

2016-10-31 09:26:55 4863

前言：对于Web开发人员，弹出框和提示框的使用肯定不会陌生，比如常见的表格新增和编辑功能，一般常见的主要有两种处理方式：行内编辑和弹出框编辑。在增加用户体验方面，弹出框和提示框起着重要的作用，如果你的系统有一个友好的弹出提示框，自然能给用户很好的页面体验。前面几章介绍了bootstrap的几个常用组件，这章来看看bootstrap里面弹出框和提示框的处理。总的来说，弹出提示主要分为三种：弹出框、确

2016-10-28 14:46:03 1322

转载 CDN加速服务,CDN公共库汇总

CDN公共库是指将常用的JS库存放在CDN节点，以方便广大开发者直接调用。将JS库存放在服务器单机上相比，CDN公共库更加稳定、高速。 jQuery插件库为您提供百度、微软等提供的CDN节点地址，这些CDN公共库为您的应用程序提供稳定、可靠、高速的服务，包含全球所有最流行的开源JavaScript库。本文汇总重用CDN。jQuery MigratejQuery官网CDN地址jQue

2016-10-26 10:03:59 1202

原创 webstorm常用快捷键

格式化快捷键：centOS 下webstorm 格式化代码的快捷键 Ctrl+Shift+l windows 下 webstorm 格式化代码的快键键 Ctrl+Alt+lmac 下 webstorm 格式化代码的快捷键 Option+Command+l查找/代替快捷键说明ctrl+shift+N

2016-10-20 16:30:19 626

原创 Bootstrap CDN推荐

菜鸟教程中的实例采用的是百度的静态资源库上的Bootstrap资源。百度的静态资源库的 CDN 服务，访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费,引入代码如下：

2016-10-20 15:43:23 1804

原创 nodeJS服务器的创建和重新启动

在我们开发node 应用的时候，一但你的应用已经启动了，这个时候如果你修改了服务端的文件，那么要是这个修改起作用，你必须手动停止服务然后再重新启动，这在开发过程中无疑是很烦人的一件事，最好是有一个能够监控所有变动文件的脚本，一单发现文件有变动则立即重启服务，重新加载刚刚修改过的文件。这里推荐一个:nodemon。首先为了是这个命令全局可用，最好我们进行全局安装: npm i

2016-10-20 10:32:18 14839 1

转载 webstorm+nodejs+JetBrains IDE Support+chrome打造前端开发神器

目录(?)[+]---工欲善其事必先利其器各工具介绍webstorm是JetBrains公司发布的一个web开发IDE，支持代码提示、补全、定位、与Git集成等等各种功能，已经跟传统强类型语言的开发环境感觉无多大差异。node是一个服务端的 JavaScript运行环境JetBrains IDE Support俗称JB插件(⊙o⊙)，是一个

2016-10-20 09:20:37 1750 1

转载 WebStorm+Node.js开发环境的配置

1 下载地址：　　 webstorm：http://www.jetbrains.com/webstorm　　 node.js:https://nodejs.org/download/2 安装node.js 按照提示一步步安装即可，不用多说,安装完成后检测PATH环境变量是否配置了Node.js，点击开始=》运行=》输入"cmd" => 输入命令"path

2016-10-20 09:13:41 2142

转载 WEB前端技术栈

1. 前言　本文把整个web前端开发所需要的知识都之中在一个视图中，形成一个完整的web前端知识体系，目的是想要颠覆人们对于前端只有三大块（html、css、js）的认识——做web前端需要的比这三大块要多得多。　　在看内容之前，先看一下这个知识框架的预览图。图太大不好展示，看不清除，可在此下载清晰版：http://pan.baidu.com/s/1hqIUvUc （内有整个知识体

2016-10-13 10:27:52 1077 1

原创常见浏览器兼容性问题及解决方案

所谓浏览器兼容性问题，是指不同浏览器对同一段代码有不同的解析，导致页面产生的效果不一样。大多数情况下良好的用户体验需求应该是不同浏览器显示的页面都是相同的，因此，对于web开发来说，浏览器兼容性问题是一件令人头痛的事情，因此我们在编码之前应该先了解不同浏览器之前都有什么区别，然后在编码过程中针对浏览器的兼容问题作出相应的对策，规避经常出现兼容性问题的代码。在众多浏览器中IE6是最令人讨厌的了，

2016-10-13 10:24:34 556

原创 IE6常见BUG兼容解决方法

开发前端的同学一定都知道，IE6是兼容BUG最多的浏览器，它不支持PNG alpha通道暂且不论。其文档的解析理解规范也引起了诸多恼人的BUG，有时甚至让人感到绝望。本文主要讲解一些比较容易遇到的IE6BUG，以及解决的办法。一、IE6双倍边距bug当页面上的元素使用float浮动时，不管是向左还是向右浮动；只要该元素带有margin像素都会使该值乘以2，例如“margin-left:10

2016-10-13 10:20:22 437

转载清除浮动的原理和方法

分类：html（10）浮动元素容器的clearing问题1. 问题的由来有这样一种情形：在一个容器（container）中，有两个浮动的子元素。在浏览器中一运行，就会出现意想不到的结果。实际视图是子元素显示在父容器的外部。2. 问题的原因与浮动定位有关。在CSS规范中，浮动定位不属于正常的页面流（page flow）

2016-10-13 10:05:56 229

转载从登录框看前端

我们会骂 12306 的网站界面挫，效果差，速度慢，回头看看自己写的代码，是不是也一样的狗血！在前端，很多看似简单的东西，内藏无数玄机。本文将以一个小小的登陆框为入口，谈一谈如何完善自己的程序。在很多人眼里，前端就是 DIV+CSS+JQuery，甚至还有些人停留在 table 布局的迷雾当中（这些人应该跟 IE6 一样，随着历史渐渐被尘封）。但，前端绝不是你所看到的那样。举个例子

2016-10-13 10:01:15 696

转载 window.location方法

window.location方法获取URL:统一资源定位符 (Uniform Resource Locator, URL)　　完整的URL由这几个部分构成：　　scheme://host:port/path?query#fragment　　scheme:通信协议　　常用的http,ftp,maito等　　host:主机　

2016-10-13 09:54:41 1411

转载 link rel=canonical 用法

2009年2月份，谷歌、雅虎和live search 三家搜索引擎宣布支持Link的一个新属性Canonical，其目的是帮助网站管理员们，解决网站内容存在多个版本时，指定规范链接，帮助解决内容重复收录问题。其标准用法是： Html代码 link rel="canonical" href="http://www.domain.com/index.htm

2016-10-13 09:50:28 1057

原创 HTML头文件的各种meta设置

META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等。name是描述网页的，对应于Conten

2016-10-12 20:30:08 5133

Hi,印象钟情