Tag: Web
All the articles with the tag "Web".
koa2给所有页面渲染全局数据
Published: at 12:28 PM场景 给我的博客增加显示用户访问量，后台的每个请求访问量都新增1，每个页面的渲染都返回当前访问量计数。 捕捉每次请求 在所有路由之前新增 app.use(async (ctx, next) => { const totalhit = await Extends.addHit(ctx.path); ctx.state = Object...
给marked增加TOC(Table of content)
Published: at 03:37 AM一直使用marked库解析Markdown，现在想给它增加TOC功能 使用marked解析markdown文本是很简单的，如：marked(markdownText)就可以得到解析后的html内容 初始化marked 引入库 var marked = require('marked'); 重写renderer.heading tocObj后面再介绍，返回的...
登录后自动跳转到登录前的页面
Published: at 08:26 AM这个需求很常见，我们浏览自己写的博客文章的时候发现有些错误，此时想修改一下，所以必须得先登录才行。点击登录按钮后跳转到登录页面，登录成功后自动跳转到之前文章所在页面。 实现方法就是在登录页面通过document.referrer获取进入到此页面前的地址，然后将地址写入到隐...
Markdown在线预览
Published: at 07:18 AMMarkdown在线预览上线了，拖动文件或者点击上传markdown文件就可以预览了。 服务器不保存文件副本，只是将上传的文件内容转换为html格式显示在网页上。 点击地址访问：3inns.cn/mdviewer(http//3inns.cn/mdviewer) Markdown viewer(http//images.ningto.com/...
react native 配置方面的问题汇总
Published: at 07:44 AMunable to load script from assets index.android.bundle (in project directory) mkdir android/app/src/main/assets react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.an...
CSRF 攻击的应对之道
Published: at 03:10 PMCSRF 背景与介绍 CSRF（Cross Site Request Forgery, 跨站域请求伪造）是一种网络的攻击方式，它在 2007 年曾被列为互联网 20 大安全隐患之一。其他安全隐患，比如 SQL 脚本注入，跨站域脚本攻击等在近年来已经逐渐为众人熟知，很多网站也都针对他们进行了防御。然而，对于大多...
react判断滚动到底部以及保持原来的滚动位置
Published: at 10:10 AM这里解决两个问题： 判断某个组件是否滚动到底部 页面切换出去再切换回来后怎样保持之前的滚动位置 > 要保证这个组件就是那个滚动的组件，overflowY为scroll 判断某个组件是否滚动到底部 组件代码如下，通过ref获取真实的dom节点 <div ref={ node =>...
使用flex固定头部和底部中间滚动
Published: at 07:44 AM使用flex固定头部和底部中间滚动 关键点： root纵向布局高度充满整个浏览器界面并且隐藏滚动条 content设置滚动，flex设置1，否则当所有item的高度太小时footer会离开底部 item设置高度后，必须设置flexShrink为0，否则当所有item高度超过content高度时item会被压缩...
你必须知道的28个HTML5特征、窍门和技术
Published: at 04:25 AM前端的发展如此之迅猛，一不留神，大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话，可以把本文的内容作为必须了解的热身课程。 1. 新的Doctype > //zxx”doctype”中文意思指“文档类型” 仍在使用麻烦的，不可能记得住的XHTML文档类型...
网页聊天气泡效果实现
Published: at 08:23 AM模板 收发消息模板（使用ejs），可以认为发消息在右边显示，收消息在左边显示。 每条消息有三部分组成：头像、名字、聊天内容。 头像和名字垂直布局，尖角和消息水平布局，消息整体水平布局，左边消息左对齐，右边消息右对齐，最后是调整各元素之间的间距。 ...