web前端
文章平均质量分 83
晟沚
开开心心过每一天~
展开
-
解析AngularJS 表达式
解析AngularJS表达式 $digest循环过程中会自动解析表达式 通过$parse来进行表达式的运算 利用$watch来解析 <!DOCTYPE html> <html> <head> <title>手动解析表达式</title> <meta charset=utf-8> <meta name=description content=""> <meta name原创 2016-07-05 10:49:07 · 598 阅读 · 0 评论 -
css 水平垂直居中方法
博主今晚实在是无聊,正好公司这边做前端事情比较少。。 今天就来大概讲一下css水平垂直居中吧,估计好多人都特别懊恼,网上的资料都不是很全,所以我就来送一波福利啦~ flex 弹性布局flex相信大家都不陌生吧? 那么,通过下面几行,就可以实现水平垂直居中啦display:flex; justify-content:center; align-item:center;注意:这个是在父元素上设置原创 2017-08-06 22:48:10 · 374 阅读 · 0 评论 -
js cookie 实例
首先来介绍下cookie知识点: document.cookie 来设置cookie cookie.domain表示cookie的域, 控制cookie所在的域,跨域的不能访问 cookie.path表示cookie的路经 cookie能让其path路径下的页面访问以下是模仿浏览器自动登录的功能,每次刷新时来检查cookie,弹出欢迎界面。function setCookie(name,v原创 2017-07-28 09:06:53 · 773 阅读 · 0 评论 -
promise详解以及示例代码
首先讲解什么是promise 博主之前面试一直被问promise是什么,但是始终就是讲不清楚,现在博主决定写一篇文章加深记忆。 promise是一个对象,也就是说与其他JavaScript对象的用法,没有什么两样;其次,它起到代理作用(proxy),充当异步操作与回调函数之间的中介。它使得异步操作具备同步操作的接口,使得程序具备正常的同步运行的流程,回调函数不必再一层层嵌套。 三个状态 异原创 2017-08-04 17:16:47 · 881 阅读 · 0 评论 -
js正则表达式详解-子匹配 匹配原理 例子讲解
博主之前认为已经掌握了正则,但是最近在解析url的各项时,才发现正则表达式的博大精深,下面博主将通过一个很好的例子来讲解正则表达式的匹配过程,其他博客都不会有,希望对像我一样对技术热爱的人有帮助~ 例子如下: 解析 URI:输入一个 URI,输出一个 object,请用 JavaScript 解析 URI,并把解析出来的各个 部分存在一个 object 对象中返回。需要解析的部分包括:原创 2017-07-25 14:42:40 · 3978 阅读 · 0 评论 -
js继承详解-值类型、引用类型
原型继承 原型继承是js中最通用的继承方式,不用实例化对象,通过直接定义对象,并被其他对象引用,这样形成的一种继承关系,其中引用对象被称为原型对象。 优点:从instanceof关键字来看,实例既是父类的实例,又是子类的实例,看起来似乎是最纯粹的继承。 缺点:例如:Sub.prototype.name = “sub”;无法实现多重继承。 function A(){ this.co原创 2017-08-01 20:21:17 · 385 阅读 · 0 评论 -
es6箭头函数 使用场景
我们知道es6有很多的新特性,那么本篇我们就来详细介绍一下es6的箭头函数。 对于一个知识点的运用无非是了解它的使用场景,这是灵活变通的基础。 匿名回调// 按钮的单事件 var btn = document.getElementById("button"); btn.addEventListener('click',(event)=>{ console.log(); }) // 作为 Arr原创 2017-04-25 17:07:52 · 1320 阅读 · 0 评论 -
函数节流
函数节流,简单地讲,就是让一个函数无法在很短的时间间隔内连续调用,只有当上一次函数执行后过了你规定的时间间隔,才能进行下一次该函数的调用。以impress上面的例子讲,就是让缩放内容的操作在你不断改变窗口大小的时候不会执行,只有你停下来一会儿,才会开始执行。 原理 定时器。当我触发一个事件时,先setTimout让这个事件延迟一会再执行,如果在这个时间间隔内又触发了事件,那我们就clear掉原来的原创 2017-04-25 15:27:48 · 694 阅读 · 1 评论 -
跨域详解
什么是跨域? JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦 http://www.a.com/a.js http://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a.js http://www.a.com/scr原创 2017-04-24 21:38:16 · 313 阅读 · 0 评论 -
js闭包 典型举例
相信大家都对js闭包有了一定的了解,但是,我们不能停留在了解层面,我们应该会实际应用。 如下:function fun(n,o) { console.log(o) return { fun:function(m){ return fun(m,n); } }; } var a = fun(0); a.fun(1); a.fun(2); a.fun(3);原创 2017-04-24 14:12:50 · 892 阅读 · 0 评论 -
js函数创建 匿名函数
首先介绍下匿名函数 创建一个变量,这个变量的内容为一个函数var fn1=function (){}注意采用这种方法创建的函数为匿名函数,即没有函数namevar fn1=function (){}; getFunctionName(fn1).length;//0 //见下面获取匿名函数的函数名那么,如何判断函数是否是匿名函数呢? 也可以通过判断来区分匿名函数和具名函数(命名函数)通过输出原创 2017-04-24 15:23:38 · 604 阅读 · 0 评论 -
事件的三个阶段:捕获阶段 目标阶段 冒泡阶段
js有好多的知识需要不断积累,但是不能浅尝,应该深究其内因,并运用在日常开发过程中。 捕获阶段: 事件从根节点流向目标节点,途中流经各个DOM节点,在各个节点上触发捕获事件,直到达到目标节点。 那么捕获阶段有什么用吗?完全可以没有捕获阶段也可以啊? 捕获阶段的主要任务是建立传播路经,在冒泡阶段根据这个路经回溯到文档根节点目标阶段 事件到达目标节点时,就到了目标阶段,事件在目标节点上被触发原创 2017-04-21 20:41:04 · 4885 阅读 · 1 评论 -
childNodes与children区别
获取节点信息是js中必不可少的操作,那么childNodes和children有什么区别呢? instanceof用来判断获取的节点的类型 测试对象在其原型链中是否存在一个构造函数的prototype属性 instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。// 定义构造函数 function C(){} function原创 2017-04-21 19:24:15 · 685 阅读 · 0 评论 -
js正则
正则表达式用RegExp对象表示,有两种写法: 一种是字面量写法; 另一种是构造函数写法Perl写法正则表达式字面量 包含在一对斜杠(/)之间的字符,并且可以设置3个标志 var expression = /pattern/flags; flags g:表示全局(global)模式,即模式将被应用于所有字符串,而并非在发现第一个 匹配项时立即停止 i:表示不区分大小写原创 2017-04-14 21:22:03 · 259 阅读 · 0 评论 -
js输入输出问题
利用textarea模仿输入输出,来解决算法题中输入输出问题<textarea id="textarea" style="width:100px;height:200px;"> 5 12 1 0 15 0 0 12 1 1 12 1 0 16 1 0 </textarea> <a href="javascript:;" onclick="getcontent(2)">oprate</a> <scri原创 2017-04-02 10:54:24 · 467 阅读 · 0 评论 -
Mac webpack自动刷新
博主看了教程,然后在自己的MacBook Air上试用了一下,下面我将具体步骤介绍如下: 首先安装webpack: sudo npm install webpack -g npm install webpack --save-dev安装的路径基本上在/usr/local/lib/node_modules/webpack 其次,如果你要用webpack打包的东西有css等,就需要安装loader s原创 2016-12-22 17:24:59 · 1580 阅读 · 0 评论 -
解析AngularJS表达式
解析AngularJS表达式 AngularJS会在运行$digest循环过程中自动解析表达式 通过$parse这个内部服务来进行表达式的运算,此服务能访问当前所处的作用域 利用$watch来解析 <!DOCTYPE html> <html> <head> <title>手动解析表达式</title> <meta charset=utf-8> <meta name=descr原创 2016-07-05 10:41:05 · 448 阅读 · 0 评论 -
实现两个窗口通信方法-postMessage
两个窗口的通信问题应该是一个比较常见的问题了,通信可以通过很多种方式,如下: localStorage postMessage websocket 今天博主先来一篇postMessage干货,后期还会给出websocket的实现代码。 首先来看一下基本的语法 otherWindow.postMessage(message, targetOrigin, [transfer]);o原创 2017-08-06 23:00:23 · 29680 阅读 · 5 评论