- 博客(28)
- 收藏
- 关注
RSS订阅转载 前后端分离为什么不利于网站的SEO？
搜索引擎的基础爬虫的原理就是抓取你的url，然后获取你的html源代码并解析。 而你的页面通常用了vue等js的数据绑定机制来展示页面数据，爬虫获取到的html是你的模型页面而不是最终数据的渲染页面，所以说用js来渲染数据对seo并不友好。ps:另外js并不是所有的引擎都爬不到，如google早就实现去解析js内容了，而国内的一批“蠢一点”的则还不行。google搜索不到知乎，是因为有网站的r
2017-07-05 16:09:53
3533
转载 前端安全栈
随着互联网的发达，各种WEB应用也变得越来越复杂，满足了用户的各种需求，但是随之而来的就是各种网络安全的问题。作为前端工程师的我们也逃不开这个问题。所以今天，就和大家一起聊一聊WEB前端的安全那些事儿。这里不去说那些后端的攻击(SQL注入、DDOS攻击等)，毕竟整个WEB安全是一门很深的学问，不是我一篇文章就能完全说完的。我们就聊一聊前端工程师们需要注意的那些安全知识。为什么要攻击?
2017-05-26 19:24:31
936
转载 6种CSS3炫酷预加载Loading
插件描述：6种CSS3炫酷预加载Loading，非常酷的纯CSS3炫酷预加载Loading指示器动画特效。这组loading指示器共6种效果，都是使用:before和:after伪元素，以及CSS帧动画来完成各种不同的预加载指示器动画。实现方法这是一组效果非常酷的纯CSS3炫酷预加载Loading指示器动画特效。这组loading指示器共6种效果，都是使用:before和:afte
2017-05-12 11:56:55
5137
1
转载 史上最全常用正则表达式
很多不太懂正则的朋友，在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下，在这里分享一下。给自己留个底，也给朋友们做个参考。一、校验数字的表达式数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$
2017-04-13 11:27:32
803
原创 cdn托管静态资源的保险方案
在引用外置服务器的cdn资源的时候，可能不是特别的放心cdn服务器的稳定性，那么可以在引用的cdn下加上备用的自家服务器上的静态资源库，这样就保险了，既提高了速度，又不担心cdn服务器失效。 if (!window.jQuery) { var script = document.createElement('script'); script.src = "/js/jquery
2017-04-10 14:59:31
1612
转载 mock.js-无需等待，让前端独立于后端进行开发
概述首先啦，我不认识mock.js的作者，带着需求找到mock.js让我觉得很惊艳。相对于其他同类的框架的实现，mock.js超出了我的意料。基于 数据模板 生成模拟数据。基于 HTML模板 生成模拟数据。拦截并模拟 ajax 请求。是的，mock.js只做上述的几件事，但做的足够出色。解决的问题开发时，后端还没完成数据输出，前端只好写静态模拟数据。数据
2017-04-07 10:26:37
1949
转载 深入理解 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/我们先来看一个JS中常见的JS对象序列化成JSON字符串的问题，请问，以下JS对象通过JSO
2017-04-06 11:19:06
626
转载 React技术栈
转载自阮一峰的个人博客React 是目前最热门的前端框架。Facebook 公司2013年推出现在最好的社区支持和生态圈大量的第三方工具React 的优点组件模式：代码复用和团队分工虚拟 DOM：性能优势移动端支持：跨终端React 的缺点学习曲线较陡峭全新的一套概念，与其他所有框架截然不同只有采用它的整个技术栈，才能发挥最大
2017-03-22 14:04:07
2259
转载 前端开发的历史和趋势
转载自阮一峰的个人博客什么是前端前端：针对浏览器的开发，代码在浏览器运行后端：针对服务器的开发，代码在服务器运行前后端不分的时代互联网发展的早期，前后端开发是一体的，前端代码是后端代码的一部分。后端收到浏览器的请求生成静态页面发送到浏览器后端 MVC 的开发模式那时的网站开发，采用的是后端 MVC 模式。Mod
2017-03-22 11:30:44
1915
原创 JavaScript最全编码规范
类型 1.基本类型：访问基本类型时，应该直接操作类型值stringnumberbooleannullundefinedvar foo = 1;var bar = foo;bar = 9;console.log(foo, bar); // => 1, 92.复合类型：访问复合类型时，应该操作其引用ob
2017-03-16 15:56:01
467
转载 js判断手机是否安装了某个APP,如果安装了就打开，没安装就下载
一:判断是那种设备?12varisAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器varisiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS
2017-03-15 11:21:07
1863
转载 浏览器同源政策及其规避方法
浏览器安全的基石是"同源政策"（same-origin policy）。很多开发者都知道这一点，但了解得不全面。本文详细介绍"同源政策"的各个方面，以及如何规避它。一、概述1.1 含义1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。最初，它的含义是指，A网页设置的 Cookie，B网页不能打开，除非这两个网页
2017-03-09 15:15:28
235
1
转载 JS七种加密解密方法
HTML或JS加密解密 本文一共介绍了七种方法： 一：最简单的加密解密 二：转义字符"\"的妙用 三：使用Microsoft出品的脚本编码器Script Encoder来进行编码 （自创简单解码） 四：任意添加NUL空字符（十六进制00H） （自创） 五：无用内容混乱以及换行空格TAB大法 六：自写解密函数法
2017-03-07 15:46:00
35217
转载 用JS获取地址栏参数的方法（超级简单）
采用正则表达式获取地址栏参数：（ 强烈推荐，既实用又方便！）function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1
2017-03-05 16:54:40
403
原创 JQ AJAX踩坑
发现在提交AJAX请求时，如果datatype写错了会造成可以发送请求，在Network里可以看到链接200的请求成功，但是ajax走不到success的回调函数里，会一直返回error的回调，而且在控制台不输出任何错误。
2017-03-03 19:30:54
593
原创 前端将图片二进制流显示在html端
工作中碰到的问题，在处理接口返回的验证码图片时，由于返回的是encode编码代码，在js端获取到数据之后，通过函数encodeURI()来进行解码，之后可以通过在src中设置来实现图片显示：实现方法：在src前添加data:image/jpeg;base64,+已经encode的二进制代码，就可以在网页端显示出图片，效果如图：不过这么长串的二进制字符直接展示在html里实在
2017-03-02 19:57:18
73977
10
原创 Jquery 延时加载图片
插件描述：Jquery 延时加载图片页面延时加载图片， 就是滑动滚动条的时候显示下面的内容，刚开始只加载可视区域本来想用jquery.lazyload.js来解决问题，不过发现这个插件和页面已经采用的jquery.SuperSlide.2.1.1.js相冲突，暂时还没发现问题所在，所以搞了一个新的插件：下载地址：http://www.jq22.com/demo/delayLoadi
2017-03-01 11:02:40
789
转载 ECMAScript 6 扫盲
ECMAScript 6 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。本文译自 Github 上的一篇文章，目的是对还不太熟悉 ES6 语法的同学做一个简单的扫盲。1. let、const 和 block 作用域let
2017-02-28 18:34:29
399
转载 html5 实现网页截屏 页面生成图片(图文)
html2canvas通过获取页面的DOM和元素的样式信息，并将其渲染成canvas图片，从而实现给页面截图的功能。因为每个浏览器渲染页面的方式都不尽相同，所以生成的图片也不太一样。环境要求: jQuery兼容性: Firefox 3.5+, Chrome, Opera, IE9官网主页: http://html2canvas.hertzen.com/测试生成的
2017-02-27 16:37:34
2569
转载 JS 短信验证码的获取
script> // 定义按钮btn var btn = $("#send-captcha"); // 定义发送时间间隔(s) var SEND_INTERVAL = 60; var timeLeft = SEND_INTERVAL; /** * 绑定btn按钮的监听事件 */ var bindB
2017-02-27 11:29:27
1664
转载 gulp + webpack 构建多页面前端项目
之前在使用gulp和webpack对项目进行构建的时候遇到了一些问题，最终算是搭建了一套比较完整的解决方案，接下来这篇文章以一个实际项目为例子，讲解多页面项目中如何利用gulp和webpack进行工程化构建。本文是自己的实践经验，所以有些解决方案并不是最优的，仍在探索优化中。所以有什么错误疏漏请随时指出。使用gulp过程中的一些问题，我已经在另外一篇文章讲到了 grunt or gulp
2017-02-24 16:19:09
735
转载 gulp中文指南
简介：gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等
2017-02-23 17:36:02
435
转载 谈基于NodeJS的全栈式开发（基于NodeJS的前后端分离）
前言为了解决传统Web开发模式带来的各种问题，我们进行了许多尝试，但由于前/后端的物理鸿沟，尝试的方案都大同小异。痛定思痛，今天我们重新思考了“前后端”的定义，引入前端同学都熟悉的NodeJS，试图探索一条全新的前后端分离模式。随着不同终端(Pad/Mobile/PC)的兴起，对开发人员的要求越来越高，纯浏览器端的响应式已经不能满足用户体验的高要求，我们往往需要针对不同的终端开
2017-02-23 16:45:04
785
转载 前后端分离的意义
尝试与改变如果你没有尝试过前后端分离的工作流程，那么可以先试想一下这样的流程改变：把流程从 PM：“我要这个功能”后端：“这个先找前端做个模板”前端：“模板做完了”后端：“我来对接一下，这里样式不对”前端：“我改完了”后端：“功能交付”PM：“春节要加这个活动”后端：“这个先找前端改个模板”前端：“模板做完了”后端：“我来对接一下，这里样式不
2017-02-23 16:14:56
3252
1
原创 小程序踩坑（不断更新）
小程序不是在浏览器中运行，无法操作DOM元素（类似document.getElementById以及Jquery的$("#id")等操作都不能进行））；小程序中没有alert事件 ，存在封装好的两种消息弹窗—— 参考http://www.jb51.net/article/98187.htm；1，toast弹窗： 书写方式：wx.showToast({ titl
2017-02-23 15:55:01
791
转载 前端常见SEO注意事项
前端开发工程师不仅需要要跟视觉设计师、交互式设计师配合，完美还原设计图稿，编写兼容各大浏览器、加载速度快、用户体验好的页面。现在还需要跟SEO人员配合，调整页面的代码结构和标签。一些成熟的平台，在开发初期并没有考虑优化问题，所以做出来的页面，就算是效果很炫，功能很强，但是对搜索引擎非常的不友善。任何一个成熟的网站，后期页面都是动辄几百万的，到这个时候再来调整结构，既费时又费力，最怕的还是会
2017-02-23 15:51:55
1266
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人