帕哈尼的博客

web开发|移动开发

响应式网站与自适应网站的比较

开发难度比较 自适应网站开发起来比较既复杂(不同屏幕的适配控制)又简单(独立于PC端),但是容易维护与调试(只有移动端的处理事件)。 响应式网站开发起来比较既简单(只需通过媒体查询来调整)又复杂(与PC端网页元素耦合度大),但是不容易调试与维护(绑定了移动端与手机端的处理事件)。 ...

2017-06-26 16:58:16

阅读数:1085

评论数:0

ajax怎么做到seo友好

jax 如何做到 SEO 友好 我猜你是在网络上搜索“ajax如何被搜索引擎收录”、“ajax SEO”、“ajax SEO友好”等关键词来到这里的。你可能已经很疲惫了,因为前段时间我也这样搜索,但是我发现搜索到的内容质量不高,有的只针对 google 的,有的不完整。但是,没关...

2017-06-26 16:07:16

阅读数:1576

评论数:0

当spa单页面应用遇上SEO,蛋痛的经历

spa单页面应用优点当然毋庸置疑:效果酷炫,我在视觉和产品面前无从反驳;性能高速度快,全JS嘛当然快,我在运维和产品面前无言以对;运算分散,异步加载,又省硬件又省流量,我在开发和产品面前彻底投降;JS前后端,一个人干一个站的活儿——关于这一点,我在老板、HR和产品面前哭的像一个孩子。总之,在各路人...

2017-06-26 15:59:09

阅读数:2803

评论数:0

前端后端分离,怎么解决SEO优化的问题?

泻药,简单说几点自己的个人看法。 解决题主的问题,首先得先想明白什么是SEO,然后再说前后端分离情况下如何做SEO优化。 我们假设这个产品是一个新产品,他需要做SEO,那么到底什么是SEO呢?SEO的缩写是『Search Engine Optimization』,搜索引擎优化,虽然我不是专...

2017-06-26 15:51:12

阅读数:6232

评论数:0

s闭包的用途

我们来看看闭包的用途。事实上,通过使用闭包,我们可以做很多事情。比如模拟面向对象的代码风格;更优雅,更简洁的表达出代码;在某些方面提升代码的执行效率。 1 匿名自执行函数 我们知道所有的变量,如果不加上var关键字,则默认的会添加到全局对象的属性上去,这样的临时变量加入全局对象...

2017-04-17 22:15:00

阅读数:195

评论数:0

js中的事件委托

起因: 1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的; 2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考; 概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是...

2017-04-07 11:45:23

阅读数:464

评论数:0

heatmap.js 一个用canvas画热力图的利器

最近研究了一下百度 淘宝 的点击区域热力图显示效果!觉有很有趣,于是Google了一下,发现此文不错,就转了一下! 转自:http://1.aisensiy.sinaapp.com/heatmapjs/ 以下原文:   于是就想找一找热力图的算法。找到了很多生成热力图的工具,它们的算...

2017-04-06 23:19:46

阅读数:2660

评论数:0

vue前端路由地址中的#号是什么,该怎么处理

1.在用vue.js做微信公众号支付的时候碰到了很奇怪的问题,并且只有android系统会发生这种问题:get_brand_wcpay_request:fail 这个错误是因为授权目录填写错误导致的,授权目录整个链接中都不能出现#号哦,这个是微信支付官方不支持。相同的请求ios系统不会有任何问题,...

2017-04-06 23:18:18

阅读数:6207

评论数:1

浏览器对同一域名进行请求的最大并发连接数

当我们在浏览网页的时候,对浏览速度有一个重要的影响因素,就是浏览器的并发数量。并发数量简单通俗的讲就是,当浏览器网页的时候同时工作的进行数量。 如果同时只有2个并发连接数数量,那网页打开的时候只能依赖于这2条线程,前面如果有打开慢的内容,就会直接影响到后面的内容打开。但是如果同时有更多的并发...

2017-04-06 23:02:20

阅读数:3936

评论数:0

JS闭包可被利用的常见场景

