您好,欢迎光临! 请 |

[转]Redux状态机常见概念

[转]Redux状态机常见概念

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

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

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

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

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......

手机端rem布局详解 - 浅析淘宝与网易团队

手机端rem布局详解 – 浅析淘宝与网易团队

从网易与淘宝的font-size思考前端设计稿与工作流 本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习,讨论html5设计稿尺寸以及前端与设计之间协作流程的问题,内容较多,但对你的技术和工作一定有价值,欢迎阅读和点评:)。 这是淘宝的github网址,里面有适配所需的js还有说明文档 地址:https://github.com......

Vue多页面依赖webpack开发共用配置

Vue多页面依赖webpack开发共用配置

由于项目历史遗留问题,项目目录不尽合理。如下 root //其它文件 |–vue_dev // 基于vue开发的 ……..|—package.json // 不解释 ……..|—node_modules // 不演示 ……..|—build // 打包运行代码 ……..|—views // 下面会有很多项目 ……..|—utils // 放一些公共的有用的东西 |–web //输出文件 根据项目目录,在view 下新建shaoxia_demo文件夹。其中包......

IE9 CSS HACK 减法解决了 IE9 下

IE9 CSS HACK 减法解决了 IE9 下的神奇 filter 黑背景

问题描述 做半透明黑色遮罩时,使用 css filter 做 IE 下的半透明背景兼容,一般这样写: .semi-trans { background: rgba(0, 0, 0, .7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);} 然而,IE9 下这种滤镜 + CSS3 的样式会显示成全黑的背景。 减法解决 所谓减法,就是 CSS ......

手机上的图片展示 PhotoSwipe

手机上的图片展示 PhotoSwipe

PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品。 官方网站 http://www.photoswipe.com/ 源码示例 http://github.com/downloads/codecomputerlove/PhotoSwipe/code.photoswipe-3.0.5.zip Github https://github.com/codecomputerl......

AngularJS 防止页面闪烁的方法

AngularJS 防止页面闪烁的方法

我们知道在应用的页面或者组件需要加载数据时,浏览器和angular渲染页面都需要消耗一定的时间。这里的间隔可能很小,甚至让人感觉不到区别;但也可能很长,这样会导致让我们的用户看到了没有被渲染过的页面。   这种情况被叫做Flash Of Unrendered Content (FOUC)(K)?and is always unwanted.下面我们将要介绍几个不同的方式防止......

解决js浮点数计算(加减乘除)bug

解决js浮点数计算(加减乘除)bug

说明 众所周知,js在计算浮点数时候,结果可能会不准确。比如:(在chrome中的运算结果) 2.2 + 2.1 = 4.300000000000001 2.2 - 1.9 = 0.30000000000000027 2.2 * 2.2 = 4.840000000000001 2.1 / 0.3 = 7.000000000000001   解决方案一 最终返回结果的时候加上了toFixed 解决方案二 function add(a, b) { var c, d, e; try......

Nodejs —— 调试篇

Nodejs —— 调试篇

新学习一种技术,肯定会遇到很多坑,我们需要找到这些坑,弄清楚这些坑出现的原因和其中的原理。这种操作就叫做调试。 程序调试的方法和工具多种多样,在这里我总结一下我在学习nodejs的过程中,学到的和用到的调试方法。 log 在JavaScript代码中直接console.log,可以在控制台中打印信息。但是这样的功能太单调,项目中模块很多,功能繁......

IE8下实现兼容rgba

IE8下实现兼容rgba

昨天遇到一个问题,要实现一个背景透明的效果,用CSS3用rgba()就能实现,即 background: rgba(0,0,0,.5); 但是要兼容到IE8,就发现没有透明效果,因为IE8不支持rgba()函数。下面我们总结一下rgba()函数的含义。 rgba的含义,r代表red,g代表green,b代表blue,a代表透明度。红绿蓝是三原色,所有颜色都可以由这三种颜色拼合而成。比如rgb......

50个CSS、Javascript工具(框架,库)

50个CSS、Javascript工具(框架,库)

CSS库&工具包 Fileicon, 纯CSS文件图标的集合。     Marx, CSS重置样式     Transformicons – 使用SVG和CSS制作动画图标,标志和按钮。   sanitize.css 又一个重置样式的CSS(比第一个更简洁)。   Loaders.css, performance-focused纯css加载动画。     SassyFlags SVG&CSS开发的国......

$(document).ready()与$(window).load()的区

$(document).ready()与$(window).load()的区别

虽说很早就开始接触JavaScript,自己也用JavaScript编写过许多代码,如之前的web版码表计时器,就写了近500行代码,函数也写了10个左右。当时也就是想到哪里就写到哪里,行不通就另外找方法,根本不会考虑代码的性能、作用及优化。 随着在实践中对JavaScript的应用,对JavaScript的认识也在不断地深入。这里,就为大家介绍一下$(document)......

JavaScript代码放在HTML代码哪里比较

JavaScript代码放在HTML代码哪里比较好

本文总结了多种放置JS代码的方法,需要的朋友可以参考下 在哪里放置 JavaScript 代码? 通常情况下,JavaScript 代码是和 HTML 代码一起使用的,可以将 JavaScript 代码放置在 HTML 文档的任何地方。但放置的地方,会对 JavaScript 代码的正常执行会有一定影响,具体如下所述。 放置于<head></head>之间 将 JavaScript 代码放......

Sass基础——Sass函数

Sass基础——Sass函数

在Sass中除了可以定义变量,具有@extend,%placeholders和Mixins等特性之外,还自备了一系列的函数功能。有字符串函数、数字函数、列表函数、Introspection函数以及三元函数等,当然大家还可以根据需求自定义函数。 在这篇文章中,我们主要对Sass函数中的字符串函数、数字函数、列表函数、Introspection函数以及三元函数的功能能使用做一......

[转]百度,淘宝,腾讯三大巨头HTML页面

[转]百度,淘宝,腾讯三大巨头HTML页面规范分解

【兼容html5方案】 百度贴吧,百度图片的实现 <!--[if lt IE 9]> <script> (function(){     var tags = ['header','footer','figure','figcaption','details','summary','hgroup','nav','aside','article','section','mark','abbr','meter','output','progress','time','video','audio','canvas','dialog'];     for(var ......