JavaScript工具函数大全(一)
这是一组偏“页面脚本”的 JavaScript 工具函数：事件、编码、收藏夹、动态加载脚本、回到顶部、Base64、全角半角、版本号比较和 CSS 压缩格式化。原文：https://github.com/Wscats/CV/issues/27。下面全部函数都保留，只修正明显写坏的语法（多余顿号、中文…
这是一组偏“页面脚本”的 JavaScript 工具函数：事件、编码、收藏夹、动态加载脚本、回到顶部、Base64、全角半角、版本号比较和 CSS 压缩格式化。原文：https://github.com/Wscats/CV/issues/27。下面全部函数都保留，只修正明显写坏的语法（多余顿号、中文…
表单里最常见的两类操作是校验和替换。下面这组函数覆盖数字、手机号、邮箱、身份证、URL、IP 以及密码复杂度。原文：https://github.com/Wscats/CV/issues/27。实现按原逻辑保留，并修正 functionpureNum 的函数名。 isNum 要求入参已是 numbe…
EJS 的模型很直接：一份 HTML = 模板 + 数据，和 PHP 字符串拼接相近，但用 <% %> 系列标记控制填充。 文中示例基于 ejs 2.6.1，在浏览器里用 script 引入，不经过 RequireJS。中文文档见 ejs.bootcss.com。 下面从单值渲染、列表、…
就业名单这类展示页经常要在固定高度里循环滚动，既要看起来“一直在动”，又要鼠标悬停时能停下来细看。下面用一份完整的 HTML + CSS + jQuery 实现向上滚动，效果如图： 思路是把同一份 ul 再复制一份接到后面，滚动到第一份底部时把 scrollTop 拉回去，视觉上就是无缝循环。 一、…
上一篇用 koa-static 挂了静态资源。这一篇看 Koa 里的 cookie 和 session：HTTP 本身无状态，换一个页面服务器就认不出是不是同一个浏览器，必须靠这两样把访问串起来。 Cookie 存在访问者电脑上，同一浏览器访问同一域名时可以共享数据。Session 存在服务器上：第…
上一篇讲了 POST 和 koa-bodyparser。页面里还要引入外部的 js、css、图片时，相对路径在 Koa 里经常 404。这一篇用 koa-static 把静态目录挂出去。 按以前写静态页的习惯，在 index.ejs 里用相对路径引 style.css 和一张图片，浏览器实际请求的是…
上一篇用 ejs 把页面渲染出来了。这一篇解决表单提交：Koa 怎么拿到前端 POST 过来的数据。可以自己拼 Node 原生的 data / end 事件，也可以直接上 koa-bodyparser，用 ctx.request.body 一次读完。 接着上一篇的项目：先在 index.ejs 里放…
上一篇讲了 Koa 中间件和洋葱模型。这一篇把 ctx.body 换成模板渲染：在 Koa 里用 ejs 输出页面。 Express 里常用 ejs；Koa 同样可以，需要 koa-views 和 ejs 两个模块。模板语法本身见官网 https://ejs.bootcss.com/，这里只讲在 K…
上一篇讲了 Koa 路由、GET 传值和动态路由。这一篇看 中间件，以及 Koa 特有的 洋葱模型：请求一层层走进去，响应再一层层走出来。 中间件就是匹配路由之前或匹配完成之后要做的那串操作。Express 里中间件能拿到 req、res 和 next；Koa 类似，只是上下文收进 ctx，向下走要…
上一篇已经能在本地启动一个最简单的 Koa 应用。这一篇把重点放到 路由：怎么按 URL 返回不同内容、怎么接 GET 传值，以及怎么写 动态路由。 和 Express 不同，Koa 内核不自带路由，需要单独安装 koa-router。GET 参数既可以从 ctx.query 拿对象，也可以从路径参…
