- 博客(32)
- 收藏
- 关注
RSS订阅翻译 **js对象数组(JSON) 根据某个共同字段 分组**
js对象数组(JSON) 根据某个共同字段 分组[{“id”:“1001”,“name”:“值1”,“value”:“111”},{“id”:“1001”,“name”:“值1”,“value”:“11111”},{“id”:“1002”,“name”:“值2”,“value”:“25462”},{“id”:“1002”,“name”:“值2”,“value”:“23131”},{“id”:“1002”,“name”:“值2”,“value”:“2315432”},{“id”:“1003”,“
2021-04-13 16:04:55
282
转载 css实现文字阴影，以及边框阴影
1、文字阴影（text-shadow: 1px 1px 1px lightgray）text-shadow: 1px 1px 1px lightgray；第一个1px:是向x坐标方向的偏移第二个1px;是向y坐标方向的偏移第三个1px；是模糊距离第四的参数：颜色例：1、<!DOCTYPE html><html><head>...
2019-01-29 16:45:51
1131
转载 浮动与清除浮动
浮动与清除浮动浮动相关知识 float属性的取值：left：元素向左浮动。 right：元素向右浮动。 none：默认值。元素不浮动，并会显示在其在文本中出现的位置。浮动的特性：浮动元素会从普通文档流中脱离，但浮动元素影响的不仅是自己，它会影响周围的元素对齐进行环绕。 不管一个元素是行内元素还是块级元素，如果被设置了浮动，那浮动元素会生成一个块级框，可以设置它的width和height，因此
2018-03-05 10:17:27
370
翻译 JavaScript 学习（一）
一、字符串 1、转义字符\可以转义很多字符，比如\n表示换行，\t表示制表符，字符\本身也要转义，所以\表示的字符就是\。二、多行字符串 由于多行字符串用\n写起来比较费事，所以最新的ES6标准新增了一种多行字符串的表示方法，用反引号 ... 表示： 这是一个 多行 字符串;注意：反引号在键盘的ESC下方，数字键1的左边：三、模板字符串 var name = ‘小明’;
2017-10-27 16:17:23
307
翻译 **js刷新页面方法大全**
1、reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”)2、Javascript刷新页面的几种方法：1，history.go(0) 2，location.r
2017-05-27 14:44:52
414
转载 工作中常用的正则表达式
1、手机号 第一位是【1】开头，第二位则则有【3,4,5,7,8】，第三位则是【0-9】，第三位之后则是数字【0-9】。从而我们可以得出一个符合当前的手机号码验证正则表达式。var reg = /^1[3|4|5|7|8][0-9]{9}$/; //验证规则var phoneNum = ‘15507621999’;//手机号码var flag = reg.test(phoneNum); /
2017-04-19 14:34:08
394
原创 Js判断Android和IOS、微信和QQ
js判断Android和iOS var u = navigator.userAgent; if (u.indexOf(‘Android’) > -1 || u.indexOf(‘Linux’) > -1) { console.log(“安卓”)； } else if (u.indexOf(‘iPhone’) > -1) {
2017-04-11 09:31:39
4052
转载 微信小程序添加使用外部字体
字体使用是网页设计中不可或缺的一部分。经常地，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的时候就有可能看不到真实的设计。 美工设计师最常做的办法是把想要的文字做成图片，这样做有几个明显缺陷： 1. 不可能大范围的使用该字体； 2. 图片内容相对使用文字不易修改； 3. 不利于网站SEO。 网络上有一些使用sIFR技术、或javascript/
2017-02-27 14:30:42
21023
1
原创 JS input上传本地img实现预览功能
input type="file" id="imgOne" onchange="preImg(this);" /><img id="imgPre" src="" width="300px" height="300px"/><script> var imgurl = ""; function preImg(node) { var imgURL = "";
2017-02-21 11:18:36
978
原创 如何判断当前移动设备是IOS还是安卓
window.onload = function () {var u = navigator.userAgent;if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机alert("安卓手机");// window.location.href = "mobile/index.html";} else i
2017-02-16 10:10:15
1252
转载 H5页面缓存详解
H5页面缓存详解：http://blog.youkuaiyun.com/heyi881217/article/details/50561346
2017-02-06 10:55:11
2377
翻译 设备检测
// 这段代码引用自：https://github.com/binnng/device.jsvar WIN = window;var LOC = WIN["location"];var NA = WIN.navigator;var UA = NA.userAgent.toLowerCase();functiontest(needle){return
2017-01-05 11:24:31
287
翻译 HEAD 模板
htmllang="zh-cmn-Hans">head>metacharset="utf-8">metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">title>Style Guidetitle>metaname="description"content="不超过150个
2017-01-05 11:00:00
606
转载 网页头部的声明应该是用 lang="zh" 还是 lang="zh-cn"？
语言属性为什么使用 lang="zh-cmn-Hans" 而不是我们通常写的 lang="zh-CN" 呢? 请参考知乎上的讨论: 网页头部的声明应该是用 lang="zh" 还是 lang="zh-cn"？htmllang="zh-Hans"><!-- 简体中文 -->htmllang="zh-cmn-Hans"><!-- 繁体中文 -->htmlla
2017-01-05 10:55:54
29389
原创 jQuery实现hover事件
js实现hover事件：$(".base_situation").hover(function() {$(".base_situation_leftimg").show();$(".base_situation_rightimg").show();},function() {$(".base_situation_leftimg").hide();$(".
2016-12-20 16:18:14
16106
5
转载 IE浏览器解决table td 的宽度不生效问题
这样设置宽度，无论将宽度设为多大，在ie页面都没有一点反应。但谷歌界面是好的。解决方案： [加个div设置一下宽度就好了]又比如不能设置th的高度只需要在整个完了之后在加一个空的
2016-11-17 17:28:58
4788
转载 在自己的网页中引入百度地图
这是一个神奇的网站 http://api.map.baidu.com/lbsapi/creatmap/index.html1.定位中心点，输入您所在的地区，城镇，区，县。 2.设置地图:地图尺寸，添加按钮，地图状态。 3.给地图添加标注，选择自己喜欢的定位图标” ” 4.获取代码：将代码复制到剪切板 这个代码复制到你的页面当中即可。
2016-09-28 16:51:26
539
转载 H5移动端网页头部标签模板
<!-- iOS 设备 begin --><meta name="apple-mobile-web-app-title" content="标题"><!-- 添加到主屏后的标题（iOS 6 新增） --><meta name="apple-mobile-web-app-capable" content="yes"/><!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -
2016-09-28 16:32:48
815
翻译 div垂直居中5种方法。
方法一： .parent { width:800px; height:500px; border:2px solid #000; position:relative; } .child { width:200px; height:200px;
2016-09-28 16:25:13
692
原创 css3 修改input 的 placeholder文字默认颜色-webkit-input-placeholder
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f00; }::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #f00;}input:-ms-input-placeholder{ color: #f00;}inp
2016-08-30 14:54:38
770
原创 css3 解决未知高宽垂直居中的问题
常在absolute之后, 想让元素居中,都会采用margin-top:-[元素高度的一半]和margin-left:-[元素宽度的一半] , 但是当我们的元素宽高不是固定的时候, 这就难办了, 还好css3里面的translate给了我们很大的方便呀 未知高度宽度水平、垂直居中 .box{
2016-08-02 13:57:13
1804
原创 左右列表动态统一高度
再写pc上的页面的时候经常会遇到左右两列高度要求一致的问题。但是呢后期会不间断的往右侧添加内容。再也不用为了高度而烦恼了 。/* 统一左右高度*/$(".leftmenu").height(function (){ return $(".rightcont").height() > $(".leftmenu").height() ?$(".rightcont").heigh
2016-07-14 16:03:54
314
翻译 css3 投影
表示有时候也很难搞懂这个投影的结。这里奉上一个关于投影的例子动效十分酷炫。http://www.17sucai.com/pins/demoshow/7625http://www.17sucai.com/pins/7223.html
2016-07-02 10:54:32
585
原创 实现背景透明文字不透明
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;
2016-07-02 10:51:17
1506
原创 css input select option 重置样式
css重置input select option的样式已经无数次了 ，每一次都要去找之前写过的例子复制粘贴，实在麻烦，写在这里以后用的时候更方便一点。padding: 0;margin:0;float:left;height: 26px; padding: 10px 0;/*当时解决输入框光标顶满input框的问题是这么解决的 如果设置了行高就会顶满没有行高的
2016-07-02 10:48:49
30722
原创 js动态获取页面高度
最近写项目写一个弹框后面的遮罩层。$(".loading_mask").css({ "height": document.documentElement.clientHeight, "width": document.documentElement.clientWidth });看到推酷里面的一位前辈总结的经验：http://www.tuicool.com/article
2016-05-31 14:36:48
8005
转载 使用jQuery Validation插件来验证表单
浏览网页的时候碰到了这个，之前也写过一些小例子。实在是好用的不得了。http://my.oschina.net/kelvinxupt/blog/651291。jQuery Validation是一个用于验证表单的jQuery插件，简单易用，已经包含了16种内置的验证规则．Github上也有更多的验证规则可以使用．这都不是重点，重点是你可以轻松的定制自己的规则．
2016-04-01 13:33:39
356
原创 bootstrap 模态框显示时点击遮罩层禁止关闭，点击按钮时关闭模态框。
1.页面加载完成时弹出模态框：$(function(){ $('.modal').modal({ show:true, backdrop:true })});2.输入完成点击确定按钮时关闭模态框： $("#button").click(function(){ $("#loginModal").modal('hide');
2015-12-03 17:09:31
9756
原创 下拉选项样式整理
定义一div或者i标签进行遮挡。 display: block; width: 66px;height:2px; position: absolute; background: #fff; top: -1px; left: 0;
2015-12-03 10:12:45
344
原创 css3 中的content 使用方法。
要求：更改input radio 和checkbox的原始样式。当点击之后使用content 在元素的后面生成一个width height 分别是20px 的div 通过固定定位使其原始radio或者checkbox被覆盖。 然后就可以写background样式了。input[type=checkbox]:checked:after{ width:20px; hei
2015-12-03 10:07:38
1089
转载 如何获取input radio选中的值。
封装扥方法：function getRadioBoxValue(radioName) 2 { 3 var obj = document.getElementsByName(radioName); //这个是以标签的name来取控件 4 for(i=0; i) { 5 6 i
2015-11-25 16:48:58
3098
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人