
前端开发
天空神话
没有理由,只有前进
展开
-
正则表达式-问号的四种用法
原文符号因为?在正则表达式中有特殊的含义,所以如果想匹配?本身,则需要转义,\?有无量词问号可以表示重复前面内容的0次或一次,也就是要么不出现,要么出现一次。非贪婪匹配贪婪匹配在满足匹配时,匹配尽可能长的字符串,默认情况下,采用贪婪匹配string pattern1 = @"a.*c"; // greedy match Regex regex =转载 2017-12-08 13:42:52 · 1199 阅读 · 0 评论 -
Object.assign()解释整理
语法Object.assign(target, ...sources)参数target目标对象。sources源对象。返回值目标对象。描述如果目标对象中的属性具有相同的键,则属性将被源中的属性覆盖。后来的源的属性将类似地覆盖早先的属性。Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。该方法使用源对象的[[Get]]和目标对象的[[Set]],所以它会调用相关 get转载 2018-01-19 14:12:37 · 12959 阅读 · 0 评论 -
Object.create()的使用方法
Object.create() 方法会使用指定的原型对象及其属性去创建一个新的对象。语法Object.create(proto[, propertiesObject])参数proto新创建对象的原型对象。propertiesObject可选。如果没有指定为 undefined,则是要添加到新创建对象的可枚举属性(即其自身定义的属性,而不是其原型链上的枚举属性)对象的属性描述符以及相应的属性名称。这转载 2018-01-19 17:54:52 · 17713 阅读 · 2 评论 -
Object.create()方法的使用详解
Object.create(prototype, descriptors)创建一个具有指定原型且可选择性地包含指定属性的对象。参数prototype必需。 要用作原型的对象。 可以为 null。 descriptors可选。 包含一个或多个属性描述符的 JavaScript 对象。 “数据属性”是可获取且可设置值的属性。 数据属性描述符包含 value 特性,以及 writab原创 2018-01-19 18:18:27 · 728 阅读 · 0 评论 -
js对象深拷贝的方法
let obj3 = JSON.parse(JSON.stringify(obj1));原创 2018-01-19 18:49:04 · 309 阅读 · 0 评论 -
想知道怎么写一个浏览器插件吗?
http://open.chrome.360.cn/extension_dev/getstarted.htmlhttps://www.zhihu.com/question/20179805snippets代表片段,小片的意思,可以自己新增一个插件,插件的内容跟普通的html页面没多大区别,也可以包含css, html , js等content scripts 代表了原创 2018-02-07 14:12:47 · 4049 阅读 · 0 评论 -
Object.create()介绍
总结:使用Object.create()是将对象继承到__proto__属性上,而var test2 = new Object(test1)是test2具有了test1的属性Object.create(null) 创建的对象是一个空对象,在该对象上没有继承 Object.prototype 原型链上的属性或者方法,例如:toString(), hasOwnProperty()等方法Object.c...转载 2018-03-20 09:41:25 · 478 阅读 · 0 评论 -
Object 对象方法学习之(1)—— 使用 Object.assign 复制对象、合并对象
作用Object.assign() 方法用于把一个或多个源对象的可枚举属性值复制到目标对象中,返回值为目标对象。语法Object.assign(target, ...sources)参数target: 目标对象sources: 源对象返回值目标对象描述Object.assign 方法只复制源对象中可枚举的属性和对象自身的属性。它在源对象上使用 [[Get]], 在目标对象上使用 [[Set]], ...转载 2018-03-20 10:11:48 · 882 阅读 · 1 评论 -
Javascript Object.defineProperty() 创建一个不能被修改的对象的属性
avascript作为一种语言,有个美誉,开发者可以重新定义任何事情。虽然这在过去的一些javascript可以,但是ECMAScript5中 已经开始得到改变,例如,我们可以使用Object.defineProperty创建一个不能被修改的对象的属性。本文中我们将讲述 Object.defineProperty的基本用法。 如果你想在文章开始之前,深入了解Object.definePropert...转载 2018-03-20 15:07:23 · 2627 阅读 · 0 评论 -
如何解决SimpleDateFormat类得线程安全问题
我想你应该知道SimpleDateFormat是非线程安全的吧?那么如何解决呢?答案很简单,用线程安全得日期格式化类了,谁提供了线程安全的日期格式化类呢?org.apache.commons,apache提供了很多类似的非常有用,而且高性能的工具类,针对上面这个问题,你只需要用FastDateFormat即可,为什么是这样,自己看源码,因为该类的实现了单例模式,且加了线程安全的同步控制。还可以用T...转载 2018-03-21 15:19:51 · 412 阅读 · 0 评论 -
React Native初探
前言很久之前就想研究React Native了,但是一直没有落地的机会,我一直认为一个技术要有落地的场景才有研究的意义,刚好最近迎来了新的APP,在可控的范围内,我们可以在上面做任何想做的事情。PS:任何新技术的尝鲜都一定要控制在自己能控制的范围内,失败了会有可替换方案,不要引起不可逆的问题,这样会给团队造成灾难性的后果。事实上,RN经过一段时间发展,已经有充分数量的人尝试过了,就我身边就有几批,...转载 2018-04-03 14:03:08 · 190 阅读 · 0 评论 -
JavaScript 中 console 的用法
注:下文所有“console.info”均会被知乎自动转义,请无视。在调试 JS 代码时,很多人倾向于使用 alert() 或者 console.log() 方法来输出信息,正如某些 Java 程序员喜欢在调试代码时使用System.out.println() 输出信息一样。但与 Java 输出不一样的是, console 对象拥有多种方法可以更好的呈现信息,从而给代码调试带来方便。根据常用程度,...转载 2018-05-10 17:18:08 · 321 阅读 · 0 评论 -
CSS技巧(一):清除浮动
什么是CSS清除浮动?在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进行的CSS处理,就叫CSS清除浮动。引用W3C的例子,news容器没有包围浮动的元素。.news {...原创 2018-05-11 18:04:31 · 198 阅读 · 0 评论 -
Vue 进阶教程之v-model详解
ue 官网教程上关于 v-model 的讲解不是十分的详细,写这篇文章的目的就是详细的剖析一下, 并介绍 Vue 2.2 v-model改进的地方,然后穿插的再说点 Vue 的小知识。在 Vue 中,有许多方法和 Angular 相似,这主要是因为 Angular 是 Vue 早期开发的灵感来源。然而,Augular 中存在许多问题,在 Vue 中已经得到解决。v-model 用在 in...转载 2018-08-28 21:19:45 · 413 阅读 · 0 评论 -
CSS布局奇淫技巧之--各种居中
居中是我们使用css来布局时常遇到的情况。使用css来进行居中时,有时一个属性就能搞定,有时则需要一定的技巧才能兼容到所有浏览器,本文就居中的一些常用方法做个简单的介绍。注:本文所讲方法除了特别说明外,都是兼容IE6+、谷歌、火狐等主流浏览器的。先来说几种简单的、人畜无害的居中方法1. 把margin设为auto具体来说就是把要居中的元素的margin-left和margin-ri...转载 2018-10-08 11:23:32 · 371 阅读 · 0 评论 -
30分钟掌握ES6/ES2015核心内容(上)
ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。也就是说,ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性,但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6,但为了看懂别人的你也该懂点ES6的语法了...在我们正式讲解ES6语转载 2018-01-18 15:07:59 · 245 阅读 · 0 评论 -
jQuery的deferred对象详解
jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax。为了实现它,jQuery的全部ajax代码都被改写了。但是,它比较抽象,初学者很难掌握,网转载 2018-01-17 15:44:32 · 134 阅读 · 0 评论 -
CSS新单位vw,vh在响应式设计中的应用
原创 2017-12-08 14:15:01 · 1170 阅读 · 0 评论 -
去除inline-block元素间间距的N种方法
一、现象描述真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距,很简单的个例子: 间距就来了~~我们使用CSS更改非inline-block水平元素为inline-block水平,也会有该问题:.space a { display: inline-block; padding: .5em 1em;转载 2017-12-21 13:36:32 · 166 阅读 · 0 评论 -
拜拜了,浮动布局-基于display:inline-block的列表布局
一、一抹前言没有爱的日子,时间如指尖细沙,不知不觉就流逝了。写“CSS float浮动的深入研究、详解及拓展(一)”和“CSS float浮动的深入研究、详解及拓展(二)”似乎就在不久前,然而相隔差不多有一年之久了。文章最后留下了“浮动布局更好的替代方案是什么?”后文再介绍的预告。由于自己肚子中的货物不足以撑起一篇足够质量的文章,所以关于“浮动布局更好的替代方案是什么?”的文章转载 2017-12-21 14:05:50 · 328 阅读 · 0 评论 -
CSS三列布局
前面的话 前面已经介绍过单列定宽单列自适应和两列自适应的两列布局。本文介绍三列布局,分为两侧定宽中间自适应、两列定宽一侧自适应、中间定宽两侧自适应、一侧定宽两列自适应和三列自适应这五种情况 两侧定宽中间自适应思路一: float【1】float + margin + calcstyle>p{margin: 0;}.parent{ove转载 2017-12-05 10:59:37 · 260 阅读 · 0 评论 -
如何使用rem单位
最近搞移动端,真是被rem、em与px的换算要了老命了,看了不少文档,似乎弄明白了,这不今天用又蒙圈了。好多文档上老是说用rem就给html设置font-size,用em就给body设置font-size看了下bootstrap样式表,html {font-size:62.5%;} body {font-size:14px;},其他样式略哈,就讲这两个主要的。可惜大姐长了转载 2017-12-05 15:06:56 · 420 阅读 · 0 评论 -
CSS常见兼容性问题总结
浏览器的兼容性问题,通常是因为不同的浏览器对同一段代码有不同的解析,造成页面显示不统一的情况。这里谈到的浏览器,主要指IE6/IE7/IE... FireFox Chrome Opera Safari 等。 但更多的兼容还是考虑IE6/IE7/FF之间的斗争先来谈谈CSS Hack 我们为了让页面形成统一的效果,要针对不同的浏览器或不同版本写出对应可解析的CSS样式,所以转载 2017-12-14 16:11:13 · 193 阅读 · 0 评论 -
从头开始学Node.js,讲的很好,可以学习他的系列讲解
https://cloud.tencent.com/developer/article/1006926?fromSource=gwzcw.705226.705226.705226?ref=myread 做个收藏原创 2017-12-14 17:05:30 · 619 阅读 · 0 评论 -
css3属性中background-clip与background-origin的用法释疑
困惑在哪里?background-clip 与 background-origin是css3中引入的两个跟元素背景相关的属性,它们有相同的可选值,即border、padding、content三种,而且这两个属性表示的都是元素背景与元素边框、补白(padding)和内容区域之间的某种关系。比如,我们想要在边框上显示背景,我们可以使用background-origin帮我们实现(前提转载 2017-12-07 15:10:34 · 586 阅读 · 1 评论 -
犀利的background-clip:text,实现K歌字幕效果
今天学到了一个新的CSS3属性,更准确的说是属性值,那就是background-clip:text。利用此属性值可以制作出很神奇的效果。可惜只有chrome支持,不过今天可以先来玩玩这个属性。 先来介绍下background-clip吧,它的作用是对背景图片进行裁剪,取值有content-box|padding-box|border-box,即对哪一个盒子之外的背景进行裁剪。看下面的例子就明转载 2017-12-07 15:15:13 · 606 阅读 · 0 评论 -
关于移动端开发的一些总结
1、 piexl 像素知识640 * 1136的图片能不能在iphone5上完全展示?iphone5分辨率640*1136逻辑像素与物理像素的关系px逻辑像素:浏览器使用的抽象单位dp,pt物理像素:设备无关像素dpr:设备像素缩放比计算公式:1px = (dpr)^2 * dpiphone5的 dpr = 2;DPI:打印机每英寸可以喷的墨汁点(印转载 2017-12-16 23:32:10 · 740 阅读 · 0 评论 -
移动端屏幕自适应rem方法
http://www.jianshu.com/p/b00cd3506782 参考简书的文章原创 2017-12-18 15:32:42 · 270 阅读 · 0 评论 -
babel配置-各阶段的stage的区别
前言由于各大浏览器并对es6的并没有完成支持,我们开发前端项目时需要使用Babel来将ES6代码编译为ES5。 配置.babelrc文件时一般配置为如下:{ "presets": [ "es2015", "react", "stage-0" ], "plugins": []}这个配置文件转载 2018-01-15 14:18:24 · 7548 阅读 · 1 评论 -
从零搭建React全家桶框架教程
https://github.com/brickspert/blog/issues/1#init 这篇文章对React生态系统介绍的比较系统,比较全面,值得收藏。原创 2018-01-15 14:38:36 · 1489 阅读 · 0 评论 -
常用的Javascript设计模式
《Practical Common Lisp》的作者 Peter Seibel 曾说,如果你需要一种模式,那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷,不得不去寻求和总结一种通用的解决方案。不管是弱类型或强类型,静态或动态语言,命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员, 在短跑甚至拳击方面有一些优势,在练瑜伽上就欠缺一些。术士和暗影牧师很容易成转载 2018-01-15 17:43:19 · 224 阅读 · 0 评论 -
深入理解css中vertical-align属性
https://www.cnblogs.com/starof/p/4512284.html?utm_source=tuicool&utm_medium=referral转载 2018-10-08 21:27:20 · 403 阅读 · 0 评论