Home
Chenng's Home
Cancel

动手实现与使用Redux

也许马上要用到 React-Redux 了,跟着教程感受一下 Redux 的实现原理。 原文地址:React.js 小书 Redux 和 React-redux 并不是同一个东西。Redux 是一种架构模式(Flux 架构的一种变种),它不关注你到底用什么库,你可以把它应用到 React 和 Vue,甚至跟 jQuery 结合都没有问题。而 React-redux 就是把 Redux 这...

四种瀑布流布局处理方案

等宽等高,等宽不等高,等高不等宽,既不等宽又不等高。 等宽等高 利用 inline-block 或者 float 的方式即可实现 等宽不等高 使用插件实现 直接调用 Masonry 库即可实现。 使用 JS 或 CSS 实现 js 的实现方法 首先需要确定网页应用的宽度和每个需要放置元素的宽度,通过计算可以得到布局的列数 C 。布局元素是从主容器的左上角开始依次向下放置,因此...

横屏H5适配

横屏 H5 有些坑。 解决方法 有无解锁竖屏锁定,手机横向时可以浏览。 横竖屏适配 transform-origin: 0 0 0; transform: rotate(90deg) translateY(-clientWidth); 使用 API 来判断屏幕的横竖屏情况 window.matchMedia("(orientation: portrait)"); // 返回一...

CentOS7搭建Shadowsocks

一觉睡醒,发现 Shadowsocks 所有节点都超时了,只好在自己的 vultr 服务器上面搭一个了。 安装 Python 相关的工具 sudo yum install python-pip pip install --upgrade pip sudo yum install python-devel sudo yum install openssl-devel 使用 pip 安...

服务端node导出excel的方案

前端浏览器导出 excel 是十分不靠谱的,后台又不配合,怎么办?自己在 node 层撸一个出来咯。 node-xlsx的使用 node-xlsx文档地址:https://github.com/mgcrea/node-xlsx node-xlsx依赖于 js-xlsx 组件,API极简单,可读写xlsx文件内容。 node-xlsx的主要使用方法如下: 读xlsx文件 let x...

AI五子棋实现

可以实现一个你下不赢的五子棋吗? win = [ [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, ...

移动端软键盘与定位布局

虽然第一份工作大部分时间是做移动端,主要用的是 flex 和 rem 布局,到后期放弃 rem 了,发现大屏手机显示更多内容的效果更好。以前也遇到过软键盘影响定位布局的问题,都是拿来老板手机同款的测试机,定位出问题就流水布局吧,各种投机倒把把当前需求完成就完事了。立个 flag,遇到问题,不稳稳的解决不罢休。 小键盘影响布局 最近在安卓手机上遇到个现象,软键盘弹出的时候,把整个背景都顶上...

前端MOCK数据

前端 Mock 数据最佳实践。 // 文档:https://github.com/nuysoft/Mock/wiki // 后台定义的数据格式 let raw = { data: { eid: 27149, // 试卷ID title: "", // 试卷标题 intro: "", // 试卷介绍 imgs: "", // 试卷介绍用的图片 c...

微信支付前后端联调流程

微信支付的前后端联调挺多坑的,这里记录一下。 1、后台调用微信接口拿到 access_token # 请求方式 https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=xxxx&secret=xxxxx # 请求结果 {"access_token":"7iBVY8GoBbGp...

example

var foo = function (x) { return x + 5; }; foo(3); Note: This is a notification box.

Trending Tags

Trending Tags