- 博客(42)
- 收藏
- 关注
转载 js 两个相等的数组,修改其中一个怎么做到不改变另外一个
现有 :let arrA = [1, 2, 3];let arrB = arrA;console.log(arrA);//[1, 2, 3]console.log(arrB);//[1, 2, 3]1, 2, 3];let arrB = arrA;console.log(arrA);//[1, 2, 3]console.log(arrB);//[1, 2, 3]1. 如果改变arrA...
2019-07-12 15:40:00 479
转载 LocalStorage存储JSON对象
用localStorage.setItem()正确存储JSON对象方法是:存储前先用JSON.stringify()方法将json对象转换成字符串形式JSON.stringify()方法可以将任意的 JavaScript 值序列化成 JSON 字符串var obj = {"a": 1,"b": 2};obj = JSON.stringify(obj); ...
2019-06-06 14:16:00 368
转载 js取整数、取余数的方法
取整1.取整// 丢弃小数部分,保留整数部分parseInt(5/2) // 22.向上取整// 向上取整,有小数就整数部分加1Math.ceil(5/2) // 33.向下取整// 向下取整,丢弃小数部分Math.floor(5/2) // 24四舍五入// 四舍五入Math.round...
2019-06-04 15:28:00 216
转载 JS正则截取两个字符串之间及字符串前后内容的方法
1、js截取两个字符串之间的内容:var str = "aaabbbfff";str = str.match(/aaa(\S*)fff/)[1];alert(str);结果bbb2、js截取某个字符串前面的内容:var str = "aaafff";str = str.match(/(\S*)fff/)[1];alert(str);//结果aaa3、j...
2019-06-03 12:48:00 411
转载 Vuetify 表单规则验证
Vuetifycomponent:<v-text-field :rules="[ sellerId ]"></v-text-field>JS:data: function () { return { disabled: false }},methods: { sellerId (value) { ...
2019-05-16 17:22:00 1463
转载 JS正则表达式
demo:<script type="text/javascript">function SubmitCk() {var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;if (!reg.test($("...
2018-07-17 15:37:00 130
转载 一些有用的HTML5 pattern
最近在做手机页面时,遇到数字输入的键盘的问题,之前的做法只是一刀切的使用type="tel",不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了。于是想要尝试其它的实现方案,最终的结论却令人沮丧。不过也趁机详细了解了下pattern这个属性。type="tel"和type="number"的区别这里还是先那么先交代一下最初遇到的问题。其实无论是tel还是number都不...
2017-04-26 14:39:00 90
转载 物理尺寸 转换为 像素
m_iWidth = sWidth*96/25.4;//物理宽度转换为像素 物理尺寸单位mm毫米m_iHeight = dHeight*96/25.4;转载于:https://www.cnblogs.com/oltra/p/6141345.html
2016-12-07 15:27:00 905
转载 打印iframe内容
function doPrint() { if (window.frames['winConBillIframe'] != null) { document.getElementById('winConBillIframe').focus(); document.getElementById('winConBillIframe').contentWind...
2016-11-18 15:20:00 209
转载 css 选择器
p:only-child选择属于其父元素的唯一子元素的每个 <p> 元素。p:nth-child(2)选择属于其父元素的第二个子元素的每个 <p> 元素。p:nth-last-child(2)同上,从最后一个子元素开始计数。p:nth-of-type(2)选择属于其父元素第二个 <p>...
2016-10-17 09:35:00 74
转载 透明度与十六进制代码转换
解析:〈#ffffffff〉#ffffffff由#加八位数字或字母组成,前两个ff为透明度(十六进制),后面六位ffffff为颜色代码,采用RGB配色(十六进制)透明度参照表:00%FF(不透明)50%7F5%F255%7210%E560%6615%D865%5920%...
2016-09-05 13:38:00 342
转载 css3 自动无限缩放
@-webkit-keyframes scaleDraw { 0% { -webkit-transform:scale(1); } 25% { -webkit-transform:scale(1.1)...
2016-07-27 10:26:00 228
转载 【转】正则表达式基础知识
1概述正则表达式(Regular Expression)是一种匹配模式,描述的是一串文本的特征。正如自然语言中“高大”、“坚固”等词语抽象出来描述事物特征一样,正则表达式就是字符的高度抽象,用来描述字符串的特征。正则表达式(以下简称正则,Regex)通常不独立存在,各种编程语言和工具作为宿主语言提供对正则的支持,并根据自身语言的特点,进行一定的剪裁或扩展。正则入门很容...
2016-06-29 14:26:00 122
转载 【转】移动web点5像素的秘密
你可能不知道的.5px移动web设计中,在retina显示屏下网页会由1px会被渲染为2px,那么视觉稿中1px的线条还原成网页需要css定义为.5px。文章开头的漫画中,细心的设计师发现粗线条并吐槽,前端哥的理由是因为css的border-width不支持.5px,所以用了1px来替代,最终渲染为2px的粗线条,这个问题往往会被忽视,从而导致移动网页中普遍存在2px的粗线条。r...
2016-06-28 10:04:00 113
转载 一些有用的HTML5 pattern
最近在做手机页面时,遇到数字输入的键盘的问题,之前的做法只是一刀切的使用type="tel",不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了。于是想要尝试其它的实现方案,最终的结论却令人沮丧。不过也趁机详细了解了下pattern这个属性。type="tel"和type="number"的区别这里还是先那么先交代一下最初遇到的问题。其实无论是tel还是number都不...
2016-06-27 15:50:00 92
转载 CSS强制英文、中文换行与不换行 强制英文换行(转)
word-break:break-all; 只对英文起作用,以字母作为换行依据word-wrap:break-word; 只对英文起作用,以单词作为换行依据white-space:pre-wrap; 只对中文起作用,强制换行white-space:nowrap; 强制不换行,都起作用white-space:nowrap; overflow:hidden; tex...
2016-06-15 11:12:00 204
转载 “按需加载”的应用
按需加载是前端性能优化中的一项重要措施,按需加载是如何定义的呢?顾名思义,指的是当用户触发了动作时才加载对应的功能。触发的动作,是要看具体的业务场景而言,包括但不限于以下几个情况:鼠标点击、输入文字、拉动滚动条,鼠标移动、窗口大小更改等。加载的文件,可以是JS、图片、CSS、HTML等。后面将会详细介绍“按需”的理解。按需解析HTML按需解析HTML,就是页面一开始不解析HTML...
2016-06-14 09:38:00 129
转载 深入浅出CSS3:background-clip,background-origin和border-image教程
注: 作者 hh54188,转自http://www.cnblogs.com/hh54188/archive/2011/01/12/1929061.html有一篇来自怿飞博客的《background-clip与background-origin的一则运用》,但是几年前的文章,其中的部分内容已经不适用于现在的标准了。一.从传统的多图像背景技术谈起在CSS3之前,2.0...
2016-06-13 17:15:00 214
转载 图片大小适配方法整理
1、H5 data-fullsrc属性<img src="small.jpg" data-fullsrc="large.jpg">Date-fullsrc是html5中的一个定义文件的属性,宽度超过480px的屏幕,就会加载较大分辨率的图片(large.jpg),小屏幕分辨率的就会加载较小的图片(small.jpg)。Reference:http://filame...
2016-06-13 16:28:00 491
转载 CSS3景颜色渐变(转)
background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100...
2016-06-13 15:55:00 100
转载 网页特殊符号
´´©©>>µµ®®&&°°¡¡ »»¦¦÷&...
2016-06-13 15:28:00 137
转载 nyroModal:强大的jQuery弹出层插件
nyromodal调用非常简单,只需在链接上加上class=”nyroModal”即可。支持模拟对话框类型:ajax调用:<ahref=”http://nyromodal.nyrodev.com/demoSent.php”class=”nyroModal”>Ajax</a>ajax调用并支持抽取制定内容:如果只需要显示页面上某一个元素,那么...
2016-01-18 13:14:00 169
转载 PNG图片兼容方法
1、Unit PNG FixUnit PNG Fix同样是一个修复IE6无法显示透明图片的JS它的主要特点有:非常小的JS文件,只有1KB解决因为IE的滤镜属性所带来的影响无论是img元素或background-image属性都能有很好的效果在加载页面之前就能自动运行,不需要再为png图片定义任何类名允许自动高宽超级简单的应用方法Unit PNG ...
2016-01-18 13:11:00 200
转载 在线测试不同操作系统不同浏览器网页的显示效果
想知道你的网站在不同的浏览器中的显示效果?有可能你的网站在IE中显示效果很好,但在Firefox、Opera等浏览器中显示却很丑陋,或者干脆就无法阅读。下面介绍的这个网站可以免费为你的网站测试在不同浏览器中的显示效果。这些网站的优点是使用方便,无需安装多个浏览器多个系统;缺点是速度较慢。适合用于单页面兼容性测试。一、Browsershots(推荐)Browsershots.org...
2016-01-18 13:06:00 791
转载 使用html5shiv让IE6~8支持HTML5
越来越多的站点开始使用 HTML5 标签。但是目前的情况是还有很多人在使用IE6,IE7,IE8。为了让所有网站浏览者都能正常的访问网站,解决方案就有下面两个:为网站创建多套模板,通过程序对User-Agent的判断给不同的浏览器用户显示不同的页面,比如优酷网就是采用的这种模式。使用Javascript来使不支持HTML5的浏览器支持HTML标签。目前很多网站采用的这种方式。...
2016-01-18 13:02:00 89
转载 使用Selectivizr让IE6~8支持CSS3
Selectivizr是一个JS文件,你只需要引入如JQuery、Mootools、Prototype等N多流行的JS框架中的任意一个,然后再调用Selectivizr,就可以让IE6/7/8支持CSS3选择器。Selectivizr的使用非常的简单,但是并不能直接使用,在使用前需要先加载下列框架中的任何一个:JQuery、dojo、prototype、Yahoo YUI、DOMAs...
2016-01-18 13:01:00 150
转载 “添加到收藏夹”的技术实现
给网站添加“添加到收藏夹”理论上应该是很简单的事情,但是受到各种浏览器和操作系统的不一致的问题,使得这个问题异常的繁琐。首先是使用快捷键进行添加,如我们熟知的“Ctrl+D”,但是并不是说有的电脑都支持这么操作。键盘快捷键:Ctrl+D仅适用于 Windows 和Linux);⌘-D才适用于苹果机(苹果机上没有Ctrl键)。方案一:使用Javascript模拟键盘操作...
2016-01-18 12:57:00 178
转载 如何成为一名优秀的前端工程师
一、技术的必须的作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。三者必须同时精通,类似我字样对前端知识一知半解的,一遇到问题就停下工作就四处搜索解决方案的,首先就算不上一个合格的前端人员。像我这样的如果当了前端工程师那工期肯定是不能保证的。合格的前端工程师第一要学会的就是在没有任何外来帮助的情况下(包括搜索引擎),能够完成大多数任务。以下知识点是作为一...
2016-01-18 12:51:00 124
转载 CSS代码检查工具推荐:CSS Lint
CSS Lint是一个开源的校验CSS文件质量的工具,最初是由Nicholas C. Zakas和Nicole Sullivan编写的,最初版本在Velocity会议上于2011年6月发布。CSS Lint的检测规则包括错误的和警告,当选择器或属性书写不正确、漏掉了大括号、多写了分号等时,会提示解析错误,解析错误优先提示。为了让css代码拥有更好性能,更标准,CSS Lint的检测规则有...
2016-01-18 12:47:00 250
转载 前端CSS规范整理
一、文件规范1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解:所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中:基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /css/ui业务类的CSS是指和具体产品相关的文件,放在如下目录中:读书 /css/book/电影 ...
2016-01-18 12:45:00 87
转载 使用渐进式 JPEG 来提升用户体验
今天才认识到原来JPEG文件有两种保存方式他们分别是Baseline JPEG(标准型)和Progressive JPEG(渐进式)。两种格式有相同尺寸以及图像数据,他们的扩展名也是相同的,唯一的区别是二者显示的方式不同。Baseline JPEG这种类型的JPEG文件存储方式是按从上到下的扫描方式,把每一行顺序的保存在JPEG文件中。打开这个文件显示它的内容时,数据将按照存储时...
2016-01-18 12:40:00 138
转载 移动前端系列——移动页面性能优化(转)
转自站酷:http://www.zcool.com.cn/article/ZMzg0NDMy.html首先,为什么要最移动页面进行优化?纵观目前移动网络的现状,移动页面布局越来越复杂,效果越来越炫,直接导致了文件越来越大,下载和运行速度越来越低,而速度低会造成不良影响,据统计:71%的用户期望移动页面跟pc页面一样快,74%的用户能容...
2016-01-18 12:36:00 126
转载 HTML5页面资源预加载(Link prefetch)功能加速页面加载速度
页面资源预加载/预读取(Link prefetch)是什么?来自MDN的解释:页面资源预加载(Link prefetch)是浏览器提供的一个技巧,目的是让浏览器在空闲时间下载或预读取一些文档资源,用户在将来将会访问这些资源。一个Web页面可以对浏览器设置一系列的预加载指示,当浏览器加载完当前页面后,它会在后台静悄悄的加载指定的文档,并把它们存储在缓存里。当用户访问到这些预加载的文...
2016-01-18 12:32:00 197
转载 Mac OS电源管理大解析
睡眠模式—hibernatemode—也就是Mac在睡眠模式下面的工作方式,目前主要有3种。hibernatemode 0:睡眠时内存保持供电,其他部件断电,内存数据不写入硬盘。优点是可以快速唤醒、快速睡眠,因为内存保持供电,无论是唤醒还是进入睡眠都是1秒内的事情;节省SSD空间和寿命,因为内存数据不写入硬盘,所以硬盘里不会有内存镜像,也不会缩短SSD寿命。但是如果在睡眠的过程中电池...
2016-01-06 10:05:00 1330
转载 jquery的attr方法不能改变input的type属性
type属性是read/write-once的,只在初始化时set。可用document.getElementById("pwd").type="text";替代$('#pwd').attr('type','text');用密码:<input type="text" name="pwdPrompt" value="请输入密码"...
2016-01-05 09:00:00 472
转载 Macbook pro retina开机速度变慢
可以采用http://support.apple.com/kb/ht1379?viewlocale=zh_CN重置一下你的NVRAM试一下,看看是否速度有提高。重置 NVRAM/PRAM关闭 Mac。在键盘上找到以下按键:Command (⌘)、Option、P 和 R。您需要在步骤 4 中同时按住这些键。启动电脑。出现灰屏前按住 Command-Opt...
2016-01-04 13:17:00 291
转载 input输入框与图片不在同一行的解决办法
在做input输入框与搜索图片(或者是验证码图片)的时候,发现总不能将他们水平对齐。只要将input和图片都加上一个css:vertical-align:middle 就能成功解决了。修改前:修改后:转载于:https://www.cnblogs.com/oltra/p/5086475.html...
2015-12-29 17:30:00 566
转载 jQuery小技巧(三)
13.检测鼠标的左键、右键 $(function(){ $('#XY').mousedown(function(e){ alert(e.which); // 1=左键,2=中键,3=右键 }) })14.回车提交表单$(function(){ $('input').keyup...
2015-12-23 22:56:00 81
转载 jQuery小技巧(二)
7.判断元素是否存在$(function(){ if($('#id').length){ alert('y'); } })8.点击div跳转<div id="id"> <a href="http://www.baidu.com"></a> ...
2015-12-20 21:42:00 98
转载 jQuery小技巧(一)
1.禁用页面的右键菜单$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }) })2.新窗口打开页面 $(document).ready(fun...
2015-12-20 21:08:00 83
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人