摘要: 前言 看到标题的人肯定会问,seo mask是什么,为什么可以解决单页应用seo无法被收录的难题呢? 简单来讲seo mask做的就是为已经发布线上运营的的单页应用项目建立另一个简单的利于seo的镜像网站,使搜索引擎能够爬取到不同路径下对应的内容,无需改造现有代码。 关于seo mask的解释及同样 阅读全文
posted @ 2018-12-29 15:13 lipten 阅读(896) 评论(0) 推荐(0) 编辑
摘要: seo mask seo mask是利用搜索引擎蜘蛛的爬取原理(蜘蛛只会爬取网页的内容,并不会关心解析网页里的css和js),制作一套专门针对seo的镜像网站,鄙人称它为针对seo的mask,让蜘蛛看到的是网站的mask更利于收录。无需改变原有网站的源码,此方法适合seo改造成本较大的具有动态数据的 阅读全文
posted @ 2018-12-29 15:11 lipten 阅读(411) 评论(0) 推荐(0) 编辑
摘要: 教程链接: "http://www.codeasily.net/course/plugin_course/" 写的不是很好,前面比较松后面比较急,请大家见谅,本人也没多少年前端经验,拿以前写过的教程网站,加上自己有个开源项目,可以拿出来讲一讲。也算是圆了一直以来想写关于原生 js 开发的教程的小目标 阅读全文
posted @ 2018-10-07 12:54 lipten 阅读(708) 评论(0) 推荐(0) 编辑
摘要: 继之前的一篇 "《记前端项目首屏加载优化(打包篇)》" 之后,这次来讲一讲我的首屏加载在网络方面的优化😏。 写在前面 资源加载是一个网站的展示在用户浏览器的必经之路,资源的请求次数和响应时间决定了网站的加载体验。本篇主要针对请求次数和响应时间聊一聊优化过程。 网站分析与测试环境 有很多工具可以检测 阅读全文
posted @ 2018-09-15 11:51 lipten 阅读(4201) 评论(0) 推荐(0) 编辑
摘要: 单页应用SPA做SEO的一种清奇的方案 网上有好几种单页应用转seo的方案,有服务端渲染ssr、有预渲染prerender、google抓AJAX、静态化。。。这些方案都各有优劣,开发者可以根据不同的业务场景和环境决定用哪一种方案。本文将介绍另一种思路比较清奇的SEO方案,这个方案也是有优有劣,就看 阅读全文
posted @ 2018-09-08 17:00 lipten 阅读(6183) 评论(3) 推荐(0) 编辑
摘要: 记前端项目首屏加载优化(打包篇) 看了一下我司官网的webpack打包出来的大小情况,发现有很多可以优化的点,比如 lodash、moment.js、antd等等; 本文主要围绕webpack的打包优化,并根据业务情况适当的做减法。 优化前分析 优化前一定要有一个界面能记录目前的打包情况,推荐用 " 阅读全文
posted @ 2018-09-05 14:25 lipten 阅读(4655) 评论(1) 推荐(2) 编辑
摘要: 记第一次在程序中埋彩蛋 写在前面 相信进来的观众一定很想知道我究竟埋了什么彩蛋🤔,这里说的“彩蛋”,指的是程序里的彩蛋(我的理解是一种区别于程序本身别有洞天的一番景象,并具有一定代表意义的小程序📟), 我埋的彩蛋的是在一个网站里的,彩蛋必须是玩家自己找到才有用的😎,先看看下面的彩蛋提示再进入网 阅读全文
posted @ 2018-08-28 17:17 lipten 阅读(365) 评论(0) 推荐(0) 编辑
摘要: js将用户上传gif动图分解成多张帧图片 写在前面 工作中遇到一个这么一个需求:这是一个多图上传的场景,如果用户上传选择多张图片,则上传后直接展示多张图片,如果上传的图片是gif动图,则需要分解这张动图拆分成一帧一帧的单张图片,再按顺序展示出来。 实现思路 这里主要针对gif分解多图的实现 1. 首 阅读全文
posted @ 2018-08-27 17:07 lipten 阅读(1356) 评论(0) 推荐(0) 编辑
摘要: 写在前面 事情的缘由:https://www.v2ex.com/t/275010 reply63 以前脑袋一热写了个教程网站:http://codeasily.net 更新内容: 这次用 vue 框架结合Tiny editor做个简单的编辑器,仿造 jsbin,还自己实现了 console 面板; 阅读全文
posted @ 2018-08-27 15:46 lipten 阅读(165) 评论(2) 推荐(0) 编辑