6 daisy_Hawen

尚未进行身份认证

我要认证

身体和灵魂都需要奔跑 欢迎关注我的Githttps://github.com/daisyHawen

等级
TA的排名 1w+

呕心沥血深入学正则和字符串

前言: 如果面试官问你exec与match的区别是什么,你应该怎么回答? 这个是我前几天看到牛客网的一个面经,觉得很有意思的一个问题。正则是我们经常会使用的一个东西,我们可以用一行代码实现很多事情,从最简单的邮箱验证、手机号的验证,到进阶级别的字符串查找,字符串的替换等; 关于正则你真的懂了吗?正则类型在创建正则对象的时候有两种创建方式,字面量方式//方式一var

2017-09-02 11:41:04

浅谈setTimeout,setInterval

概念setTimeoutsetTimeout的用法var timer1=scope.setTimeout(function,[delay,params]);var timer2=scope.setTimeout(code,[delay,params]);function function 是你想要在delay毫秒之后执行的函数。code 第二种语法,是指你想要在delay毫秒之后执行的代码

2017-08-28 10:37:11

CSS实现垂直居中

方案一:line-height适用于单行文本, 居中前: <div class="vertical">居中元素</div>.vertical { height: 100px; line-height:100px; border: 1px solid red; }居中后: 说明:这种对于单行的文本很有效果

2017-08-24 11:17:12

LeetCode_ 657. Judge Route Circle

题目: Initially, there is a Robot at position (0, 0). Given a sequence of its moves, judge if this robot makes a circle, which means it moves back to the original place.The move sequence is represented

2017-08-21 11:05:46

LeetCode_461. Hamming Distance

/*The Hamming distance between two integers is the number of positions at which the corresponding bits are different.Given two integers x and y, calculate the Hamming distance.*/题目的意思是:找到x和y的二进制位中,不相同的

2017-08-21 10:44:56

CSS之flexbox

一切能用css解决的问题都不要用js; 一直以来对css的关注就比较少,一篇写得很经典的flexbox的文章:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html总结: 在flexbox出现以前,我们的布局只能采用position+display+float属性来进行布局,下图列举了一些常见的布局: 前段时间总结了如何进行2列布局

2017-08-16 19:54:02

js数据结构之链表

//定义节点function ListNode(val) { this.val = val; this.next = null;}//定义链表//链表中有头结点和一些方法function LinkedList() { this.head = new ListNode('head'); this.find = find; this.insert = in

2017-08-14 11:06:00

深入浅出es6之箭头函数