场景一:采用函数引用方式的setTimeout调用 闭包的一个通常的用法是为一个在某一函数执行前先执行的函数提供参数。例如,在web环境中,一个函数作为setTimeout函数调用的第一个参数,是一种很常见的应用。 setTimeout将要执行的函数(或者一段JavaScrip...

2017-04-06 00:11:09

阅读数:296

评论数:0

js动态计算rem

在做移动端web app的时候,众所周知,移动设备分辨率五花八门,虽然我们可以通过CSS3的media query来实现适配,例如下面这样: 1 html { 2 font-size : 20px; 3 } 4 @media only screen...

2017-04-05 23:54:49

阅读数:621

评论数:0

React 还是 Vue: 你应该选择哪一个Web前端框架?

学还是要学的,用的多了,也就有更多的认识了,开发中遇到选择的时候也就简单起来了。 本文作者也做了总结:     如果你喜欢用(或希望能够用)模板搭建应用,请使用Vue     如果你喜欢简单和“能用就行”的东西,请使用Vue     如果你的应用需要尽可能的小和快,请使用Vue ...

2017-03-18 16:05:36

阅读数:2798

评论数:1

后端渲染和前端渲染的比较

脱离场景谈架构都是耍牛氓! 不同的方案会有不同的优劣,我们来比较一下后端模板渲染和前端模板渲染: 一、后端渲染 页面呈现速度:快,受限于用户的带宽 流量消耗:少一点点(可以省去前端框架部分的代码) 可维护性:差(前后端东西放一起,掐架多年,早就在闹分手啦) seo友好度:好 ...

2017-03-18 15:56:16

阅读数:5780

评论数:0

前端渲染和后端渲染,要说的都在这里?

时下,前端 UI 设计越来越复杂,可谓“XX与XX齐飞,XX共XX一色”。  越来越复杂的 UI 意味着越来越重的 渲染工作。 目前通常有两种选择:服务器渲染 与 客户端渲染 笔者是支持客户端渲染的(没错就是钦点的) 以 Jade, YAML 为代表的 模板渲染引擎...

2017-03-18 15:43:43

阅读数:7820

评论数:0

vue生命周期

Vue生命周期 这是Vue文档里关于实例生命周期的解释图 那么下面我们来进行测试一下 section id="app-8"> {{data}} section> var myVue=new Vue({ el:"#a...

2017-03-17 13:15:03

阅读数:737

评论数:0

nodejs到底是什么?

初学NodeJS,就是要弄清楚什么是nodejs,能做什么,怎么用。。 什么是nodejs?     脚本语言需要一个解析器才能运行,JavaScript是脚本语言,在不同的位置有不一样的解析器,如写入html的js语言,浏览器是它的解析器角色。而对于需要独立运行的JS,nodejs就...

2017-03-15 11:10:15

阅读数:535

评论数:0

关于vue.js是什么,为什么要在nodejs中安装?

Vue.js可以在html里引用,使用npm引入是方便包管理。 等到应用需要的库和框架多起来后,一个个从html里引入就不方便了。 所以用到打包工具比如webpack,可以直接require引入之后将不同模块打包成单个js文件。同时这些工具提供各种自动化处理,让前端开发更爽。 最后Vue.j...

2017-03-14 22:45:01

阅读数:4191

评论数:0

viewport的深入理解-移动前端开发

在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲,移动设备上的vi...

2017-03-12 15:58:48

阅读数:156

评论数:0

css3 rem的用法——网页布局

rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位,em(font size of the element)是指相对于父元素的字体大小的单位。它们之间其实很相似,只不过一个计算的规则是依...

2017-03-11 20:17:54

阅读数:449

评论数:0

git对比svn有什么优势

能想出很多git优于subversion的地方,大部分是体现在分布式优于集中式的特征上,但如果你让我说出任何SVN分过来胜过git的地方,我竟一时想不出来一个。但这就能说明git完胜SVN吗? 事实当然不是这样,就像是Windows和Linux,你不能说这个一定就比那个好。最近在stackexc...

2017-02-24 16:00:55

阅读数:3084

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