菲尔不坏-CSDN博客

原创 ajax，SEO，谁言鱼和熊掌不可兼得

随着用户体验的深入人心，越来越多的系统采取了单页面结构（SPA），不可不说，单页面系统体验好，耗费流量少，无需全局刷新。不过对搜索引擎却不能抓取到太多信息，对SEO不是很友好，举例来说搜索引擎只能获取 www.demo.com/index.html这个页面的内容，但是无法获取www..demo.com/index.html#userwww..demo.com/index.htm

2016-03-09 15:04:35 1283

原创 html移动端打电话，发短信笔记

移动端实现打电话发短信打电话给：10086发短信给：10086

2015-06-30 19:41:06 581

原创通过CSS3，实现元素覆盖效果

在很多网站中，我们都可以看到这样的效果，当用户鼠标进入某一个元素后，下方就会有遮罩层上浮动画，如图：今天我们就用hover伪类加上css3实现，没有使用任何JS #d1{ height: 100px; position: relative; width: 100px; overflow: hidden;

2015-06-05 10:40:32 4070 1

转载移动端真机调试终极利器-BrowserSync

之前有分享过一篇《如何在移动设备上调试网页》，感谢 xyyjk 留言推荐BrowserSync这个工具，自己也花了点时间研究了一下，还是很好上手的。比起之前介绍的方法更加方便（之前的方法已经过时）。BrowserSync可以实时同步更新CSS、JS文件，此外最关键的是全平台支持，即你可以在手机QQ浏览器、微信浏览器里面调试。今天就介绍一下这个工具的用法（以下针对Mac OSX）。一、安

2015-05-27 11:03:14 1069

原创仿拉勾网图片文字切换效果

原始效果自行见拉勾网。demo以及代码在这

2015-05-26 16:54:05 1293

原创 JavaScript函数参数，传值还是传址？

首先，十万以及万分肯定的说一句， JavaScript 函数传递参数时，是值传递。虽然您可能不信，因为 ECMAScript 变量可能包含两种不同数据类型的值：基本数据类型，和引用数据类型。难道引用数据类型传递的时候难道也是值传递吗？答，没错。引用类型的值是什么东西？当一个变量向另一个变量复制引用类型的值时，会将存储在栈中的值（栈中存放的值是对应堆中的引用地址）复制一份到为新变量

2015-05-18 09:00:16 1514 1

转载 jquery中的ready函数与window.onload谁先执行

关于$(document).ready()：jquery中的$(document).ready()，那$(document).ready()到底是什么作用呢？是不是可以用window.onload = function(){ ... }来实现呢？这里，我们要明确二者之间的区别。我们使用window.onload = function(){ ... }，是希望在页面被载入时执行funct

2015-05-13 19:14:19 604

转载 offsetParent与parentElement ,parentNode,parentElement,childNodes和children

offsetParent直接的将是影响元素位置的上级element，而parentElement与位置显示无关时dom中的上级element。例如： position:absolute;"> 这个例子中，“cc”元素的offsetParent是div，如果去掉div的position属性，那么cc的offsetParent就会

2015-04-24 09:29:28 542

原创腾讯校园招聘涟漪动画的实现

前言：今天逛腾讯招聘校招页面的时候，发现页面上的4个按钮在hover状态的时候，有涟漪波动效果，作为一名正在不断学习的前端来说，模仿是必须的，因此，花了点时间完成了他的页面。思路：他的原图思路1：通过设置border-radius属性，将原先块级元素设置为原型，然后通过css3 动画改编boder的大小和颜色的alpha值，不过这个时候发现，当border的宽度到

2015-04-23 19:52:45 763

转载浅谈前端安全

