lipten主页

网上有好几种单页应用转seo的方案，有服务端渲染ssr、有预渲染prerender、google抓AJAX、静态化。。。这些方案都各有优劣，开发者可以根据不同的业务场景和环境决定用哪一种方案。本文将介绍另一种思路比较清奇的SEO方案，这个方案也是有优有劣，就看读者觉得适不适合了。 项目分析我的项目是用react+ts+dva技术栈搭建的单页应用，目前在线上已经有几十个页面，若干个sdk和... 阅读全文…

继之前的一篇《记前端项目首屏加载优化（打包篇）》之后，这次来讲一讲我的首屏加载在网络方面的优化😏。 写在前面资源加载是一个网站的展示在用户浏览器的必经之路，资源的请求次数和响应时间决定了网站的加载体验。本篇主要针对请求次数和响应时间聊一聊优化过程。 网站分析与测试环境有很多工具可以检测网站的网络请求：比如WebPage Speed Test，**Instant Website Tes... 阅读全文…

写在前面相信进来的观众一定很想知道我究竟埋了什么彩蛋🤔，这里说的“彩蛋”，指的是程序里的彩蛋(我的理解是一种区别于程序本身别有洞天的一番景象，并具有一定代表意义的小程序📟)，我埋的彩蛋的是在一个网站里的，彩蛋必须是玩家自己找到才有用的😎，先看看下面的彩蛋提示再进入网站找彩蛋哈😜。 彩蛋提示埋彩蛋的程序是编程猫社区官网，用浏览器访问，再打开浏览器的开发者工具的控制台📟。可以看到一个大... 阅读全文…

看了一下我司官网的webpack打包出来的大小情况，发现有很多可以优化的点，比如 lodash、moment.js、antd等等；本文主要围绕webpack的打包优化，并根据业务情况适当的做减法。 优化前分析优化前一定要有一个界面能记录目前的打包情况，推荐用webpack-bundle-analyzer这个包, 它可以看到打包后每个模块的大小，还能给出gizp压缩后的大小，在生产环境中加... 阅读全文…

写在前面工作中遇到一个这么一个需求：这是一个多图上传的场景，如果用户上传选择多张图片，则上传后直接展示多张图片，如果上传的图片是gif动图，则需要分解这张动图拆分成一帧一帧的单张图片，再按顺序展示出来。 实现思路这里主要针对gif分解多图的实现 首先对用户上传的文件格式进行判断； 将gif动图经过gif库解析成gif实例 遍历获取gif实例的每一帧的canvas，转换成baseURL，再转一... 阅读全文…

转载地址：https://juejin.im/post/5b54886ce51d45198f5c75d7 TypeScript + 大型项目实战写在前面 TypeScript 已经出来很久了，很多大公司很多大项目也都在使用它进行开发。上个月，我这边也正式跟进一个对集团的大型运维类项目。 项目要做的事情大致分为以下几个大模块 一站式管理平台 规模化运维能力 预案平台 巡检平台 全链路压... 阅读全文…

vue-slidePageIntroductionvue-slidePage is a fullscreen scrolling component of Vue.js, Based on slidePage Demo simple custom UsageInstall1$ npm i -S vue-slidepage Work on a Vue instance: 12345<... 阅读全文…

react-slidePage这个react版本是依赖于slidePage的基础上用react实现的小插件，后续slidePage更新了，这个react-slidePage也会自动更新的哟。 Introductionreact-slidePage is a fullscreen scrolling component of React, Based on slidePage Demo sim... 阅读全文…

Tiny-editorDemo:http://lipten.link/demo/editor -update v0.1-1.测试版，目前有个别功能不稳定。 Usage1、下载Tiny-editor1git clone https://github.com/lipten/Tiny-editor.git 2、引用相关文件1<link rel="stylesheet"... 阅读全文…

slidePage slidePage现已推出3.0, 吸取了上一版本slidePage v2.1.1 的各种经验，弥补不足，与v2.1.1不同的是移除了对jquery和zepto的依赖，精简到只有一个js文件，优化了接口调用方式，更适合主流的前端框架，另外还有基于vue的插件版本vue-slidePage和基于react的插件版本react-slidePage Demo: simple ... 阅读全文…