- 博客(25)
- 收藏
- 关注
原创 如何判断指定dom元素是否在屏幕内
刷网页的时候,有时会遇到这样一个情景,当某个dom元素滚到可见区域时,它就会展现显示动画,十分有趣。那么这是如何实现的呢?实现原理想要实现这个功能,就要知道具体的实现原理。下面直入主题。 我们通过浏览器在浏览一个网页时候是这个样子的,如图所示 页面的长宽,以及各dom的坐标都是静止的,动的是显示窗口坐标而已。所以明白了这个,那么判断一个dom元素是否可见时,就十分简单了。 我们需要知道三个
2016-10-17 13:35:54
8819
原创 callee、caller、call、apply、bind这些方法的含义和使用
在学校时间比较充裕,所以利用这段时间好好回顾下了js的基础。这回说下这五个函数属性方法,它们分别是:callee、caller、call、apply、bind 这5个方法在刚学js的时候一直理解不透,在实际的开发中也一直避免使用这5个方法,原因嘛当然很简单,那就是不理解,怕埋坑。Function类型在讲这5个方法之前,首先先讲一下储备知识,能更加方便的理解这5个方法。 众所周知js的数据类型有两
2016-10-03 21:15:46
1173
原创 react开发思维方式入门
很久没写文章了,前一阵子比较疲惫,一直没有时间更新。 之前开发过一个基于react redux的项目,总的来看用react来开发,其效率是指数型提高的,初期虽然很慢,但是到了后期维护起来真实比jquery系爽太多了。在学习react和redux的过程中,遇到的最大的障碍莫过于思想上的转变了,如果之前jquery用多了,产生了思维僵固,那么转换到react的开发思想上来还是很费劲的。所以在这里写一下
2016-10-03 21:14:45
1429
原创 JavaScript的for循环写法及效率
欢迎访文我的博客YangChen’s Blogfor循环,再常用不过了。但是这回说下for循环是因为看代码时我居然没有看明白一个for循环的意思,真是不应该啊。这个for循环是这么写的:for (var i = 0, rule; rule = rules[i++];) { //do something}这个写法是什么意思呢?后面再说,现卖个关子,这个写法我感觉还是挺好的。for循环写法对效
2016-05-18 23:08:35
5136
原创 meta标签的作用及整理
欢迎访文我的博客YangChen’s Blogmeta的标签的使用是我在前端学习中曾经困惑过一段时间的问题。一方面不是很了解meta标签的用途,另一方面是对于meta标签里的属性和值不是懂,也不知道从哪里冒出来的,所以这篇文章专门整理下meta标签,一个必用且关键的标签。什么是meta标签?引自下W3school的定义说明一下。 元数据(metadata)是关于数据的信息。 标签提供
2016-05-09 21:00:05
51253
4
原创 无障碍开发系列之开发建议
欢迎访文我的博客YangChen’s Blog这将是无障碍开发系列的最后一篇文章,对一些开发中的琐碎点做些总结。HTML规范建议html这块的问题大部分是我们开发过程中的不规范导致的,如果规范化的使用HTML标签基本上问题都不大,有些问题还是要说一下图片添加替代文本写img标签时一定要加上替代文本,也就是alt属性里内容。它的作用就是焦点到这个图片时,读屏器会读出alt里的内容,这样能让视障朋友理解
2016-05-07 13:24:16
853
原创 无障碍开发系列之准则及评级
欢迎访文我的博客YangChen’s Blog无障碍开发准则无障碍支持的怎么样?自然需要一个标准来判定,这个标准是W3C制定的,分为3个等级,分别A、AA、AAA,AAA级是无障碍的最高等级。这个三个等级之间有什么区别呢?这要从无障碍开发的四个原则说起,这4个原则分别是可感知性,可操作性,可理解性和鲁棒性,具体的解释将会在下面说明。原则一:可感知性-信息和用户界面组件必须以可感知的方式呈现给用户。可
2016-05-07 13:23:11
1353
原创 无障碍开发系列之WAI-ARIA
欢迎访文我的博客YangChen’s Blog趁着今晚有空把我挖的无障碍开发系列这个坑填了。WAI-ARIA是无障碍开发的一个关键点,它主要解决的就是残障人士无障碍的访问页面的问题。回到第一篇文章无障碍开发系列之隐藏内容访问里面提到的一些问题,例如: 对于一些模拟标签,例如用a标签写button,如何让读屏器读出这是button而不是链接。 如何让盲人朋友知道焦点所在的区域是导航栏还是
2016-05-07 13:22:00
7554
原创 无障碍开发系列之事件统一
欢迎访文我的博客YangChen’s Blog这是开发中踩得一个比较深的坑,好多代码都因为这个回炉了,虽然内容很简单,但有必要单独拎出来说下。为什么要事件统一在无障碍开发中一个必不可少的功能就是键盘相应,在传统开发中,只要click事件就行,但是无障碍中必须适配上键盘事件,这是必须的。在这次开发中,为了偷个懒在点击事件和键盘事件上并没有做到一致,因为自认为点击事件不用处理焦点嘛。当然啦,我把代码能写
2016-05-07 13:20:54
702
原创 无障碍开发系列之焦点管理
欢迎访文我的博客YangChen’s Blog说这之前先推荐两个网站来体验下无障碍操作,一个是美联航,另一个是汉莎航空。打开这两个网站后,用tab键操作下,就能感受到流畅的无障碍操作,这里面的一个关键接下来要说的焦点管理。使元素可获得焦点在正常情况,只有a标签、button以及input标签可以获得焦点,其他元素例如div、span等等是无法用是tab键获得焦点的。那么怎么样才能获得焦点呢?方法就是
2016-05-07 13:19:50
2523
1
原创 git本地提交未推送又复位到了其他版本怎么办
欢迎访文我的博客YangChen’s Blog先声明个版权,这篇文章参考自海蛟童鞋的这篇文章git 本地提交未推送 不小心迁出、删除后 的找回方法!这是在使用GitExtention时遇到的问题,现在已经把工具切换到sourcetree了,这个问题可以说是能够避免了,但是还要说以下,因为前一阵子因为这个问题吓得不轻啊哈哈,回炉了一下午的代码以为就这么没了。问题原因首先来简单的复位一下问题修改代码并
2016-05-07 13:17:55
3219
2
原创 无障碍开发系列之隐藏内容访问
欢迎访文我的博客YangChen’s Blog前一阵子一直在开发一个无障碍项目,到现在算是告一段落了,利用这点时间打算整理下无障碍开发上的一些关键技术。这次开发任务还是蛮有挑战的,网上也没有找到什么系统性的学习资料,踩了不少坑,回炉也改了不少代码,所以对于这个项目的技术总结还是十分重要的。无障碍开发概念什么是无障碍开发要做无障碍开发,知道什么是无障碍这个概念是十分重要的。无障碍在词典中的字面意思是
2016-05-07 13:16:51
2259
3
原创 跨域及jsonp
欢迎访文我的博客YangChen’s Blog昨天参加了网易的前端开发实习生面试,分为两次技术面试和一次HR面试,PS.网易的校招和面试效率还是挺高的。这两次技术面试都问到了跨域及jsonp的问题,所以呢就为此写一下吧,这也是前端开发中绕不过的一个重点。什么是跨域?要解释跨域,就要先说明下什么是域?域的英文名是Domain,百度百科给的定义是: 域(Domain)是Windows网络中独立运行的
2016-05-07 13:14:03
997
1
原创 CSS HACK
这次说一下css的hack前两天出来个新闻,淘宝将不再支持ie6、7。不得不说这是一个非常好的消息,为web开发行业树立了一个标杆,让我们众多前端开发工程狮们不用再为ie6、7来抓狂了。而且随着移动互联网开发的蓬勃发展,再加上各种前端开发工具和框架的出现,web的开发环境也是越来越好,很多曾经pc端开发时慎用的css3的属性在开发中也能够放肆的使用,从而提高开发的质量和效率。但是这并不意味着css
2016-05-07 13:12:19
786
原创 CommonJs,AMD,CMD
欢迎访文我的博客YangChen’s Blog前端项目做大了做复杂了免不了要模块化,说起模块化自然就要提到这三者,因为这3个是前端模块化的标准,没有它们js不会像现在这样流行,也不会有npm这个包管理工具,更不会有如此多的前端开发框架。下面简要概述下这三个模块化标准吧。CommonJsCommonJs服务器端的模块化规范,典型的例子就是Nodejs。根据CommonJS规范,一个单独的文件就是一个模
2016-05-07 13:10:56
995
原创 数组去重与铺平
欢迎访文我的博客YangChen’s Blog这一次说一下关于数组的去重和铺平,因为这是实际业务开发中经常遇到的。数组的判断先做个铺垫,不直接说起如何进行数组的去重和铺平,而是先说一下怎么判断数组,因为要进行数组的处理当然要先判断下传过来的数据是不是数组。首先我们都知道js的数据类型只有5种,分别是Undefined、Null、Boolean、Number和String,数组只是一个对象,用type
2016-05-07 13:09:18
1258
原创 水平居中与垂直居中
欢迎访文我的博客YangChen’s Blog水平居中和垂直居中可以说是开发中经常遇到的问题,网上搜索水平居中和垂直居中后会有很多方法,有的方法并不是很好,所以结合自己的开发经验,总结下几个个人常用的水平居中和垂直居中方法。水平居中行内元素或类行内元素水平居中块级父元素当中让行内子元素居中,只需要text-align:center即可,对一些类行内元素,如inline、inline-block等同样
2016-05-07 13:06:50
2468
原创 BFC与清除浮动
欢迎访文我的博客YangChen’s Blog快投简历了,到时候肯定避免不了要笔试或者面试一些前端题目,所以呢有空把一些基础知识总结下这次说到的是BFC和清除浮动BFC首先说一下什么是BFC,引用下别人的概念 BFC(Block Formatting Context)直译为“块级格式化范围”。它是指一个独立的块级渲染区域,只有Block-level BOX参与,该区域拥有一套渲染规则来约束块级盒
2016-05-07 13:05:30
2096
原创 SCRIPT65535:意外地调用了方法或属性访问
欢迎访文我的博客YangChen’s Blog本文以这个bug报错信息命名,来阐述下这个问题的解决办法。问题概述首先说一下报错问题来自哪里。这是一条脚本的报错信息,是我在KISSY中遇到了,报错模块在base.js中,这是KISSY里的一个核心模块。当然在jQuery中也一样会遇到,因为这是dom操作中遇到的bug。初次看到这个bug很无奈,居然是框架里的报错信息不是自己写的代码,完全无从下手。其次
2016-05-07 13:04:21
9270
原创 用Nodejs做爬虫
欢迎访文我的博客YangChen’s Blog引言提起爬虫,最容易想到的就是python,因为python给人的感觉就是啥都能干,但是之前用python做爬虫的过程还是很不爽的,主要问题来自这么几个方面:第一个是对爬来的网页dom操作上,第二个就是编码的处理,第三就是多线程,所以用python做爬虫其实并不是很爽,有没有更爽的方式呢?当然有那就是node.js!Nodejs做爬虫的优劣首先说一下no
2016-05-07 13:03:13
15566
原创 页面整体缩放
欢迎访文我的博客YangChen’s Blog前两天遇到一个问题,把PC的页面整体缩放到pad上,意思如下以:在PC下看到的页面:期望在移动设备下看到的:然而实际的样子是:查了查发现其实这还是个挺有意思的问题,所以在此整理下有关页面整体缩放的技术和方法1、js方式故名思议,通过脚本来控制html标签的css样式,使其能够整体按比例缩放,这种方式修修bug还好,要是一个复杂页面通过这种方式来控制css
2016-05-07 13:01:14
12198
原创 运用hexo建立博客的几个坑
欢迎访文我的博客YangChen’s Blog 经过差不多4个多小时的折腾终于完成了hexo+github pages的建站,申请的域名还在审核所以先暂用github上的域名吧。 建立博客的过程十分曲折,比我预计的多出了不少时间,因为遇到了一些小碎坑,在此把这些碎坑整理一下,由于错误没有截图,所以全凭记忆力的报错信息吧。1、hexo更新导致npm包缺少在建立过程中第一个问题出现在部署到githu
2016-05-07 12:59:13
1964
转载 IO中同步、异步与阻塞、非阻塞的区别
原文地址:http://blog.chinaunix.net/uid-26000296-id-3754118.html一、同步与异步同步/异步, 它们是消息的通知机制1. 概念解释A. 同步所谓同步,就是在发出一个功能调用时,在没有得到结果之前,该调用就不返回。按照这个定义,其实绝大多数函数都是同步调用(例如sin isdigit等)。但是一般而言,我们在说同步
2015-12-22 22:34:30
318
转载 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2015-11-07 20:19:11
322
原创 如何通过iis搭建web测试环境
一、安装1、打开控制面板,选择并进入“程序”,双击“打开或关闭Windows服务”,在弹出的窗口中选择“Internet信息服务”下面所有地选项,点击确定后,开始更新服务。2、更新完成后,打开浏览器,输入“http://localhost/”回车,如果此时出现IIS7欢迎界面,说明Web服务器已经搭建成功。二、搭建网站1、打开控制面板,进入系统和安全类,点击管理工具2、双击Internet Info
2015-08-07 16:31:54
3452
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人