随着前端技术的发展,安全问题已经从服务器悄然来到了每一个用户的的面前，盗取用户数据,制造恶意的可以自我复制的蠕虫代码,让病毒在用户间传播,使服务器当掉.更有甚者可能会在用户不知觉得情况下,让用户成为攻击者,这绝对不是骇人听闻。富客户端的应用越来越广，前端的安全问题也随之增多,今天就简单介绍下一些常见的攻击方式和预防攻击办法。常见攻击XSS，跨站脚本攻击(Cross Si

2015-04-22 10:35:22 422

转载 2015 前端[JS]工程师必知必会

2015 前端[JS]工程师必知必会MrSunny 上次我写《前端工程师必知必会》已经是三年前了，那是我写过最火的文章了。三年了，我仍然会在Twitter上收到关于这篇文章的消息。从2012年到现在，一篇文章都没发过让我觉得有点羞羞哒。三年是一段很长的时间，很多东西都发生了改变。2012年，我鼓励同学们去学习浏览器开发者工具和模块化；虽然有很多同学会觉得CSS预编译和客户端模板引擎

2015-04-14 16:54:59 436

原创 angular中的异步编程 $q的使用

前言：我们知道,JavaScript语言的执行环境是单线程的。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javas

2015-04-13 12:57:14 6995

转载 Chrome渲染Transition时页面闪动Bug

前段时间，有同事和会员反馈使用Chrome访问淘宝首页会出现画面闪动的现象，但是我在Mac和Win下面的Chrome都无法重现这个问题，后来重装了一遍Win7下的Chrome Beta版本，终于重现了这个问题，正好研究解决下…问题主要集中于淘宝首页吊顶以及左侧服务栏处，鼠标移过整个页面会闪动一次，Refresh和Reopen无法重现，只有当首次打开淘宝首页才会出现…问题重现：

2015-04-08 13:46:12 5747

转载 JavaScript中proto与prototype的关系

这里讨论下对象的内部原型(__proto__)和构造器的原型（prototype）的关系。一、所有构造器/函数的__proto__都指向Function.prototype，它是一个空函数（Empty function）123456789Number.__proto

2015-03-31 22:35:39 453

转载 angular开发控制器之间的通信

利用作用域的继承方式由于作用域的继承是基于js的原型继承方式，所以这里分为两种情况，当作用域上面的值为基本类型的时候，修改父作用域上面的值会影响到子作用域，反之，修改子作用域只会影响子作用域的值，不会影响父作用域上面的值；如果需要父作用域与子作用域共享一个值的话，就需要用到后面一种，即作用域上的值为对象，任何一方的修改都能影响另一方，这是因为在js中对象都是引用类型。基本类型fun

2015-03-25 16:24:59 527

转载 web前端面试题

欢迎转载，但请注明出处：http://blog.csdn.net/sysuzjz/article/details/44562467以下各问题来自于本人在各公司应聘时被提问的问题，特地整理出来，有错误或不同意见的欢迎评论指出。因各大公司面试还未结束，本文不透露题目具体出处，且会打乱顺序。另注：问方和答方均默认所问浏览器为主流浏览器（IE，chrome，firefox，Safari，O

2015-03-23 14:05:34 549

原创 angular笔记 directive scope 调用父scope带参数方法

在使用angular directive的时候，为了不污染环境，我们为给directive自己一个scope,如果这个scope需要使用父类中scope的对象，会使用 = & @三种标示,在开发项目中，我遇到需要调用父类带参数方法的情况，自然而然我想到了使用 &标示符，可是如何进行带参数传递呢?成功代码:script:angular.module('docsIsoFnBindExamp

2015-03-23 09:41:59 11289

原创使用gulp自动优化requireJS项目

引言前端javascript文件越来越多了，依赖加载，文件合并的问题也就随之出现。好在有基于AMD规范的requirejs和国产基于CMD规范的seajs可以管理依赖。但是，使用这样的js来管理js模块的依赖，就会导致页面js文件请求就会变多，为了减少文件请求，一般的文件拼合工具就不起作用了，比如grunt的concat工具。好在requirejs有r.js来解决这个问题。而且

2015-03-20 15:43:31 16896 3

转载 RequireJS和AMD规范

RequireJS和AMD规范来自《JavaScript 标准参考教程（alpha）》，by 阮一峰目录概述define方法：定义模块require方法：调用模块AMD模式小结配置require.js：config方法插件优化器r.js参考链接概述RequireJS是一个工具库，主要用于客户端的模块管理。它

2015-03-16 15:50:59 663

转载怎么去掉select边框和小三角,appearance用法

今天写微信网站的静态页面,想去掉select自带的小三角和边框,用以往的办法不行了,微信内置的是qq浏览.以往的办法:设置select的边框为0px,背景设成透明(background: transparent;),这时候你会看到边框没有了,但是小三角还是在的.再在select外面加个div,固定死div的宽度,并且加超出隐藏属性(overflow: hidden;)再设置se

2015-03-13 12:37:30 7974

转载 web app变革之rem

rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位

2015-03-12 15:52:38 806

转载理解AngularJS中的Service类型

Angular中有几种不同类型的services。每一种都有自己的独特用法。需要记住的非常重要的一点是service总是一个单体，无论是哪种类型的service。注释：单体是一种设计模式，它限制了每一个类仅能够实例化为一个对象。无论我们在什么地方注入我们的service，将永远使用同一个实例。Constant例子：app.constant('fooConfi

2015-01-30 11:02:07 1329

原创 angular使用jquery ajax方式提交表单解决办法

angular 默认使用的是application/json方式提交，如果需要兼容以前的老系统需要这样更改$http({method : 'POST',url : url,data : $.param(postData),headers : {'Content-Type' : 'application/x-www-form-url

2015-01-23 14:57:53 1495

原创神奇的angularJS --连接controller的桥梁 service

一、什么是service在以前的文章中，我们提到，controller是相对独立的，也就是说，两个controller之间，内存是不共享的，这个controller是无法访问其他其他controller的属性或者方法的。但是，实际项目中，页面1的controller是有可以需要页面2的controller的。以前，我都是通过localStorage来进行储存，后来发来localStorage应

2015-01-12 13:58:59 5267 3

原创神奇的angularJS——controller控制器的作用

一、什么是controller在angularJS中，controlle是一个javascript函数/类，用于操作作用域中，各个对象的初始状态以及相应的行为二、controller的作用域如我上一篇文章我写了个控制器，并将name赋值为“菲尔”app.controller('helloCtrl', function ($scope) { $

2015-01-04 13:51:31 13266

AngularJS 重新定义了前端应用的开发方式。面对HTML和JavaScript之间的界线，它非但不畏缩不前，反而正面出击，提出了有效的解决方案。很多前端应用的开发框架，比如Backbone、EmberJS等，都要求开发者继承此框架特有的一些JavaScript对象。这种方式有其长处，但它不必要地污染了开发者自己代码的对象空间，还要求开发者去了解内存里那些抽象对象。尽管如此我们还是接受了这种方式，因为网络最初的设计无法提供我们今天所需的交互性，于是我们需要框架，来帮我们填补JavaScript和HT

2014-12-30 11:21:39 14188 3

ft6302244的专栏