201909-17 CentOS安装PostgreSQL 命令总结: yum install -y https://download.postgresql.org/pub/repos/yum/9.6/redhat/rhel-7-x86_64/pgdg-centos96-9.6-3.noarch.rpm yum install -y postgresql.... Read More >
201902-20 IOS下微信弹窗fixed中input定位错位问题 方案一、通过重置scrollTop 代码一: 在input失去焦点的时候 用代码控制页面滑动一下可以修复此问题 document.body.scrollTop = 0; 代码二: $("input,select").blur(function(){ setTimeout(function() { var scrollHeight = document.docume.... Read More >
201902-20 【转载】移动端吸顶或吸底Fixed布局的解决方案 移动端业务开发,iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下,会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。 iOS下的 Fixed +.... Read More >
201811-26 浏览器兼容处理(HTML条件注释()、CSS Hack和JS识别) HTML识别 条件注释法(IE10+已经不支持条件注释) 【注意】两个--和左中括号[之间不能有空格,否则无效 [1]IE9-(<!--[if IE]><![endif]-->) <!DOCTYPE html> <html lang="en"> <head> <meta charset="U.... Read More >
201811-06 整理工具类的一些网址 工具类 一个高质量的图片网站 https://unsplash.com/ md2all markdown在线编辑器(使用于微信公众号) http://md.aclickall.com/ 在线图片压缩 https://tinypng.com/ 时间戳转换工具 https:.... Read More >
201810-22 javascript的Array.map,如何使用async, await异步 Array.map 是高阶函数,函数参数是同步的,非异步,如果内部异步调用,可以这样处理: // 获取用户信息 data = data.map((item) => { // 异步的调用 通过 async 立即执行函数包装起来 (async() => { let user = await userModel.findOne({ _id: author }).le.... Read More >
201805-28 [转]Redux状态机常见概念 redux gif地址 Web 应用是一个状态机,视图与状态是一一对应的。 所有的状态,保存在一个对象里面。 redux不依赖于react state 就是app中数据组成的树,也是一个普通的js对象。树的结构根据应用的需要自行决定,官方推荐的方式是分为三种数据: .... Read More >
201804-24 h5 微信开发页面尺寸大小 首先iPhone6在微信上的设计尺寸大小与实际展示大小 导航栏+iphone状态栏高度: 64px = 导航栏44+状态栏20 iphone4 屏幕总宽度: 320px 屏幕总高度: 480px 微信网页可视高度: 416px &nb.... Read More >
201804-23 html中CSS3 Column-count 属性遇到的问题 栏目做了大量的流动和平衡内容。 有时元素会卡在列之间。 li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } Multi-column layout .... Read More >
201804-02 Service Worker 入门 Service Worker 是什么? 一个 service worker 是一段运行在浏览器后台进程里的脚本,它独立于当前页面,提供了那些不需要与web页面交互的功能在网页背后悄悄执行的能力。在将来,基于它可以实现消息推送,静默更新以及地理围栏等服务,但是目前它首先要具备的功能是拦截和处理网络请.... Read More >
201803-26 Nodejs+Expressjs+JWT使用 jsonwebtoken 为什么要用研究JWT呢,一次关于用户token传递到讨论中,研发部的同事提到 SpringCloud 的zuul网关中引入 JWT,底层服务进行无状态处理,来实现我们之前关于token 传递的技术需求。 JWT(JSON Web Token),字面意思很好理解,就是Web的JSON令牌。一种通过Web可以安全传递JSON格式信息的机制。优势体量小,防串改,数据相对安全。可以用于客户端到服务器.... Read More >
201803-08 【转】DOM-based or local XSS – WiFi流量劫持 – JS脚本缓存投毒 在上一篇《WiFi流量劫持—— 浏览任意页面即可中毒》构思了一个时光机原型,让我们的脚本通过HTTP缓存机制,在未来的某个时刻被执行,因此我们可以实现超大范围的入侵了。 基于此原理,我们用NodeJS来实现一个简单的样例。得益于node强大的IO管理,以及各种封装好的网络模块,我们可以很容易实.... Read More >
201803-08 前端安全之XSS攻击 XSS(cross-site scripting跨域脚本攻击)攻击是最常见的Web攻击,其重点是“跨域”和“客户端执行”。有人将XSS攻击分为三种,分别是: 1. Reflected XSS(基于反射的XSS攻击) 2. Stored XSS(基于存储的XSS攻击) 3. DOM-.... Read More >
201801-29 Mongoose介绍和入门 Mongoose是在node.js异步环境下对mongodb进行便捷操作的对象模型工具 前面有介绍过用node-mongodb-native来操作mongodb,实际开发中估计更多会选用类似mongoose的模块来操作来提升开发效率 下面我们一步步.... Read More >
201801-19 单行居中显示文字,多行居左显示,最多两行超过用省略号结尾 首先是单行居中,多行居左 居中需要用到 text-align:center,居左是默认值也就是text-align:left。如合让两者结合起来达到单行居中,多行居左呢?这就需要多一个标签,假设一开始我们定义如下: <h2>单行居中,多行居左</h2> 现在,我.... Read More >