- 博客(6)
- 收藏
- 关注
原创 webpack之html中的图片打包
webpack之html中的图片打包方案一:url-loader方案二:html-loader(推荐)方案一:url-loader安装url-loader,并在webpack的module.rules中加入配置如下:{ test: /\.(png|jp?g|gif|svg|ico)$/, use: [ { loader: 'url...
2020-03-16 20:58:59
1014
1
原创 onbeforeunload事件
定义onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。调用方式MDN官方示例:window.addEventListener('beforeunload', function (e) { // Cancel the event e.preventDefault(); // ...
2019-05-06 18:32:22
10413
2
原创 log4js日志管理模块配置
前言项目基于node开发,为满足日志记录的需要,使用了log4js做为日志管理工具,当前的使用版本为4.1.0 。先说具体需求,当前项目使用的是express框架,大概想法是,能够记录常规日志,并且剥离错误日志单独记录到文件,日志文件按文件大小或日期分割,支持日志的自动压缩。记录一下当前的配置方案以及了解到的一些概念,具体实现代码参见文末。log4js的基础配置log4js.confi...
2019-04-01 12:22:42
4655
原创 express同地址分端渲染页面
需求当pc端和移动端访问同一个链接时,呈现不同的页面,pc端渲染pc端页面,移动端渲染移动端页面。解决方案1、将移动端render页面统一到一个文件夹下2、分离出一个base中间件,在base中判断user-agent具体实现1、在base中判断设备,并添加path前缀,代码如下所示:var base = function (req, res, next) { // 判断是否...
2019-03-12 22:18:09
236
原创 微信H5保存分享图片
使用场景:需实现一个微信分享的H5活动页,用户进行一个测试,提交答案后生成动态结果页,长按保存下载分享图片。功能需求:图片内容动态生成图片带有用户头像及昵称显示图片与实际下载图片不一致,实际下载的图片附有分享二维码实现思路:通过微信鉴权获取用户的头像和昵称根据用户提交的答案生成结果将实际需要转图片的dom节点通过设置层叠的方式使其不可见使用html2canvas将隐藏...
2019-02-01 18:13:11
9223
原创 微信网络授权-获取openId及用户信息
使用场景:网页获取当前微信用户的头像和昵称(无需关注公众号)网页授权流程:用户同意授权,获取code通过code换取网页授权access_token及openid根据access_token和openid,拉取用户信息(需scope为snsapi_userinfo)基本概念:静默授权:以snsapi_base为scope发起的网页授权,是用来获取进入页面的用户的openid的...
2019-02-01 18:00:20
678
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人