- 博客(36)
- 收藏
- 关注
RSS订阅转载 冒泡排序实现原理
原理：比较两个相邻的元素，将值大的元素交换至右端。思路：依次比较相邻的两个数，将小数放在前面，大数放在后面。即在第一趟：首先比较第1个和第2个数，将小数放前，大数放后。然后比较第2个数和第3个数，将小数放前，大数放后，如此继续，直至比较最后两个数，将小数放前，大数放后。重复第一趟步骤，直至全部排序完成。N个数字要排序完成，总共进行N-1趟排序，每i趟的排序次数为(N-i)次...
2019-09-08 21:25:00
322
转载 H5前端与Android/ios的Js交互
第一种：网址拼接式 我们可以在网址后面拼接一个type，以获取地址上的type值来判断app端是安卓终端还是ios终端 type值：Android或ios 例如：http://www.ceshi.com/index.html?type=Android 我们先解析地址，下面是我经常用到的解析地址方法：// 解析地址function parseUrl(){...
2018-12-06 20:05:00
155
转载 如何将一个div水平垂直居中？6种方法做推荐
方案一：div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】，兼容性：,IE7及之前版本不支持div{ width: 200px; height: 200px; background: green; position:absolute; ...
2018-12-06 08:39:00
122
转载 VUE插件大总结
UI组件element- 饿了么出品的Vue2的web UI工具套件Vux- 基于Vue和WeUI的组件库mint-ui- Vue 2的移动UI元素iview- 基于 Vuejs 的开源 UI 组件库Keen-UI- 轻量级的基本UI组件合集vue-material- 通过Vue Material和Vue 2建立精美的app应用muse-ui...
2018-11-25 19:18:00
126
转载 JS对象的引用，对象的拷贝
一、场景除了基本类型跟null,对象之间的赋值，只是将地址指向同一个，而不是真正意义上的拷贝将一个对象赋值给另外一个对象。var a = [1,2,3];var b = a;b.push(4); // b中添加了一个4alert(a); // a变成了[1,2,3,4] 自定义对象var obj = {a:10};var obj2 =...
2018-11-06 09:45:00
60
转载 2018 vue前端面试题
1、active-class是哪个组件的属性？嵌套路由怎么定义？答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？答：在router目录下的index.js文件中，对path属性加上/:id。 使用router对象的params.id3、vue-router有哪几种导航钩子？ 答：三种，一...
2018-10-02 11:36:00
161
转载 VUE的MVVM框架解析
这篇文章主要介绍了MVVM模式中ViewModel和View、Model有什么区别?本文分别解释了它们的功能和作用,然后总结了它之间的区别,需要的朋友可以参考下 Model：很简单，就是业务逻辑相关的数据对象，通常从数据库映射而来，我们可以说是与数据库对应的model。 View：也很简单，就是展现出来的用户界面。 基本上，绝大多数软件所做的工作无非...
2018-10-01 22:21:00
84
转载 sass混合器
混合器使用@mixin标识符定义。这个标识符给一大段样式赋予一个名字，这样你就可以轻易地通过引用这个名字重用这段样式。功能类似于编程语言的函数。 - 通过@include来使用这个混合器，放在你希望的任何地方。@include调用会把混合器中的所有样式提取出来放在@include被调用的地方。//定义混合器@mixin rounded-corners { -m...
2018-10-01 22:15:00
80
转载 sass揭秘之变量
全局变量和局部变量要了解sass或less的变量，有必要先了解下js的变量定义，先来一段js的代码：var a = 1;(function(){ a = 5;})();console.log(a);//5上面这段代码，匿名函数里面的a因为没有使用var关键字来定义，所以当我们在函数外打印a的时候，得到的是5，改变了一开始定义的1va...
2018-10-01 22:10:00
67
转载 for…in循环语句应用
一 语法for…in循环语句和for循环语句十分相似，for…in语句用来遍历对象的每一个属性。每次都将属性名作为字符串保存在变量里。语法：for (variable in object ){…statement}variable是一个变量名，数组的一个元素或者是对象的一个属性object是一个对象名，或者是计算结果为对象的表达式。statement...
2018-09-27 22:51:00
151
转载 CSS3之过渡Transition
CSS3也有着非常强大的属性，那就是过渡——Transition。过渡——Transition在W3C的描述：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。”既然CSS3的过渡这么强大，下面我们就一点一点掌握它吧。 CSS3中的过...
2016-08-18 15:30:00
58
转载 关于jQuery的cookies插件2.2.0版设置过期时间的说明
欢迎转载，转载请注明作者RunningOnjQuery应该是各位用JavaScript做web开发的常用工具了，它有些插件能非常方便地操作cookie。不过非常让人郁闷的是，网上几乎所有人对于这些插件所做的关于cookie过期/失效时间的说明都是含混的或不正确的。我被这玩意搞得实在不行了，去看了其中两个插件的源代码终于明白了是怎么一回事。为避免更多人中招，我就写下我Runnin...
2016-01-15 10:59:00
72
转载 JavaScript之数据类型
数据类型 JavaScript中有5种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number和String。还有1种复杂数据类型——Object，Object本质上是由一组无序的名值对组成的。 typeof操作符 介于JavaScript是松散类型的，因此需要有一种手段来检测给定变量的数据类型——typeof就是负责提供者方面信息的...
2014-05-15 15:34:00
40
转载 如何使一个input文本框随其中内容而变化长度。
第一:<inputtype="text"onkeydown="this.onkeyup();"onkeyup="this.size=(this.value.length>4?this.value.length:4);"size="4">其中size="4"就是定义初始的大小,如果这里没有定义,那就把this.size=(this.value.length>...
2014-04-08 15:20:00
569
转载 html 中 #include file 的用法
有两个文件a.htm和b.htm，在同一目录下a.htm内容如下<!-- #include file="b.htm" --> b.htm内容如下今天：雨 31 ℃～26 ℃ <br />明天：雷阵雨 33 ℃～27 ℃ 直接在浏览器中打开a，没有任何显示，后来知道，include是SSI（Server Side Include），...
2014-03-04 11:28:00
157
转载 人人网FED CSS编码前端开发规范
文件相关规范1、文件名必须由小写字母、数字、中划线-组成2、文件必须用utf-8编码3、文件引入可通过外联或内联方式引入：3.1 外联方式：<link rel=”stylesheet” href=”…” />（类型声明type=”text/css”可以忽略）3.2 内联方式：<style>…</style> （类型声明typ...
2014-01-16 16:45:00
159
转载 （转载）css垂直水平居中的整理
方法一.demo1 { width:180px; height:180px; line-height:180px; *font-size:160px; border:1px solid #ddd; text-align:center;}.demo1 img { vertical-align:middle;}方法二.demo2 { width:180px; he...
2014-01-16 16:28:00
50
转载 CSS负边距自适应布局三例
单列定宽单列自适应布局：<!DOCTYPE HTML><html><head><meta charset=”UTF-8″><title>单列定宽单列自适应布局</title><style type=”text/css”>* {margin:0;padding:0;}.c...
2014-01-16 15:13:00
44
转载 (转载)无缝滚动图片的js和jquery两种写法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>...
2014-01-16 12:05:00
61
转载 用css3实现鼠标移进去当前亮其他变灰
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta http-equiv="Content-Type" content...
2014-01-16 11:38:00
151
转载 （转载）用css来实现十字的布局
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>...
2014-01-16 11:28:00
266
转载 （转载）点击网页超链接怎么去除这些虚线
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>...
2014-01-16 11:27:00
87
转载 (转载)div最小宽度和自适应的实现方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>...
2014-01-16 11:23:00
145
转载 (转载)最实用的清除浮动代码 css的文字过长裁剪后面跟着省略号
css：.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;}.clearfloat{zoom:1}布局：<div class="div1 clearfloat"> <div class="left">Left...
2014-01-16 11:18:00
1553
转载 (转载)垂直居中的几种实现方法
用过 Fireworks / PhotoShop 的人应该都知道，在画布中将一个页面模块居中是多容易的事，可如果是垂直居中，前端就苦逼了。因为 CSS 本身并没有提供相应的 API 支持（确切来说是提供不全）。今天重新整理一下思路，说说前端在实现页面元素垂直居中的几种思路：一、利用 position 和负边距利用绝对定位，让元素的顶部与居中线对齐，再让元素上移 50% 的高度。这...
2014-01-16 11:08:00
72
转载 (转载)word-wrap,word-break,white-space,text-overflow的区别和用法
在div中，文本布局经常出现，换行混乱的情况。问题表现：1.如果是全英文字符串,中间不包含任何符号(包括空格)，不自动换行. 2.中英文混写，则在英文字符串的开始处换行（英文长度>div长度），结尾处不换行。 3.英文整个单词换行。等等，可能还有一些问题，这里只列出了常见的几个；介绍上面几个css属性功能的简单用法；wo...
2014-01-16 10:56:00
438
转载 (转载)让ie6也支持max-width，和max-height实现图片等比例缩放
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>...
2014-01-16 10:46:00
88
转载 (转载)九宫格
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>...
2014-01-16 10:20:00
59
转载 网页图片按比例自适应缩放实现方法
用户上传照片，照片的尺寸未知；需要生成一个预览，这个预览图要根据提供给用户预览的区域自应用，并且居中；如果图片太大，需要按比例缩放。如下图。瞄了一下，居中可以用 text-align:center; 来实现。而按比例缩放，利用预设 <img /> 的 width 、height 属性解决不了。因为用户图片可能是很长的，也可能是很宽的。在线上想了一下他们的关系，按...
2014-01-15 10:46:00
611
转载 50个jQuery代码段帮你成为更好的JavaScript开发者
1. 如何创建嵌套的过滤器：允许你减少集合中的匹配元素的过滤器，只剩下那些与给定的选择器匹配的部分。在这种情况下，查询删除了任何没（:not）有（:has）包含class为“selected”（.selected）的子节点。.filter(":not(:has(.selected))")2. 如何重用元素搜索var allItems = $("div.item");var k...
2014-01-15 10:32:00
70
转载 JQuery操作下拉框 select
要实现这种效果：html代码 1<script src="js/jquery-1.7.2.min.js"></script> 2 <table> 3 <tr> 4 <td> 5 <!--multiple设定下拉框可以多选，...
2014-01-09 10:26:00
130
转载 制作EDM 邮件规范
邮件模板最主要是保证兼容性，很多邮箱的过滤规则不同，因此邮件页面要使用最简单原始的代码实现内容展现。一，采用table嵌套布局，避免用div布局，因为DIV布局会用到float等浮动样式，一些邮箱会过滤浮动样式。二，不使用CSS定义背景图片，可以使用td标签的背景<td background="*">，最好图片采用直接插入的方式，并且加上alt属性，一些邮...
2013-12-24 10:37:00
187
转载 IE6-BUG-CSS兼容详解
1、IE6背景闪烁如果你给链接、按钮用CSS sprites作为背景，你可能会发现在IE6下会有背景图闪烁的现象。造成这个的原因是由于IE6没有将背景图缓存，每次触发hover的时候都会重新加载，可以用JavaScript设置IE6缓存这些图片：document.execCommand(“BackgroundImageCache”,false,true);2、最小高度...
2013-12-19 16:40:00
68
转载 jquery自动切换tabs选项卡
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%String path = request.getContextPath();%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0...
2013-12-19 09:55:00
52
转载 表格边框样式大全
兼容IE6、IE7、IE8浏览器，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用：触发IE浏览器的haslayout解决ie下的浮动，margin重叠等一些问题。比如，本站使用DIV做一行两列显示，HTML代码：<div class="h_mainbox"> <h2>推荐文章</h2> <ul class="mainlist">...
2013-12-19 09:44:00
179
转载 CSS中zoom:1的作用
兼容IE6、IE7、IE8浏览器，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用：触发IE浏览器的haslayout解决ie下的浮动，margin重叠等一些问题。比如，本站使用DIV做一行两列显示，HTML代码：<div class="h_mainbox"> <h2>推荐文章</h2> <ul class="main...
2013-12-18 18:52:00
43
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人