es6的函数es6函数的几个新特性:可以设置参数默认值可以结合解构赋值默认值使用利用rest(…变量名)传入任意参数… rest和扩展运算符rest参数(…变量名),用于获取函数的多余参数,rest参数搭配的变量是一个数组,该变量将多余的参数放入其中。1. 利用rest(…变量名)传入任意参数 var x = 1; function foo(...y) { co

2017-08-11 17:32:28

CSS布局

CSS的定位机制:普通流、浮动和绝对定位;普通流: 所谓普通流就是正常的布局,我们在页面中写了一个又一个的盒子,如果是块级元素,就每一块占一行,这样依次排列下来;如果是行类元素,那么就是一个一个的排列,直到一行占不下了,就排第二行。 浮动: 浮动就脱离了普通流的布局方式,它会主动去找一个框的边缘,然后去靠; 绝对定位: 绝对定位也是脱离了普通流的布局,它相对于最近的一个父元素进行定位;也可以设置

2017-08-09 16:57:13

认认真真的探讨一下BFC

1、什么时候会出现BFC?浮动元素 float:left;表格元素:display:table;绝对定位元素:display:absolute/fixed行内元素:display:inline-block;overflow不为visible的值 overflow:hidden/scrollBFC的作用BFC的作用大着呢,BFC元素特性表现原则就是,内部子元素再怎么翻江倒海,翻云覆雨都不会

2017-08-03 17:05:19

js深入之继承

关于原型、闭包、继承肯定是面试必问的,而了解、掌握、深入理解,这几点又完全不一样。所以上一篇我写了关于如何创建一个对象:工厂模式、构造函数模式、原型模式以及组合模式,寄生模式等等;并且又重新理解了一遍prototype和[[prototype]](__proto__),这才算是真正的把这里理解清楚

2017-08-01 17:02:07

js深入之创建对象

工厂模式创建function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function() { console.log(thi

2017-07-31 09:42:17

WEB APP、HYBRID APP与NATIVE APP的设计差异

一、Web App、Hybrid App、Native App 纵向对比首先,我们来看看什么是 Web App、Hybrid App、 Native App。Web APPWeb App 指采用Html5语言写出的App,不需要下载安装。类似于现在所说的轻应用。生存在浏览器中的应用,基本上可以说是触屏版的网页应用。优点(1)开发成本低, (2)更新快, (3)更新无需通知用户,不需要手动升级

2017-07-26 11:06:30

前端性能优化(CSS动画篇)

啥是 Reflow 和 RepaintRepaintRepaint 就是「重绘」,它会在你改变 DOM 元素的视觉效果时进行,改变布局时不会触发。比如,opacity,background-color,visibility和outline等都会触发,「重绘」的开销还是比较昂贵的,因为浏览器会在某一个 DOM 元素的视觉效果改变后去 check 这个 DOM 元素内的所有节点。ReflowReflow

2017-07-26 10:48:15

NodeJS之process对象

最近在看javacript异步教程这本书中看到了这么一行代码var fs = require('fs');process.chdir('./main/recipe');var concatenation = '';fs.readFileSync('.').filter(function(filename) { return fs.statSync(filename).isFile();

2017-07-26 10:40:01

Web漏洞挖掘

写这篇文章不是为了去攻击其他的网站,只是为了重视web安全。Web安全的分类1. XSS攻击什么是XSS攻击xss攻击:cross-site scripting 故名思议,跨站点脚本注入。是指在一些页面通过注入一些script脚本或者actionScript脚本,而达到攻击的目的。XSS攻击的类型反射型XSS(非持久性XSS),通过注入一些脚本存储型XSS(持久型XSS),能存储在服务器端,比如

2017-07-14 17:47:03

跨域解决方案之postMessage

所谓跨域无外乎有几种: - 浏览器与服务器之间的跨域; - 页面和其打开的新窗口的数据传递 - 多窗口间的消息传递 - 页面和嵌套的iframe的消息传递这里我们只讲一种跨域解决方案postMessage,并讨论它的利弊。HTML5的出现,引入了很多新东西,比如前面介绍的web Worker,localstorage,sesionStorage,canvas…..但是这些的引入却也引入了大量

2017-07-13 11:52:49

异步的脚本加载

这里关系到浏览器性能的问题。 众所周知,如果吧script写在head中,那么文档需要等到head加载完毕才会显示出来。<!DOCTYPE html><html lang="en"><head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

2017-07-11 09:22:19

HTML5学习——worker对象

我的碎碎念,以前吧,觉得前端这玩意儿很复杂,有好多东西要学。后来学了一段时间之后发现不过如此,就是用html+css写写页面,然后为了使页面有动态的数据,就加了ajax和js。然后不知道为什么前端越来越复杂。nodejs的出现之后,很多工具的出现,webpack、browserify…现在我用的是webpack。 之前觉得,天啊,这是要命啊,本来js就基础不扎实,又要整这些东西,然后后来发现,其实

2017-07-07 17:55:18

移动端开发-JqueryMobile实战(一)

又来写一篇教程,是因为最近在图书馆看到了一本书《jQuery移动Web开发》,因为以前没有怎么关注过移动端的开发,于是就把jQuery Mobile看了一下,并想根据书中最后一节讲的创建一个RSS阅读器应用程序。看看途中会不会遇到什么坑。 index.html页面,没什么可说的,感觉jQuery Mobile的样式还挺好看的,使用data-role来指定page,header,content<!D

2017-07-07 17:23:56

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!