前端
niuyueyang
这个作者很懒,什么都没留下…
展开
-
监听URL pushstate与replacestate
var _wr = function(type) { var orig = history[type]; return function() { var rv = orig.apply(this, arguments); var e = new Event(type); e.arguments = arguments; window.dispatchEvent(e); return rv; };}; history.p转载 2020-08-12 17:04:22 · 457 阅读 · 0 评论 -
node ftp上传
const fs = require('fs');const FTPClient = require('ftp');const path = require('path')const dirPath = path.join(__dirname, './dist'); // 本地FTP目录const remoteFtpPath = '/t1/star-pc-upload/test'; // 远程FTP目录const localFiles = []; // 本地文件let localFileLen原创 2020-08-06 08:50:45 · 574 阅读 · 1 评论 -
手把手教你打造一个 Nexus 的私有npm服务器
下载docker pull sonatype/nexus3 # 拉取镜像mkdir -p /data/nexus/data #建立目录chmod 777 -R /data/nexus/data # 建立目录docker run -d -p 8081:8081 --name nexus -v /data/nexus/data:/nexus-data sonatype/nexus3 # 启动docker logs -f nexus # 日志查看访问nexus密码操作查看管理员admin密原创 2020-07-15 21:35:42 · 383 阅读 · 0 评论 -
npm私有服搭建(verdaccio)
目的在内网中搭建npm私有库,里面只放项目需要的包,并不需要同步npm上面所有的包可以发布自己的包通过上网查找,选型,最终选定了verdaccio来搭建,因为可以不用自己搞数据库,而且很方便,不需要搞麻烦的配置就可以搭建成功。介绍Verdaccio是一个简单的,零配置所需的本地私有npm注册表。不需要整个数据库就可以开始使用!Verdaccio开箱即用,拥有自己的小型数据库,能够代...原创 2020-04-11 19:58:50 · 1087 阅读 · 0 评论 -
koa简易框架(四)
之前我们实现了简易版koa,router,static,今天我们在来实现一下koa-view,不说废话,直接上代码koa-view源码:const path = require('path')const EventEmitter = require('events');/** 匹配<%=xx%>将其变成${xx} 匹配<%xxxx%>将xxxx中的内容拼接...原创 2020-04-10 15:05:40 · 136 阅读 · 0 评论 -
koa简易框架(三)
koa-static之前我们实现了koa,koa-router,现在我们来看一下koa-static实现思路源码const fs = require('fs');const {promisify} = require('util'); //将函数promise化const stat = promisify(fs.stat); //用来获取文件的信息const mime = ...原创 2020-04-10 14:59:01 · 87 阅读 · 0 评论 -
koa简易框架(二)
koa-router简易封装之前我们封装了application,可以通过app.use方式,设置ctx.body,但是如果我们不设置路由,就会想下面一样:var Koa = require('koa');var Router = require('koa-router');var app = new Koa();var router = new Router();//将路由的处理交给...原创 2020-04-10 14:43:25 · 116 阅读 · 0 评论 -
koa简易框架(一)
koa使用分析const Koa = require('koa');let app = new Koa();//Koa是一个类,通过new生成一个实例//koa的原型上有use方法,来注册中间件app.use((ctx,next)=>{ //koa拥有ctx属性,上面挂载了很多属性 console.log(ctx.req.path); console.log...原创 2020-04-10 14:27:31 · 1039 阅读 · 0 评论 -
合并表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><table border> <tr style="text-alig...原创 2020-03-21 11:41:28 · 97 阅读 · 0 评论 -
svrx-前端开发工具
本文将介绍一款全新的前端开发工具,希望它能给你的前端开发带来看起来和现在一样但其实又不那么一样的体验。你可能会说,大家都是 秃头的 成熟的前端程序员了,每一台电脑上都有几套自己辛辛苦苦装好的全家桶,为什么还要新换一个开发工具?对,盲生,你可能发现了华点。数一数你电脑上目前为前端本地开发安装了多少小工具、小插件? 这其中仅仅是为代码开发阶段,就可能有本地服务器、远程调试工具、代理工具、浏览器插...原创 2019-11-10 01:36:09 · 907 阅读 · 0 评论 -
pwa缓存
用户代理缓存(浏览器缓存)manifest<!DOCTYPE html><html lang='en' manifest="./deafult.cache"> <head> <meta charset="utf-8" /> <title></title> </head> <body&g...原创 2019-07-22 16:08:24 · 1042 阅读 · 0 评论 -
前端性能优化
链路优化从url访问到整个页面呈现,整个链路优化的思路。静态资源链路DNS时间:根据请求的域名查询到对应主机IP的时间TCP时间:路由到主机ip,并建立tcp连接的时间优化建议将html,img,font,css,js这些资源放到cdn上,没有cdn可以放到oss存储服务上,这些会采用分布式部署。尽可能减少外联的css,js,可以在html头部加入dns-prefetch,减少...原创 2019-07-12 13:45:57 · 75 阅读 · 0 评论 -
前端性能监控
使用performance ApiPerformace接口允许访问当前页面性能相关的信息。它是High Resolution Time API的一部分。但是它被Performance Timeline API, the Navigation Timing API, the User Timing API, and the Resource Timing API扩展增强了。performance...原创 2019-07-11 11:42:22 · 303 阅读 · 0 评论