第一章 开发工具 01 前端开发工具选择 02 Sublime工具使用 第二章 HTML和css 01 HTML5基础 02 常用标签 03 css基础 04 css3选择器 05 css3基本样式 06 css3基础布局 07 响应式布局 第三章 JavaScript 01 js基础 02 js的 ...
分类:
Web程序 时间:
2019-10-14 12:28:20
阅读次数:
107
Mobx是一个功能强大,上手非常容易的状态管理工具。就连redux的作者也曾经向大家推荐过它,在不少情况下你的确可以使用Mobx来替代掉redux。 MobX: MobX 是一个经过战火洗礼的库,它通过透明的函数响应式编程(transparently applying functional reac ...
分类:
其他好文 时间:
2019-10-13 11:01:21
阅读次数:
262
再谈响应式在前一篇文章从Reactive编程到“好莱坞”中,谈到了响应式的一些概念,讲的有些发散。但仅仅还是停留在概念的层面,对于实战性的东西并没有涉及。所以大家看了后,或许还是有些不痛不痒。响应式编程强调的是异步化、面向流的处理方式,这两者也并非凭空生出,而是从大量的技术实践中总结提炼出来的概念,就比如:我们谈异步化,容易联想到Java异步IO(AsynchronizedIO),而且习惯于将其和
分类:
其他好文 时间:
2019-10-12 11:07:43
阅读次数:
78
什么是响应式 Web 设计 响应式 Web 设计是一个让用户通过各种尺寸的设备浏览网站获得良好的视觉效果的方法。例如,您先在计算机显示器上浏览一个网站,然后在智能手机上浏览,智能手机的屏幕尺寸远小于计算机显示器,但是你却没有感觉到任何差别,两者的用户体验几乎一样,这说明这个网站在响应式设计方面做得很 ...
分类:
其他好文 时间:
2019-10-10 20:08:35
阅读次数:
105
PC端************ 按屏幕宽度大小排序(主流的用橙色标明) 分辨率 比例 | 设备尺寸 1024*500 (8.9寸) 1024*768 (比例4:3 | 10.4寸、12.1寸、14.1寸、15寸; ) 1280*800(16:10 |15.4寸) 1280*1024(比例:5:4 | ...
分类:
其他好文 时间:
2019-10-09 17:32:15
阅读次数:
91
一、框架与组件 bootstrap等UI框架设计与实现 伸缩布局:grid网格布局 基础UI样式:元素reset、按钮、图片、菜单、表单 组件UI样式:按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告 响应式布局:布局、结构、样式、媒体、javasc ...
分类:
其他好文 时间:
2019-10-09 16:08:11
阅读次数:
129
vue的特点和web开发中的常见高级功能 解耦视图和数据 可复用的组件 前端路由技术 状态管理 虚拟DOM 数据响应式 不是所有元素操作都Vue都会监听并实现数据响应式 安装vue :1.CDN 2.下载引入 3.npm 创建Vue实例 创建时传入了一个对象options 这哥option包含了(常 ...
分类:
其他好文 时间:
2019-10-08 23:37:48
阅读次数:
136
https://www.jianshu.com/p/2ed9f54a3ff2 5、Vue的响应式原理 当一个Vue实例创建时,vue会遍历data选项的属性,用 Object.defineProperty 将它们转为 getter/setter并且在内部追踪相关依赖,在属性被访问和修改时通知变化。 ...
分类:
其他好文 时间:
2019-10-08 09:39:16
阅读次数:
94
使用Bootstrap3做目录。当在平板电脑上显示时,产品图像看起来很丑,因为它们的尺寸很小(500x500),浏览器的宽度是767像素。我想把图像放在屏幕的中心,但由于某种原因,我不能。谁会帮助解决问题? 如果您使用的是Bootstrapv3.0.1或更高版本,则应该使用此解决方案。它不会覆盖自定... ...
分类:
其他好文 时间:
2019-10-08 00:56:48
阅读次数:
129
为了方便起见,我们通过1200px宽的屏幕来讲解bootstrap中container、row、col的css属性值为何这样设置的原理 在1200px屏幕中为何container的宽度设置为1170px? 为了在1200px宽的设备两边留出一定的边距,因此将container的宽度设置为1170px ...
分类:
其他好文 时间:
2019-10-07 09:29:44
阅读次数:
78