您好,欢迎光临! 请 |

[转]Redux状态机常见概念

[转]Redux状态机常见概念

redux gif地址 Web 应用是一个状态机,视图与状态是一一对应的。 所有的状态,保存在一个对象里面。 redux不依赖于react state 就是app中数据组成的树,也是一个普通的js对象。树的结构根据应用的需要自行决定,官方推荐的方式是分为三种数据: 后端提供的应用数据 应用状态数据 (某条数据是否选中) ui组件的数据(弹窗是否打开) ......

h5 微信开发页面尺寸大小

h5 微信开发页面尺寸大小

首先iPhone6在微信上的设计尺寸大小与实际展示大小 导航栏+iphone状态栏高度: 64px =  导航栏44+状态栏20   iphone4 屏幕总宽度: 320px 屏幕总高度: 480px 微信网页可视高度: 416px   iphone 5 / 5c / 5s /se 屏幕总宽度: 320px 屏幕总高度: 568px 微信网页可视高度: 504px iphone6  /  iphone 7 屏幕总宽度: 375px 屏幕总......

html中CSS3 Column-count 属性遇到的问

html中CSS3  Column-count 属性遇到的问题

栏目做了大量的流动和平衡内容。 有时元素会卡在列之间。 li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } Multi-column layout support: Chrome Safari Firefox Opera IE Android iOS Any 3+ 1.5+ 11.1+ 10+ 2.3+ 6.1+ 技术支持: https://css-tricks.com/almanac/properties/b......

Service Worker 入门

Service Worker 入门

Service Worker 是什么? 一个 service worker 是一段运行在浏览器后台进程里的脚本,它独立于当前页面,提供了那些不需要与web页面交互的功能在网页背后悄悄执行的能力。在将来,基于它可以实现消息推送,静默更新以及地理围栏等服务,但是目前它首先要具备的功能是拦截和处理网络请求,包括可编程的响应缓存管理。 为什么说这个API是一......

Nodejs+Expressjs+JWT使用 jsonwebto

Nodejs+Expressjs+JWT使用  jsonwebtoken

为什么要用研究JWT呢,一次关于用户token传递到讨论中,研发部的同事提到 SpringCloud 的zuul网关中引入 JWT,底层服务进行无状态处理,来实现我们之前关于token 传递的技术需求。 JWT(JSON Web Token),字面意思很好理解,就是Web的JSON令牌。一种通过Web可以安全传递JSON格式信息的机制。优势体量小,防串改,数据相对安全。可以用于客户......

【转】DOM-based or local XSS - Wi

【转】DOM-based or local XSS – WiFi流量劫持 – JS脚本缓存投毒

在上一篇《WiFi流量劫持—— 浏览任意页面即可中毒》构思了一个时光机原型,让我们的脚本通过HTTP缓存机制,在未来的某个时刻被执行,因此我们可以实现超大范围的入侵了。 基于此原理,我们用NodeJS来实现一个简单的样例。得益于node强大的IO管理,以及各种封装好的网络模块,我们可以很容易实现这个想法: 开启一个特殊的DNS服务:所有域......

前端安全之XSS攻击

前端安全之XSS攻击

XSS(cross-site scripting跨域脚本攻击)攻击是最常见的Web攻击,其重点是“跨域”和“客户端执行”。有人将XSS攻击分为三种,分别是: 1. Reflected XSS(基于反射的XSS攻击) 2. Stored XSS(基于存储的XSS攻击) 3. DOM-based or local XSS(基于DOM或本地的XSS攻击) Reflected XSS 基于反射的XSS攻击,主要依靠站点服务端返回脚本,在客......

单行居中显示文字,多行居左显示,最多两行

单行居中显示文字,多行居左显示,最多两行超过用省略号结尾

首先是单行居中,多行居左 居中需要用到 text-align:center,居左是默认值也就是text-align:left。如合让两者结合起来达到单行居中,多行居左呢?这就需要多一个标签,假设一开始我们定义如下: <h2>单行居中,多行居左</h2> 现在,我们在 h2 中间,嵌套多一层标签 p: <h2><p>单行居中,多行居左</p>&l......

14 个 JavaScript 调试技巧

14 个 JavaScript 调试技巧

了解你的工具可以极大的帮助你完成任务。尽管 JavaScript 的调试非常麻烦,但在掌握了技巧 (tricks) 的情况下,你依然可以用尽量少的的时间解决这些错误 (errors) 和问题 (bugs) 。 我们会列出14个你可能不知道的调试技巧, 但是一旦知道了,你就会迫不及待的想在下次需要调试 JavaScript 代码的时候使用它们! 现在开始。 虽然许多技巧也......

一张图看懂小程序全生态!目前总结最全的,

一张图看懂小程序全生态!目前总结最全的,没有之一

2017年1月9日,小程序发布在万众瞩目中发布,不仅占据了舆论的风口,也经历了不少起伏。6月9日小程序发布半年。半年来,小程序到底是什么现状?小程序给我们带来哪些改变?创业者该如何看待小程序?小程序生态中暗藏着哪些机会?带着这些疑问,「造个程序」策划了「小程序这半年专题」。本文为专题的首期,全面解读小程序生态圈云图。 6月......

IOS中微信图片尺寸过大,导致页面刷新微

IOS中微信图片尺寸过大,导致页面刷新微信崩溃

IOS中微信页面中 图片尺寸过大且图片数量过多时  会导致微信中页面不停重新请求刷新    微信崩溃

在PC端调试微信手机页面方法

在PC端调试微信手机页面方法

场景 假设一个手机页面,开发者对其做了限制,导致只能在微信客户端中打开。而众所周知手机上非常不利于调试页面,所以需要能在电脑上打开并进行调试。这里针对常见的三种页面做一下分析,一一绕过其限制,(当然不要拿去干坏事) 工具准备 ‍‍‍‍1、方便调试的浏览器。个人喜欢Chrome,本文基于Chrome 43.0.2357.130 (正式版本) m (32 位......

Chrome devtools inspect后打开空白解决办

Chrome devtools inspect后打开空白解决办法

解决方案一: 因为chrome inspect需要加载 https://chrome-devtools-frontend.appspot.com 上的资源,所以需要翻墙。 GoogleChrome/ADBPlugin#14   解决方案二: 编辑hosts文件,添加: 61.91.161.217    chrome-devtools-frontend.appspot.com 61.91.161.217    chrometophone.appspot.com 或 74.125.25.141 chrome-devtools-front......

移动设备上调试网页(IOS、Android调试

移动设备上调试网页(IOS、Android调试页面)

手机端页面,大多运行在webkit内核的 浏览器上,但还是会因平台、厂商的不同而有种种兼容性问题。下面就介绍一下在iOS和Android两个平台上如何在真机上对页面进行调试。这里要说明的 是,iOS平台只能用自带的Safari浏览器来调试,而Android平台也只能用google Chrome浏览器来调试。当然,我目前只发现这么两种手段,如果你还有其他方法可......

HTML5屏幕适配标签meta设置

HTML5屏幕适配标签meta设置

开发HTML5游戏中,我们常用的一些mata标签: <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> width: viewport 的宽度 (范围从 200 到 10,000 ,默认为 980 像素 ) height: viewport 的高度 (范围从 223 到 10,000 ) initial-scale: 初始的缩放比例 (范围从>0到 10......

[转]获取元素CSS值之getComputedStyle

[转]获取元素CSS值之getComputedStyle方法

一、getComputedStyle是? getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration]),只读。 getComputedStyle() gives the final used values of all the CSS properties of an element. 语法如下: var style = window.getComputedStyle("元素", "伪类"); 例如:......