红豆技术栈

一些工作中踩得坑,和大家分享

前后端分离为什么不利于网站的SEO?

搜索引擎的基础爬虫的原理就是抓取你的url,然后获取你的html源代码并解析。 而你的页面通常用了vue等js的数据绑定机制来展示页面数据,爬虫获取到的html是你的模型页面而不是最终数据的渲染页面,所以说用js来渲染数据对seo并不友好。 ps:另外js并不是所有的引擎都爬不到,如google...

2017-07-05 16:09:53

阅读数 1844

评论数 0

前端安全栈

随着互联网的发达,各种WEB应用也变得越来越复杂,满足了用户的各种需求,但是随之而来的就是各种网络安全的问题。作为前端工程师的我们也逃不开这个问题。所以今天,就和大家一起聊一聊WEB前端的安全那些事儿。这里不去说那些后端的攻击(SQL注入、DDOS攻击等),毕竟整个WEB安全是一门很深的学问,不是...

2017-05-26 19:24:31

阅读数 239

评论数 0

6种CSS3炫酷预加载Loading

插件描述:6种CSS3炫酷预加载Loading,非常酷的纯CSS3炫酷预加载Loading指示器动画特效。这组loading指示器共6种效果,都是使用:before和:after伪元素,以及CSS帧动画来完成各种不同的预加载指示器动画。 实现方法 这是一组效果非常酷的纯CSS3炫酷预加...

2017-05-12 11:56:55

阅读数 2512

评论数 0

史上最全常用正则表达式

很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下,在这里分享一下。给自己留个底,也给朋友们做个参考。 一、校验数字的表达式 数字:^[0-9]*$ n位的数字:^\...

2017-04-13 11:27:32

阅读数 294

评论数 0

cdn托管静态资源的保险方案

在引用外置服务器的cdn资源的时候,可能不是特别的放心cdn服务器的稳定性,那么可以在引用的cdn下加上备用的自家服务器上的静态资源库,这样就保险了,既提高了速度,又不担心cdn服务器失效。 if (!window.jQuery) { var script = document.cr...

2017-04-10 14:59:31

阅读数 1164

评论数 0

mock.js-无需等待,让前端独立于后端进行开发

概述 首先啦,我不认识mock.js的作者,带着需求找到mock.js让我觉得很惊艳。相对于其他同类的框架的实现,mock.js超出了我的意料。 基于 数据模板 生成模拟数据。基于 HTML模板 生成模拟数据。拦截并模拟 ajax 请求。 是的,mock.js只做上述的几件事,但做的...

2017-04-07 10:26:37

阅读数 1703

评论数 0

深入理解 JavaScript 中的 JSON

转自:https://apriltail.com/2017/03/25/json-ru-guo-ni-yuan-yi-yi-ceng-yi-ceng-bo-kai-wo-de-xin-ni-hui-fa-xian-zhe-li-shui-hen-shen-shen-ru-li-jie-json/ ...

2017-04-06 11:19:06

阅读数 436

评论数 0

React技术栈

转载自阮一峰的个人博客 React 是目前最热门的前端框架。 Facebook 公司2013年推出现在最好的社区支持和生态圈大量的第三方工具 React 的优点 组件模式:代码复用和团队分工虚拟 DOM:性能优势移动端支持:跨终端 React ...

2017-03-22 14:04:07

阅读数 1892

评论数 0

前端开发的历史和趋势

转载自阮一峰的个人博客 什么是前端 前端:针对浏览器的开发,代码在浏览器运行后端:针对服务器的开发,代码在服务器运行 前后端不分的时代 互联网发展的早期,前后端开发是一体的,前端代码是后端代码的一部分。 后端收到浏览器的请求生成静态页面发送到浏览器 ...

2017-03-22 11:30:44

阅读数 1526

评论数 0

JavaScript最全编码规范

类型  1.基本类型:访问基本类型时,应该直接操作类型值 string number boolean null undefined var foo = 1;var bar = foo;bar = 9;console.log(foo, b...

2017-03-16 15:56:01

阅读数 286

评论数 0

js判断手机是否安装了某个APP,如果安装了就打开,没安装就下载

一:判断是那种设备 ? 1 2 var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器...

2017-03-15 11:21:07

阅读数 1491

评论数 0

浏览器同源政策及其规避方法

浏览器安全的基石是"同源政策"(same-origin policy)。很多开发者都知道这一点,但了解得不全面。 本文详细介绍"同源政策"的各个方面,以及如何规避它。 一、概述 1.1 含义 1995年,同源政策由 Netsc...

2017-03-09 15:15:28

阅读数 141

评论数 1

JS七种加密解密方法

HTML或JS加密解密     本文一共介绍了七种方法:     一:最简单的加密解密     二:转义字符"\"的妙用     三:使用Microsoft出品的脚本编码器Script Encoder来进行编码    (自创简单解码)     四:任意添加NU...

2017-03-07 15:46:00

阅读数 22066

评论数 0

用JS获取地址栏参数的方法(超级简单)

采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!) function GetQueryString(name) {      var reg = new RegExp("(^|&)"+ name +&q...

2017-03-05 16:54:40

阅读数 289

评论数 0

JQ AJAX踩坑

发现在提交AJAX请求时,如果datatype写错了会造成可以发送请求,在Network里可以看到链接200的请求成功,但是ajax走不到success的回调函数里,会一直返回error的回调,而且在控制台不输出任何错误。

2017-03-03 19:30:54

阅读数 407

评论数 0

前端将图片二进制流显示在html端

工作中碰到的问题,在处理接口返回的验证码图片时,由于返回的是encode编码代码,在js端获取到数据之后,通过函数encodeURI()来进行解码,之后可以通过在src中设置来实现图片显示: 实现方法: 在src前添加data:image/jpeg;base64,+已经encode的二进制...

2017-03-02 19:57:18

阅读数 48676

评论数 3

Jquery 延时加载图片

插件描述:Jquery 延时加载图片 页面延时加载图片, 就是滑动滚动条的时候显示下面的内容,刚开始只加载可视区域 本来想用jquery.lazyload.js来解决问题,不过发现这个插件和页面已经采用的jquery.SuperSlide.2.1.1.js相冲突,暂时还没发现问题所在,...

2017-03-01 11:02:40

阅读数 553

评论数 0

ECMAScript 6 扫盲

ECMAScript 6 目前基本成为业界标准,它的普及速度比 ES5 要快很多,主要原因是现代浏览器对 ES6 的支持相当迅速,尤其是 Chrome 和 Firefox 浏览器,已经支持 ES6 中绝大多数的特性。 本文译自 Github 上的一篇文章,目的是对还不太熟悉 ES6 ...

2017-02-28 18:34:29

阅读数 295

评论数 0

html5 实现网页截屏 页面生成图片(图文)

html2canvas通过获取页面的DOM和元素的样式信息,并将其渲染成canvas图片,从而实现给页面截图的功能。 因为每个浏览器渲染页面的方式都不尽相同,所以生成的图片也不太一样。 环境要求: jQuery 兼容性: Firefox 3.5+, Chrome, Opera, IE...

2017-02-27 16:37:34

阅读数 1936

评论数 0

JS 短信验证码的获取

script> // 定义按钮btn var btn = $("#send-captcha"); // 定义发送时间间隔(s) var SEND_INTERVAL = 60; var timeLeft = SEN...

2017-02-27 11:29:27

阅读数 1202

评论数 0

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