2017年09月_Goddess_liangyanli

原创 js实现A页面带数据跳转B页面并返回上一层

要实现从一个页面A跳到另一个页面B，js实现就在A的js代码加跳转代码JS跳转大概有以下几种方式：第一种：(跳转到b.html)window.location.href="b.html";第二种：（返回上一页面）window.history.back(-1);第三种：window.navigate("b.html");第四种：self.location=’b.html’;第五种：top

2017-09-28 13:48:43 8976

原创 HTML5触摸事件(touchstart、touchmove和touchend)

HTML5触摸事件(touchstart、touchmove和touchend)　HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchen

2017-09-27 11:23:28 4665

原创 JavaScript中用sort方法进行二维数组排序

JavaScript中数组排序方法用到的最多的当然是封装好的sort()方法了一：sort()方法怎么使用？ sort方法并不像我们想的那么容易使用，不是单纯的arr.sort()就行了，需要我们定义里面的回调函数！因为sort()方法默认情况下按照升序排列数组项，sort()方法会调用toString()转型方法，然后比较得到的字符串，即使我们比较的是数字，他也会把数字转为字符

2017-09-27 10:32:27 10962 1

原创 js中的touch事件及gesture(手势)事件

一：touch事件分类？ 1. touchstart：当手指触摸屏幕时触发。不管有多少个手指放在了屏幕上，只要再触摸一下屏幕就会触发。在此，我用小米的google浏览器做了一个实验，添加一个计数器，用来查看屏幕上手指触摸的次数，代码如下： window.onload = function(){ var i = 0; document.addEventL

2017-09-27 10:29:02 5507

转载 HTML5开发者心声：浏览器兼容性成最大问题

摘要：HTML5技术目前最大的困境莫过于各浏览器缺乏统一的扩展标准，在不同手机操作系统上性能表现不一致以及缺乏优质中文技术文档。在此次问卷调查中，开发者们纷纷表示，HTML5技术最大的问题在于：浏览器兼容性较差。最近，CSDN和HTML5中国产业联盟发起了一个问卷调查，参与调查的开发者们将遇到的问题、关注的事情、对HTML5技术的期待反映在了问卷之上。我们对问卷结果进行了统计和分析，总

2017-09-27 10:26:48 10464

原创 flex布局教程

Flex 布局语法教程分类编程技术网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页

2017-09-26 19:16:58 1754

转载 tomcat服务器输入localhost可以访问，ip无法访问解决办法

最近在开发项目中，遇到的一个问题是：在 tomcat中发布一个web项目，但是发布成功后，只能用http://localhost:8080/fm访问项目，不能用http://127.0.0.1:8080/fm访问项目，也不能用本地的IP地址访问（http://192.16/8.0.191:8080/fm）起初认为是防火墙的原因，但是防火墙是关闭的，应该没有影响；后来认为是win

2017-09-26 09:30:11 4227

原创 js实现去重代码

js数组去重四种算法来实现这个目的：Array.prototype.unique1 = function () { var n = []; //一个新的临时数组 for (var i = 0; i < this.length; i++) //遍历当前数组 { //如果当前数组的第i已经保存进了临时数组，那么跳过， //否则把当前项push到临时数

2017-09-25 17:08:19 3698

原创页面适应电脑和手机屏幕initial-scale 1：0 user-scalable=yes

[html] view plain copymeta name="viewport" content="width=device-width,initial-scale=1"> [html] view plain copy [html] view plain copy

2017-09-25 11:30:27 21368

原创怎么理解物理像素和CSS像素？

很不理解这段话：后来随着技术的发展，移动设备的屏幕像素密度越来越高，从iphone4开始，苹果公司便推出了所谓的Retina屏，分辨率提高了一倍，变成640x960，但屏幕尺寸却没变化，这就意味着同样大小的屏幕上，像素却多了一倍，这时，一个css像素是等于两个物理像素的。还有一个因素也会引起css中px的变化，那就是用户缩放。例如，当用户把页面放大一倍，那么css中1px所代表的物理像素也

2017-09-25 09:54:48 4406

原创修改网站图标

在我们写项目中很多项目打开都是默认的图标效果如下：步骤1：打开你的文件的目录步骤2：把自己准备好的logo小图标命名为facicon.ico，注意后缀一定要是.ico。然后直接丢到刚才那个已经打开的目录下这样就覆盖掉了原来默认的favicon.ico,这样就替换成了我们自己的logo小图标步骤3，重启下我们的浏览器即可即可！效果如下：引入代码：

2017-09-24 20:26:36 4034

原创搜索引擎JSONP接口

---------------------------------------搜索引擎JSONP接口---------------------------------------------提示：URL中的 #content# 为搜索的关键字谷歌（Google）http://suggestqueries.google.com/complete/search?clien

2017-09-24 20:24:40 17364

原创自学不如学习技巧%编程

有一天，我的一个在学编程的朋友问我：“我想快速学习编程，你有什么好的推荐吗？我曾在上大学的时候自学过编程，这么多年过去了，我意识到我或许是在用最困难的方式去学习和了解编程。本来我完全可以用更快的速度学习。因此，在回顾了过去之后，我写下了这些年来我渐渐掌握到的关于如何学习编程的一些事情。“快速”对于“如何快速学习编程”这个问题，其实我真的不知道何谓“快速”。我觉得，通

2017-09-22 09:19:38 2604

原创 JS的学习方法和技巧

有些时候你精通一门语言，但是会发现你其实整天在和其它语言打交道，也许你以为这些微不足道，不至于影响你的开发进度，但恰恰是这些你不重视的东西会浪费你很多时间，我一直以为我早在几年前就已经精通JavaScript了，直到目前，我才越来越觉得JavaScript远比我想象的复杂和强大，我开始崇拜它，趁着节日的空隙，把有关JavaScript的方法和技巧整理下，让每个在为JavaScript而烦恼的人

2017-09-20 21:51:29 2612

原创 jQuery判断元素是否显示是否隐藏

var node=$('#id');第一种写法if(node.is(':hidden')){　　//如果node是隐藏的则显示node元素，否则隐藏　　node.show();　}else{　　node.hide();}第二种写法if(!node.is(':visible')){　　//如果node是隐藏的则显示node元素，否则隐藏

2017-09-19 10:00:37 27134 2

原创 Bootstrap===辅助程序框架

Bootstrap 是一个很强大的辅助程序框架，简洁、直观、强悍的前端框架，让web发展更迅速，简单简洁栅格系统Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。简介栅格系统用于通过一系列的行（ro

2017-09-18 16:15:20 1929

原创 css遇到的那些坑——浏览器默认样式设置

css遇到的那些坑——浏览器默认样式设置css在引入头部之前少加了这个 rel=“stylesheet” 在运行结果是不会报错，在百度搜素答案显示浏览器默认样式，在找出问题后发现css有很多坑！再次我将会一次总结，分享给大家，让大家少走一些弯路！今天自己写css样式，其中用到了标签，设置了一系列效果后运行，发现位置与设置有出入。chrome上打开检查项，发现标签

2017-09-18 10:03:45 4894

原创 JS页面跳转代码

JS页面跳转代码1.在原来的窗体中直接跳转用window.location.href="你所要跳转的页面";2、在新窗体中打开页面用：window.open('你所要跳转的页面');window.history.back(-1);返回上一页3、一些用法按钮式：链接式：返回上一页">返回上一页直接跳转式：window.location.

2017-09-15 16:25:22 3253

原创 CSS3动画（360度旋转、旋转放大、放大、移动）

CSS3动画（360度旋转、旋转放大、放大、移动） Title div{ width:120px; height:120px; line-height:120px; margin: 20px; backgroun

2017-09-13 19:17:49 6577

原创 JS中对象与字符串的互相转换

在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候，碰到了问题：throw new SyntaxError('JSON.parse');查询资料，大概意思如下：JSON.parse方法在遇到不可解析的字符串时，会抛出SyntaxError异常。即：JSON.parse(text, reviver)，This method parse

2017-09-13 18:55:35 2205

原创字符串方法和数组的方法

一.字符串方法1、charCodeAt方法返回一个整数，代表指定位置字符的Unicode编码。 strObj.charCodeAt(index) 说明： index将被处理字符的从零开始计数的编号。有效值为0到字符串长度减1的数字。如果指定位置没有字符，将返回NaN。例如： var str = "ABC"; str.charCodeAt(0); 结果：6

2017-09-13 13:58:12 2818

原创 Eclipse快捷键 10个最有用的快捷键

Eclipse中10个最有用的快捷键组合一个Eclipse骨灰级开发者总结了他认为最有用但又不太为人所知的快捷键组合。通过这些组合可以更加容易的浏览源代码，使得整体的开发效率和质量得到提升。 1. ctrl+shift+r：打开资源这可能是所有快捷键组合中最省时间的了。这组快捷键可以让你打开你的工作区中任何一个文件，而你只需要按下文件名或mask名中的前几个

2017-09-13 13:29:47 2259

原创 HTML中40个最重要的技术点

SGML（标准通用标记语言）和HTML（超文本标记语言），XML（可扩展标记语言）和HTML的之间有什么关系？SGML（标准通用标记语言）是一个标准，告诉我们怎么去指定文档标记。他是只描述文档标记应该是怎么样的元语言，HTML是被用SGML描述的标记语言。因此利用SGML创建了HTML参照和必须共同遵守的DTD，你会经常在HTML页面的头部发现“DOCTYPE”属性，用来定义用于解

2017-09-13 13:13:29 1800

原创 css动画

CSS 动画定义和用法一些 CSS 属性是可以有动画效果的，这意味着它们可以用于动画和过渡。动画属性可以逐渐地从一个值变化到另一个值，比如尺寸大小、数量、百分比和颜色。浏览器支持表格中的数字表示支持该方法的第一个浏览器的版本号。紧跟在数字后面的 -webkit-, -moz-, 或 -o- 指定了第一个支持该属性的浏览器版本前缀。

2017-09-12 18:31:29 1705

原创为什么要初始化 CSS 样式因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。当然，初始化样式会对 SEO 有一定的影响，但鱼

为什么要初始化 CSS 样式因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。当然，初始化样式会对 SEO 有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。最简单的初始化方法是：*{padding:0;margin:0} (不建议)[css] view

2017-09-12 09:29:38 3381 1

原创 HTML特殊字符编码对照表

HTML特殊字符编码对照表特殊符号命名实体十进制编码特殊符号命名实体十进制编码特殊符号命名实体十进制编码ΑΑΑΒΒΒΓΓΓΔΔΔΕΕΕΖΖ&#

2017-09-12 09:09:27 2668

混合（Mixins）：class中的class;参数混合（Parametric）：可以像函数一样传递参数的class;嵌套规则（Nested Rules）：class中嵌套class，从而减少重复的代码；运算（Operations）：css中的数学计算；颜色功能（Color function）：可以编辑你的颜色；命名空间（Namespaces）：样式分组，从而方便被调用；作用域（Scope）：局部

2017-09-11 20:06:24 1766

原创 css3背景

3 CSS3背景· background-image body{ background-image:url("../img/timg.jpg") ; background-repeat:no-repeat ; background-position: center; b

2017-09-11 20:04:38 2548

原创 css3圆角属性

2 CSS3圆角使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。一、减少网站维护量二、提高网站性能少了图片HTTp请求网页加载速度变快三、增加视觉美观性CSS3 圆角属性属性描述border-radius所有四个边角 border-*-*-radius 属性的缩写

2017-09-11 20:02:51 2989

原创 swiper插件

Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！下载Swiper点击下载相应的文档Swip

2017-09-11 19:55:31 1718

原创 ——CSS3新特性（阴影、动画、渐变）

一、阴影1.1、文字阴影text-shadow①：第1个长度值用来设置对象的阴影水平偏移值。可以为负值 ②：第2个长度值用来设置对象的阴影垂直偏移值。可以为负值 ③：如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值：设置对象的阴影的颜色。示例代码：DOCTYPE html>html> head> m

2017-09-06 16:56:02 2469 1

梁山伯_的博客